独占一行 html_HTML基础-语义化标签
1.語義化標(biāo)簽:在網(wǎng)頁中HTML專門用來負(fù)責(zé)網(wǎng)頁結(jié)果 ,故在使用html標(biāo)簽時(shí),應(yīng)該關(guān)注的是標(biāo)簽的語義,而不是它的樣式
2.標(biāo)題標(biāo)簽:h1~h6 一共有六級(jí)標(biāo)題
從h1~h6重要性遞減,h1最重要,h6最不重要
h1在網(wǎng)頁中的重要性僅次于title標(biāo)簽,一般情況下一個(gè)頁面中只會(huì)有一個(gè)h1 。
h1~h3較常用,h4~h6很少用
標(biāo)題標(biāo)簽都是塊元素 ,在頁面中獨(dú)占一行的元素成為塊元素(block element)
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head> <body><h1>一級(jí)標(biāo)題</h1><h2>二級(jí)標(biāo)題</h2><h3>三級(jí)標(biāo)題</h3><h4>四級(jí)標(biāo)題</h4><h5>五級(jí)標(biāo)題</h5><h6>六級(jí)標(biāo)題</h6>
3.hgroup標(biāo)簽用來為標(biāo)簽分組,可以將一組相關(guān)的標(biāo)題同時(shí)放入到hgroup
4. p標(biāo)簽標(biāo)識(shí)頁面中的一個(gè)段落&一個(gè)塊元素
<p>在p標(biāo)簽中的內(nèi)容就表示一個(gè)段落</p>
5. em標(biāo)簽用于表示語義語調(diào)的一個(gè)加重,在頁面中不會(huì)獨(dú)占一行的元素稱為行內(nèi)元素。
6. strong表示強(qiáng)調(diào),重要內(nèi)容!
7.blockquote表示一個(gè)長引用
魯迅說: <!--blockquote表示一個(gè)長引用--> <blockquote>世上本沒有路,走的人多了,也便成了路 </blockquote>8.q表示一個(gè)短引用
<!--q表示一個(gè)短引用 --> 子曰<q>學(xué)而時(shí)習(xí)之,不亦說乎</q>9.br標(biāo)簽表示在頁面中換行
<!--br標(biāo)簽表示在頁面中換行 --> <br> <br> 今天天氣真不錯(cuò) </body> </html>ps:亂碼問題是由于用UTF-8解析GBK,所以會(huì)出現(xiàn)亂碼。
解決辦法:頁面最下方的UTf-8,選擇通過編碼重新打開,選擇GBK即可
總結(jié)
以上是生活随笔為你收集整理的独占一行 html_HTML基础-语义化标签的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 周长相等的正方形面积一定相等_万萍:画图
- 下一篇: 分级显示HTML,SSM框架下,以tre