跟著視頻學(xué)習(xí)了HTML5茴肥,簡要記錄一下學(xué)習(xí)的筆記杆勇。
基礎(chǔ)標(biāo)簽學(xué)習(xí)
H系列標(biāo)簽(Header1~Header6)
-作用:
-用于給文本添加標(biāo)題語義
-格式 :
<h 1>xxxxxxx</h1>(注釋:h和1之間加了空格,原因是不加尤蛮,簡書就只顯示XXXX了,淚奔~,)
-注意點(diǎn):
-用來給文本添加標(biāo)題語義的遂唧,而不是用來修改文本的樣式的
-H標(biāo)簽一共有六個如输,從H1~H6.最多只能到六個有鹿,超過六個則無效旭旭。
-被H系列標(biāo)簽包裹的內(nèi)容會獨(dú)占一行
—在H系列的標(biāo)簽中,H1最大葱跋,H6最小
—在企業(yè)開發(fā)中持寄,要慎用H系列的標(biāo)簽,特別是H1標(biāo)簽娱俺,開發(fā)中一般情況下一個界面中只能出現(xiàn)一個H1標(biāo)簽(與SEO有關(guān))
P標(biāo)簽(Paragraph)
-作用:
—告訴瀏覽器哪些文字是一個段落
-格式:
< p>xxxxxx</p >
-注意點(diǎn):
-在瀏覽器中會單獨(dú)占一行
Hr標(biāo)簽(Horizontal Rule)
-作用:
-在瀏覽器中添加一條分割線
-格式:
或者<hr />
-注意點(diǎn):
-在瀏覽器會單獨(dú)占一行
-/可以寫稍味,也可以不寫。
快捷鍵:
-如何在WebStorm中讓光標(biāo)在多行中閃爍
——按住鍵盤上的Alt鍵不放荠卷,然后在按住鼠標(biāo)的左鍵不放模庐,然后拖動鼠標(biāo)即可
-如何在WebStorm中快速的復(fù)制光標(biāo)所在的那一行
—— 按住鍵盤上的Ctr+D
-如何在WebStorm中快速的刪除光標(biāo)所在的那一行
—— 按住鍵盤上的Ctr+X
-如何在WebStorm中讓標(biāo)簽包裹一段內(nèi)容,也就是自動在一段內(nèi)容前后加上標(biāo)簽
—— 按下鍵盤上的Ctr+Alt+T,然后按下回車油宜,然后輸入對一個的標(biāo)簽即可
注釋
-格式:
<!—xxxxxxx —>
-快捷鍵: Ctrl+/
img標(biāo)簽
-作用:告訴瀏覽器顯示一張圖片
img 標(biāo)簽 格 式:< img src=“”> 即image source的縮寫
-注意點(diǎn):
-img標(biāo)簽不會單獨(dú)占一行
-兩個屬相:width:寬度掂碱、height:高度
-如果img標(biāo)簽沒有指定需要顯示的圖片的寬高,則系統(tǒng)會按照圖片默認(rèn)的寬高來顯示慎冤,如果img標(biāo)簽指定寬高疼燥,則系統(tǒng)會按照指定的寬高顯示。
-指定寬高粪薛,可能導(dǎo)致圖片變形悴了;
-如果不想讓圖片變形,只需指定img的寬和高其中一個值即可违寿,只要指定了高度,系統(tǒng)會自動根據(jù)高度計算出寬度熟空,反之自動計算高度藤巢,且都是等比拉伸,也就說不會變形息罗。
-title,用于告訴瀏覽器掂咒,當(dāng)鼠標(biāo)懸停在圖片上時,需要彈出的描述框中顯示什么內(nèi)容;alt绍刮,是alternate的縮寫温圆,交換的意思,作用是告訴瀏覽器當(dāng)需要顯示的圖片找不到時顯示的內(nèi)容孩革。
br標(biāo)簽
-作用:換行
-格式:
< br>
-注意點(diǎn):
-多個br標(biāo)簽可以連續(xù)使用岁歉,使用幾個就換幾行
-br標(biāo)簽是不另起一個段落換行,在開發(fā)中一般情況下需要換行都是因為需要另起一段落膝蜈,所以在企業(yè)開發(fā)中很少使用br標(biāo)簽