首頁 >web前端 >html教學 >HTML 基本語法 方便剛開始學習html的朋友_HTML/Xhtml_網頁製作

HTML 基本語法 方便剛開始學習html的朋友_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:41:031352瀏覽

1.1一般標記
  一般標記是由一個起始標記(Opening Tag)和一個結束標記(Ending Tag)所組成,其語法為:受控文字 x>
  其中,x代表標記名稱。 就如同一組開關:起始標記為開啟(ON)的某種功能,而結束標記(通常為起始標記加上一個斜線/)為關(OFF)功能,受控制的文字訊息便放在兩標記之間。例如:這是斜體字
  標記之中還可以附加一些屬性(Attribute),用來完成某些特殊效果或功能。例如:受控文字
  其中,a1,a2,...,an為屬性名稱,而v1,v2,...,vn則是其所對應的屬性值,屬性值加不加引號,目前所使用的瀏覽器都可接受,但依據W3C的新標準,屬性值是要加引號的,所以最好養成加引號到習慣。
  1.2 空標記
  雖然大部分的標記是成雙成對出現的,但也有一些是單獨存在的。這些單獨存在的標記稱為空標記(Empty Tags)。其與法為:
  同樣,空標記也可以附加一些屬性(Attribute),用來完成某些特殊效果或功能。如:,例如:


,
等。
  W3C定義的新標準(XHTML1.0/HTML4.0)建議:空白標記應以/結尾,即:
  若附加屬性則為:
  目前所使用的瀏覽器對於空標記後面是否要加/並沒有嚴格要求,即在空標記最後在/和沒有加/,不影響其功能。但如果希望你的文件能符合最新標準,那麼最好加上/。

  2. HTML標記分類
  2.1檔案結構標記(Document Structure Tags) 『出此類標記的檔案結構,主要的有:
  ...:標示html檔案的起始和終止。
  ...:標示出文件標題區。
  ...:標示出文件主體區
  
2.2區段格式標記(Block Formatting Tags)  文件中得某個區段文字,以特定格式顯示,增加文件的可看度。主要的有:
  ...:文件題目。
  ...:i=1,2,...,6,網頁標題。
  
:產生水平線。
  
:強迫換行。
  

...

:文件段落。
  
...
:以原始格式顯示。
  
...
:標註聯絡人姓名、電話、地址等資訊。
  
...
:區段引用標記。
  
2.3字符格式標記(Character Formatting Tags)  用來改變HTML文件文字的外觀,增加文件的美觀程度。主要有:
  ...:粗體字。
  ...:斜體字。
  ...:打字體。
  ...:改變字型設定。
  
...
:居中對齊。
  ...:文字閃爍。
  ...:加大字號。
  ...:縮小字號。
  ...:參考。
  
2.4列表標記(List Tags)  
    ...
:無編號列表。
  
    ...有編號列表。
      
  1. ...
  2. :列表項目。
      
    ...
    :定義式清單。
      
    ...
    :定義項目。
      
    ...
    :定義項目。
      ...:目錄式清單。
      ...:選單式清單。
      
    2.5連結標記(Anchor Tag)  連結可以說是html超文本檔的命脈,html透過連結標記來整合分散在世界各地的圖、文、影、音等資訊。此類標記的主要用途為標示超文本文件連結(Hypertext Link),主要有:
    ...:建立超級連結。
      2.6多媒體標記(Multimedia Tag)
      此類標記用來顯示影像資料。主要有:
      HTML 基本語法 方便剛開始學習html的朋友_HTML/Xhtml_網頁製作:嵌入影像。
      :嵌入多媒體物件。
      :背景音樂。
      2.7表格標記(Table Tags)
      此類標記用製作表格。主要有:
      ...
    :定義表格區段。
      ...:表格標題。
      ...:表頭。
      ...:表格欄位。
      ...:表格單元。
      2.8表單標記(Form Tags)
      此類標記用來製作互動式表單,主要的有:
      
    ...
    :顯示表單,主要的有:
      
    ...
    :顯示表單段的開始與結束。
      :產生單行文字方塊、單選按鈕、複選框等。
      :產生多行輸入文字方塊。
      :標示下拉清單的開始與結束。
      :在下拉清單中產生一個選擇項目。
      HTML標記並沒有大小寫之分,即和是相同的。以下來分別介紹這些標記。
      3. 文件結構標記

      一個html檔案的結構基本上可以分為兩部分,一部分稱為標題區(Head Section);另一部分稱為主體區( Body Section)。文件結構標記就是用來標示出何處屬於標題,何處屬於主體。   3.1:標示整份文件

      用途:標示整篇html檔案
      說明:一個標準的html檔案是一篇以開頭,而以開頭,而以開頭,而以開頭,而以開頭,而以開頭,而以開頭,而以開頭,而以開頭,而一個標準的html檔案則是一篇以開頭,而以開頭,而以結束的檔案。即:
      
      ... html檔案全文
        3.2:html.中,由和所夾住的區域稱為檔案的標題區。通常head區段都內含在html區段之中,即:
      
      
      ...... html檔案標題區
        
      .....
      
      3.3:網頁標題
      .....是html檔案標題區中最重要也是最常用的標記。其他標題區的標記還包括等。
      標記的用途是設定網頁標題,這個標題會顯示在瀏覽器視窗的標題列上,不會出現在瀏覽器的頁面(page)文字中。而大部分瀏覽器的收藏(My Favorites)、書籤(BookMark)或歷史記錄清單(History List)功能,也都是以這個文件的標題作為名稱的。 <br>  由<title>...所標註的文字並無長度的限制,不過太長的標題,有時可能會被截掉,並且也不容易記憶。
      3.4:標示出文件主體區
      說明:在html檔案中,由...所夾住的區域稱為檔案的主體區,通常是在區段之後。
      3.5標記的屬性
    backgroud屬性:
    這個屬性可以指定一個圖形檔案(一般為gif或jpeg),作為背景圖案。圖形會像拼瓷磚一樣鋪成整個網頁的底圖。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn