web前端一點(diǎn)兒筆記
<html>開始標(biāo)簽</html>結(jié)束標(biāo)簽
HTML標(biāo)簽通常是成雙成對出現(xiàn)，我們稱為雙標(biāo)簽。
<br /單標(biāo)簽>
標(biāo)簽關(guān)系分為包含關(guān)系和并列關(guān)系。
<head>
?? ?<title></title>
</head>
<html>根標(biāo)簽
?? ?<head>頭部標(biāo)簽
?? ??? ?<title>文檔的標(biāo)題
<body>文檔的主體
VSCode快捷鍵
shift alt+箭頭 復(fù)制光標(biāo)定位的一行
crtl+d 選定相同的單詞
crtl alt+上下箭頭 添加多個光標(biāo)
crtl h 全局替換某個單詞
crtl+g 轉(zhuǎn)到第幾行
shift+alt+鼠標(biāo) 選中某個區(qū)塊
crtl+“-+”放大或縮小整個編輯器頁面
shift alt+a鍵多行注釋
crtl+/單行注釋
PS:Win+左右箭頭可以迅速調(diào)整瀏覽器和VScode
VSCode工具生成骨架新增代碼的含義
1、<!DOCTYPE>標(biāo)簽
文檔類型聲明，作用是告訴瀏覽器使用哪種HTML版本來顯示網(wǎng)頁。
<!DOCTYPE html>
當(dāng)前頁面采取的是HTML5版本來顯示網(wǎng)頁。
2、lang：語言
<html>
en：英語網(wǎng)頁，zh-CN：中文網(wǎng)頁
3、charset：字符集
UTF-8被稱為萬國碼，<meta charset="UTF-8">必須要寫，否則可能引起亂碼。
標(biāo)題標(biāo)簽
HTML提供了六個等級的網(wǎng)頁標(biāo)題，即<h1>-<h6>重要性遞減，h是head的縮寫，意為頭部，標(biāo)題。?? ?
段落和換行標(biāo)簽
<p>標(biāo)簽用于定義段落，可以把文字分成若干段落
（1）文本在一個段落中會根據(jù)瀏覽器窗口的大小自動換行。
（2）段落和段落之間保有空隙
強(qiáng)制換行使用換行
<br/>是break的縮寫，意為打斷換行，只是簡單的開始新的一行，跟段落不一樣，段落之間會插入一些垂直的間距。
文本格式化標(biāo)簽
加粗<strong></strong>或者<b></b>
傾斜<em></em>或<i></i>
刪除線<del></del>或者<s></s>
下劃線<ins></ins>或者<u></u>
HTML常用標(biāo)簽
<div></div>標(biāo)簽用來布局，一行只能放一個<div>,大盒子
<span></span>小盒子
圖像標(biāo)簽和路徑
<img src="圖像URL">
src是<img>標(biāo)簽的必須屬性，用于指定圖像文件的路徑和文件名
alt 替換文本 圖像顯示不出來的時候用文字替換
title 提示文本 鼠標(biāo)放到圖像上，提示的文字
width 像素 給圖像設(shè)定寬度
height 給圖像設(shè)置高度 修改其中一個，另一個會等比縮放
border 設(shè)置圖像的邊框粗細(xì)
