當前位置:才華齋>設計>網頁設計>

HTML的程式碼註釋

網頁設計 閱讀(1.2W)

什麼是HTML程式碼註釋?程式碼註釋的作用是幫助程式設計師標註程式碼的用途,過一段時間後再看你所編寫的程式碼,就能很快想起這段程式碼的用途。程式碼註釋不僅方便程式設計師自己回憶起以前程式碼的用途,還可以幫助其他程式設計師很快的讀懂你的程式的功能,方便多人合作開發網頁程式碼。

HTML的程式碼註釋

  語法:

<!--註釋文字 -->

  認識標籤<head>

文件的頭部描述了文件的各種屬性和資訊,包括文件的標題等。絕大多數文件頭部包含的資料都不會真正作為內容顯示給讀者。

<head>

<title>...</title>

<meta>

<link>

<style>...</style>

<script>...</script></head>

<title>標籤

在<title> 和<title> 標籤之間的文字內容是網頁的標題資訊,它會出現在瀏覽器的標題欄中。網頁的title標籤用於告訴使用者和搜尋引擎這個網頁的主要內容是什麼,搜尋引擎可以通過網頁標題,迅速的判斷出網頁的主題。每個網頁的內容都是不同的,每個網頁都應該有一個獨一無二的title。

例如:

<head>

<title>hello world</title></head>

<title>標籤的內容“hello world”會在瀏覽器中的標題欄上顯示出來,如下圖所示

--------------------------------------------------------------------------------

  <body>標籤,網頁上顯示的內容放在這裡

在網頁上要展示出來的頁面內容一定要放在body標籤中。如下圖是一個新聞文章的網頁。

--------------------------------------------------------------------------------

  開始學習<p>標籤,新增段落

如果想在網頁上顯示文章,這時就需要<p>標籤了,把文章的段落放到<p>標籤中。

語法: <p>段落文字</p>

注意一段文字一個<p>標籤,如在一篇新聞文章中有3段文字,就要把這3個段落分別放到3個<p>標籤中。如下圖所示。

--------------------------------------------------------------------------------

  瞭解<hx(1-6)>標籤,為你的網頁新增標題

文章的段落用<p>標籤,那麼文章的標題用什麼標籤呢?在本節我們將使用<hx>標籤來制作文章的標題。

標題標籤一共有6個,h1、h2、h3、h4、h5、h6分別為一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。並且依據重要性遞減。<h1>是最高的'等級。

語法:<hx>標題文字</hx> x:1-6

注意:因為h1標籤在網頁中比較重要,所以一般h1標籤被用在網站名稱上。騰訊網站就是這樣做的。如:<h1>騰訊網</h1>

h1-h6標籤的預設樣式:

  標籤程式碼:

在瀏覽器中顯示的樣式:

--------------------------------------------------------------------------------

  加入強調語氣,使用<strong>和<em>標籤

有了段落又有了標題,現在如果想在一段話中特別強調某幾個文字,這時候就可以用到<em>或<strong>標籤

但兩者在強調的語氣上有區別:

<em> 表示強調,在瀏覽器中<em> 預設用斜體表示

<strong>表示更強烈的強調,在瀏覽器中<strong>用粗體表示。

兩個標籤相比,目前國內前端程式設計師更喜歡使用<strong>表示強調。

在瀏覽器中預設樣式是有區別的:

瀏覽器中的樣子,如下圖。

語法:

<em>需要強調的文字</em>

<strong>需要強調的文字</strong>