HTML的代碼注釋
什么是HTML代碼注釋?代碼注釋的作用是幫助程序員標(biāo)注代碼的用途,過一段時間后再看你所編寫的代碼,就能很快想起這段代碼的用途。代碼注釋不僅方便程序員自己回憶起以前代碼的用途,還可以幫助其他程序員很快的讀懂你的程序的功能,方便多人合作開發(fā)網(wǎng)頁代碼。
語法:
<!--注釋文字 -->
認(rèn)識標(biāo)簽<head>
文檔的頭部描述了文檔的各種屬性和信息,包括文檔的標(biāo)題等。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會真正作為內(nèi)容顯示給讀者。
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script></head>
<title>標(biāo)簽
在<title> 和<title> 標(biāo)簽之間的文字內(nèi)容是網(wǎng)頁的標(biāo)題信息,它會出現(xiàn)在瀏覽器的標(biāo)題欄中。網(wǎng)頁的title標(biāo)簽用于告訴用戶和搜索引擎這個網(wǎng)頁的主要內(nèi)容是什么,搜索引擎可以通過網(wǎng)頁標(biāo)題,迅速的判斷出網(wǎng)頁的主題。每個網(wǎng)頁的內(nèi)容都是不同的,每個網(wǎng)頁都應(yīng)該有一個獨一無二的title。
例如:
<head>
<title>hello world</title></head>
<title>標(biāo)簽的內(nèi)容“hello world”會在瀏覽器中的標(biāo)題欄上顯示出來,如下圖所示
--------------------------------------------------------------------------------
<body>標(biāo)簽,網(wǎng)頁上顯示的內(nèi)容放在這里
在網(wǎng)頁上要展示出來的頁面內(nèi)容一定要放在body標(biāo)簽中。如下圖是一個新聞文章的網(wǎng)頁。
--------------------------------------------------------------------------------
開始學(xué)習(xí)<p>標(biāo)簽,添加段落
如果想在網(wǎng)頁上顯示文章,這時就需要<p>標(biāo)簽了,把文章的段落放到<p>標(biāo)簽中。
語法: <p>段落文本</p>
注意一段文字一個<p>標(biāo)簽,如在一篇新聞文章中有3段文字,就要把這3個段落分別放到3個<p>標(biāo)簽中。如下圖所示。
--------------------------------------------------------------------------------
了解<hx(1-6)>標(biāo)簽,為你的網(wǎng)頁添加標(biāo)題
文章的段落用<p>標(biāo)簽,那么文章的標(biāo)題用什么標(biāo)簽?zāi)?在本?jié)我們將使用<hx>標(biāo)簽來制作文章的標(biāo)題。
標(biāo)題標(biāo)簽一共有6個,h1、h2、h3、h4、h5、h6分別為一級標(biāo)題、二級標(biāo)題、三級標(biāo)題、四級標(biāo)題、五級標(biāo)題、六級標(biāo)題。并且依據(jù)重要性遞減。<h1>是最高的'等級。
語法:<hx>標(biāo)題文本</hx> x:1-6
注意:因為h1標(biāo)簽在網(wǎng)頁中比較重要,所以一般h1標(biāo)簽被用在網(wǎng)站名稱上。騰訊網(wǎng)站就是這樣做的。如:<h1>騰訊網(wǎng)</h1>
h1-h6標(biāo)簽的默認(rèn)樣式:
標(biāo)簽代碼:
在瀏覽器中顯示的樣式:
--------------------------------------------------------------------------------
加入強調(diào)語氣,使用<strong>和<em>標(biāo)簽
有了段落又有了標(biāo)題,現(xiàn)在如果想在一段話中特別強調(diào)某幾個文字,這時候就可以用到<em>或<strong>標(biāo)簽
但兩者在強調(diào)的語氣上有區(qū)別:
<em> 表示強調(diào),在瀏覽器中<em> 默認(rèn)用斜體表示
<strong>表示更強烈的強調(diào),在瀏覽器中<strong>用粗體表示。
兩個標(biāo)簽相比,目前國內(nèi)前端程序員更喜歡使用<strong>表示強調(diào)。
在瀏覽器中默認(rèn)樣式是有區(qū)別的:
瀏覽器中的樣子,如下圖。
語法:
<em>需要強調(diào)的文本</em>
<strong>需要強調(diào)的文本</strong>
【HTML的代碼注釋】相關(guān)文章:
1.過濾HTML代碼