html:(7):了解hx标签和加强语气
了解<hx>標簽，為你的網頁添加標題
文章的段落用<p>標簽，那么文章的標題用什么標簽呢？在本節我們將使用<hx>標簽來制作文章的標題。
標題標簽一共有6個，h1、h2、h3、h4、h5、h6分別為一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。并且依據重要性遞減。<h1>是最高的等級。
語法：
<hx>標題文本</hx> (x為1-6)
文章的標題前面已經說過了，可以使用標題標簽，另外網頁上的各個欄目的標題也可使用它們。如下圖為騰訊網站。
注意：因為h1標簽在網頁中比較重要，所以一般h1標簽被用在網站名稱上。騰訊網站就是這樣做的。如：<h1>騰訊網</h1>
h1-h6標簽的默認樣式：
標簽代碼：
在瀏覽器中顯示的樣式：
從上面的圖片可以看出標題標簽的樣式都會加粗，h1標簽字號最大，h2標簽字號相對h1要小，以此類推h6標簽的字號最小。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>h1-h6標題標簽</title> </head> <body> <h1>了不起的蓋茨比</h1><p>《了不起的蓋茨比》為那個奢靡年代的縮影。蓋茨比懷揣著對"美國夢"的期翼，投身到那個年代的燈紅酒綠之中，卻在名利場中看盡世態炎涼，以及浮華背后一切終將逝去的空虛悵惘。1925年《了不起的蓋茨比》問世。 </p><p>菲茨杰拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗挽歌，其詩人和夢想家的氣質亦為那個奢靡年代的不二注解。</p> </body> </html>運行結果
加入強調語氣，使用<strong>和<em>標簽
???????有了段落又有了標題，現在如果想在一段話中特別強調某幾個文字，這時候就可以用到<em>或<strong>標簽。
???????但兩者在強調的語氣上有區別:<em> 表示強調，<strong> 表示更強烈的強調。并且在瀏覽器中<em> 默認用斜體表示，<strong> 用粗體表示。兩個標簽相比，目前國內前端程序員更喜歡使用<strong>表示強調。
語法：
<em>需要強調的文本</em>??
<strong>需要強調的文本</strong>?
如，在網上商城中，某產品的打折后的價格是需要強調的。如下圖。
代碼實現：
在瀏覽器中默認樣式是有區別的：
原代碼，如下圖。
瀏覽器中的樣子，如下圖。
<em>的內容在瀏覽中顯示為斜體，<strong>顯示為加粗。如果不喜歡這種樣式，沒有關系，以后可以使用css樣式去改變它。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>了不起的蓋茨比</title> </head> <body><p>1922年的春天，一個想要成名名叫<strong>尼克?卡拉威</strong>（托比?馬奎爾Tobey Maguire飾）的作家，離開了美國中西部，來到了紐約。那是一個道德感漸失，爵士樂流行，走私為王，股票飛漲的時代。為了追尋他的美國夢，他搬入紐約附近一海灣居住。</p><p>菲茨杰拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗挽歌，其詩人和夢想家的氣質亦為那個奢靡年代的不二注解。</p> </body> </html>運行結果
總結
以上是生活随笔為你收集整理的html:(7):了解hx标签和加强语气的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： HTTP协议(1)—HTTP的连接
- 下一篇： 小说阅读器-源码