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