独占一行 html_HTML基础-语义化标签
生活随笔
收集整理的這篇文章主要介紹了
独占一行 html_HTML基础-语义化标签
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.語義化標簽:在網頁中HTML專門用來負責網頁結果 ,故在使用html標簽時,應該關注的是標簽的語義,而不是它的樣式
2.標題標簽:h1~h6 一共有六級標題
從h1~h6重要性遞減,h1最重要,h6最不重要
h1在網頁中的重要性僅次于title標簽,一般情況下一個頁面中只會有一個h1 。
h1~h3較常用,h4~h6很少用
標題標簽都是塊元素 ,在頁面中獨占一行的元素成為塊元素(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>一級標題</h1><h2>二級標題</h2><h3>三級標題</h3><h4>四級標題</h4><h5>五級標題</h5><h6>六級標題</h6>
3.hgroup標簽用來為標簽分組,可以將一組相關的標題同時放入到hgroup
4. p標簽標識頁面中的一個段落&一個塊元素
<p>在p標簽中的內容就表示一個段落</p>
5. em標簽用于表示語義語調的一個加重,在頁面中不會獨占一行的元素稱為行內元素。
6. strong表示強調,重要內容!
7.blockquote表示一個長引用
魯迅說: <!--blockquote表示一個長引用--> <blockquote>世上本沒有路,走的人多了,也便成了路 </blockquote>8.q表示一個短引用
<!--q表示一個短引用 --> 子曰<q>學而時習之,不亦說乎</q>9.br標簽表示在頁面中換行
<!--br標簽表示在頁面中換行 --> <br> <br> 今天天氣真不錯 </body> </html>ps:亂碼問題是由于用UTF-8解析GBK,所以會出現亂碼。
解決辦法:頁面最下方的UTf-8,選擇通過編碼重新打開,選擇GBK即可
總結
以上是生活随笔為你收集整理的独占一行 html_HTML基础-语义化标签的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 周长相等的正方形面积一定相等_万萍:画图
- 下一篇: 分级显示HTML,SSM框架下,以tre