DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML 基本語法 方便剛開始學習html的朋友
HTML 基本語法 方便剛開始學習html的朋友
編輯:HTML和Xhtml     

1.1一般標記
  一般標記是由一個起始標記(Opening Tag)和一個結束標記(Ending Tag)所組成,其語法為:<x>受控文字</x>
  其中,x代表標記名稱。<x>和</x>就如同一組開關:起始標記<x>為開啟(ON)的某種功能,而結束標記</x>(通常為起始標記加上一個斜線/)為關(OFF)功能,受控制的文字信息便放在兩標記之間。例如:<i>這是斜體字</i>。
  標記之中還可以附加一些屬性(Attribute),用來完成某些特殊效果或功能。例如:<x a1="v1",a2="v2",...,an="vn">受控文字</x>
  其中,a1,a2,...,an為屬性名稱,而v1,v2,...,vn則是其所對應的屬性值,屬性值加不加引號,目前所使用的浏覽器都可接受,但依據W3C的新標准,屬性值是要加引號的,所以最好養成加引號得習慣。
  1.2 空標記
  雖然大部分的標記是成雙成對出現的,但也有一些是單獨存在的。這些單獨存在的標記稱為空標記(Empty Tags)。其與法為:<x>
  同樣,空標記也可以附加一些屬性(Attribute),用來完成某些特殊效果或功能。如:<x a1="v1",a2="v2",...,an="vn">,例如:<hr>,<br>等。
  W3C定義的新標准(XHTML1.0/HTML4.0)建議:空標記應以/結尾,即:<X />
  如果附加屬性則為:<x a1="v1",a2="v2",...,an="vn" />
  目前所使用的浏覽器對於空標記後面是否要加/並沒有嚴格要求,即在空標記最後在/和沒有加/,不影響其功能。但是如果希望你的文件能滿足最新標准,那麼最好加上/。

  2. HTML標記分類
  2.1文件結構標記(Document Structure Tags)
  此類標記的目的是用來標示出文件的結構,主要的有:
  <html>...</html>:標示html文件的起始和終止。
  <head>...</head>:標示出文件標題區。
  <body>...</body>:標示出文件主體區
  2.2區段格式標記(Block Formatting Tags)
  此類標記的主要用途是將HTML文件中得某個區段文字,以特定格式顯示,增加文件的可看度。主要的有:
  <title>...</title>:文件題目。
  <hi>...</hi>:i=1,2,...,6,網頁標題。
  <hr>:產生水平線。
  <br>:強迫換行。
  <p>...</p>:文件段落。
  <pre>...</pre>:以原始格式顯示。
  <address>...</address>:標注聯絡人姓名、電話、地址等信息。
  <blockquote>...</blockquote>:區段引用標記。
  2.3字符格式標記(Character Formatting Tags)
  用來改變HTML文件文字的外觀,增加文件的美觀程度。主要有:
  <b>...</b>:粗體字。
  <i>...</i>:斜體字。
  <tt>...</tt>:打字體。
  <font>...</font>:改變字體設置。
  <center>...</center>:居中對齊。
  <blink>...</blink>:文字閃爍。
  <big>...</big>:加大字號。
  <small>...</small>:縮小字號。
  <cite>...</cite>:參照。
  2.4列表標記(List Tags)
  <ul>...</ul>:無編號列表。
  <ol>...</ol:有編號列表。
  <li>...</li>:列表項目。
  <dl>...</dl>:定義式列表。
  <dd>...</dd>:定義項目。
  <dt>...</dt>:定義項目。
  <dir>...</dir>:目錄式列表。
  <menu>...</menu>:菜單式列表。
  2.5鏈接標記(Anchor Tag)
  鏈接可以說是html超文本文件的命脈,html通過鏈接標記來整合分散在世界各地的圖、文、影、音等信息。此類標記的主要用途為標示超文本文件鏈接(Hypertext Link),主要有:
<a>...</a>:建立超級鏈接。
  2.6多媒體標記(Multimedia Tag)
  此類標記用來顯示圖像數據。主要有:
  <img>:嵌入圖像。
  <embed>:嵌入多媒體對象。
  <bgsound>:背景音樂。
  2.7表格標記(Table Tags)
  此類標記用制作表格。主要有:
  <table>...</table>:定義表格區段。
  <caption>...</caption>:表格標題。
  <th>...</th>:表頭。
  <tr>...</tr>:表格列。
  <td>...</td>:表格單元格。
  2.8表單標記(Form Tags)
  此類標記用來制作交互式表單,主要的有:
  <Form>...</form>:表明表單區段的開始與結束。
  <input>:產生單行文本框、單選按鈕、復選框等。
  <textarea>...</textarea>:產生多行輸入文本框。
  <select>...</select>:標明下拉列表的開始與結束。
  <option>...</option>:在下拉列表中產生一個選擇項目。
  HTML標記並沒有大小寫之分,即<BODY>和<body>是相同的。以下來分別介紹這些標記。

  3. 文件結構標記
  一個html文件的結構基本上可以分為兩部分,一部分稱為標題區(Head Section);另一部分稱為主體區(Body Section)。文件結構標記就是用來標示出何處屬於標題,何處屬於主體。
  3.1<html>:標示整份文件
  用途:標示整篇html文件
  說明:一個標准的html文件是一篇以<html>開頭,而以</html>結束的文件。即:
  <html>
  ... html文件全文
  </html>
  3.2<head>:標示出文件標題區
  說明:html文件中,由<head>和</head>所夾住的區域稱為文件的標題區。通常head區段都內含在html區段之中,即:
  <html>
  <head>
  ...... html文件標題區
  </head>
  .....
  </html>
  3.3<title>:網頁標題
  <title>.....</title>是html文件標題區中最重要也是最常用的標記。其他標題區的標記還包括<base>、<isindex>、<link>、<nextid>、<meta>等。
  <title>標記的用途是設置網頁標題,這個標題會顯示在浏覽器窗口的標題欄上,不會出現在浏覽器的頁面(page)文字中。而大部分浏覽器的收藏(My Favorites)、書簽(BookMark)或歷史記錄列表(History List)功能,也都是以這個文件的標題作為名稱的。
  由<title>...</title>所標注的文字並無長度的限制,不過太長的標題,有時可能會被截掉,並且也不容易記憶。
  3.4<body>:標示出文件主體區
  說明:在html文件中,由<body>...</body>所夾住的區域稱為文件的主體區,通常是在<head>區段之後。
  3.5<body>標記的屬性
backgroud屬性:
這個屬性可以指定一個圖形文件(一般為gif或jpeg),作為背景圖案。該圖形會像拼瓷磚一樣鋪成整個網頁的底圖。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved