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