- 相關(guān)推薦
HTML的代碼注釋
什么是HTML代碼注釋?zhuān)看a注釋的作用是幫助程序員標(biāo)注代碼的用途,過(guò)一段時(shí)間后再看你所編寫(xiě)的代碼,就能很快想起這段代碼的用途。代碼注釋不僅方便程序員自己回憶起以前代碼的用途,還可以幫助其他程序員很快的讀懂你的程序的功能,方便多人合作開(kāi)發(fā)網(wǎng)頁(yè)代碼。
語(yǔ)法:
<!--注釋文字 -->
認(rèn)識(shí)標(biāo)簽<head>
文檔的頭部描述了文檔的各種屬性和信息,包括文檔的標(biāo)題等。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會(huì)真正作為內(nèi)容顯示給讀者。
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script></head>
<title>標(biāo)簽
在<title> 和<title> 標(biāo)簽之間的文字內(nèi)容是網(wǎng)頁(yè)的標(biāo)題信息,它會(huì)出現(xiàn)在瀏覽器的標(biāo)題欄中。網(wǎng)頁(yè)的title標(biāo)簽用于告訴用戶和搜索引擎這個(gè)網(wǎng)頁(yè)的主要內(nèi)容是什么,搜索引擎可以通過(guò)網(wǎng)頁(yè)標(biāo)題,迅速的判斷出網(wǎng)頁(yè)的主題。每個(gè)網(wǎng)頁(yè)的內(nèi)容都是不同的,每個(gè)網(wǎng)頁(yè)都應(yīng)該有一個(gè)獨(dú)一無(wú)二的title。
例如:
<head>
<title>hello world</title></head>
<title>標(biāo)簽的內(nèi)容“hello world”會(huì)在瀏覽器中的標(biāo)題欄上顯示出來(lái),如下圖所示
--------------------------------------------------------------------------------
<body>標(biāo)簽,網(wǎng)頁(yè)上顯示的內(nèi)容放在這里
在網(wǎng)頁(yè)上要展示出來(lái)的頁(yè)面內(nèi)容一定要放在body標(biāo)簽中。如下圖是一個(gè)新聞文章的網(wǎng)頁(yè)。
--------------------------------------------------------------------------------
開(kāi)始學(xué)習(xí)<p>標(biāo)簽,添加段落
如果想在網(wǎng)頁(yè)上顯示文章,這時(shí)就需要<p>標(biāo)簽了,把文章的段落放到<p>標(biāo)簽中。
語(yǔ)法: <p>段落文本</p>
注意一段文字一個(gè)<p>標(biāo)簽,如在一篇新聞文章中有3段文字,就要把這3個(gè)段落分別放到3個(gè)<p>標(biāo)簽中。如下圖所示。
--------------------------------------------------------------------------------
了解<hx(1-6)>標(biāo)簽,為你的網(wǎng)頁(yè)添加標(biāo)題
文章的段落用<p>標(biāo)簽,那么文章的標(biāo)題用什么標(biāo)簽?zāi)?在本?jié)我們將使用<hx>標(biāo)簽來(lái)制作文章的標(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í)。
語(yǔ)法:<hx>標(biāo)題文本</hx> x:1-6
注意:因?yàn)閔1標(biāo)簽在網(wǎng)頁(yè)中比較重要,所以一般h1標(biāo)簽被用在網(wǎng)站名稱(chēng)上。騰訊網(wǎng)站就是這樣做的。如:<h1>騰訊網(wǎng)</h1>
h1-h6標(biāo)簽的默認(rèn)樣式:
標(biāo)簽代碼:
在瀏覽器中顯示的樣式:
--------------------------------------------------------------------------------
加入強(qiáng)調(diào)語(yǔ)氣,使用<strong>和<em>標(biāo)簽
有了段落又有了標(biāo)題,現(xiàn)在如果想在一段話中特別強(qiáng)調(diào)某幾個(gè)文字,這時(shí)候就可以用到<em>或<strong>標(biāo)簽
但兩者在強(qiáng)調(diào)的語(yǔ)氣上有區(qū)別:
<em> 表示強(qiáng)調(diào),在瀏覽器中<em> 默認(rèn)用斜體表示
<strong>表示更強(qiáng)烈的強(qiáng)調(diào),在瀏覽器中<strong>用粗體表示。
兩個(gè)標(biāo)簽相比,目前國(guó)內(nèi)前端程序員更喜歡使用<strong>表示強(qiáng)調(diào)。
在瀏覽器中默認(rèn)樣式是有區(qū)別的:
瀏覽器中的樣子,如下圖。
語(yǔ)法:
<em>需要強(qiáng)調(diào)的文本</em>
<strong>需要強(qiáng)調(diào)的文本</strong>
【HTML的代碼注釋】相關(guān)文章:
過(guò)濾HTML代碼08-29
php如何過(guò)濾危險(xiǎn)html代碼09-21
HTML的語(yǔ)言剖析10-13
HTML5和HTML4有何區(qū)別?08-29
收集的常用的HTML標(biāo)簽01-22
HTML語(yǔ)言的網(wǎng)頁(yè)教程06-14
什么是HTML相關(guān)的介紹08-08
HTML5的發(fā)展08-15