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

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

May 16, 2016 pm 04:41 PM
html 基本文法

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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

HTML 中的文字移動指南。在這裡我們討論一下marquee標籤如何使用語法和實作範例。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

See all articles