CSS網頁布局中HTML標籤的語義

來源:互聯網
上載者:User
css|網頁

  或許有朋友感到迷惑,到底如何運用HTML標籤才是保持文檔語義並有良好的結構呢?我們看下面的這方面知識的介紹,相信你一定有所收穫。但也請你注意,有些標籤可能不符合WEB標準了,這些知識我們在52css.com以後的文章中再一一說明。

  Note:雙與單分別表示標籤是成對出現,還是單個出現,成對出現需要關閉,如:雙表示<a></a>、單表示:<img src=...>。

<a>雙 定義一個連結

   href=url 指定目標地址
   tabindex=number 指定該連結在當前檔案的Tab鍵次序中的位置 0-32767之間
   charset=charset 指定目標檔案的字元編碼形式
   例:<A href="link.html"><IMG Sre="Pixoe.gif"></A>
      <A href="Sendmailto:jen@nt.com">Send</A>
<base>單 為檔案中所有的相關URL(統一資源定位器)指定一個基準URL.置於<head>內

   href=url 要用到的URL
<body>雙 檔案的主體(瀏覽器中顯示的內容)

   backcolor="rrggbb" 背景色
   leftmargin=number 瀏覽器左邊緣與視窗中本文和圖形的開始位置之間的距離,單位:像素
   topmargin=number 瀏覽器上邊緣與視窗中本文和圖形的上邊緣位置之間的距離,單位:像素
   text="rrggbb" 文本預設顏色

<br>單 換行,但不像<P>標籤那樣增加多餘空行

   clear=all left right
<caption>雙 表格的標題,位於表格之上,可用<font>修飾,但一個<caption>必須對應一個<table>

   align=left right center 標題對齊

<dd>雙 表示一個定義列表中對一個表單項的條目部分

<dl>雙 表示一個定義列表,由條目<dt>和定義<dd>組成

<dt>雙 表示一個定義列表中對一個表單項的條目部分

<font>雙 字型修飾

   i 斜體
   b 加粗
   u 底線
   s 刪除線
   big 比前一個字型大一號
   small 比前一個字型小一號
   left 靠左對齊
   right 靠右對齊
   center 置中
   color="rrggbb" 顏色
   style=text 字型大小,可用文本和數字
   name=text 字型名稱
   equal 字型等距

<head>雙 與<body>同級,無任何屬性,僅作為其他標籤的容器

<hr>單 添加水平分界線

   align =left right center 水平分界線對齊
   noshade 將水平分界線顯示成一條時新線
   size=number 指定線寬,單位像素
   width=number 或 % 水平分界線長度,一像素為單位或頁面寬為百分比

<html>雙 於檔案起始和結尾,用於告訴瀏覽器整個檔案的大小是由html構成

   size=number 檔案大小

<img>單 在頁面上放一幅圖

   align=left right center top middle botton
   alt=text 當圖象無法顯示時的提示文本
   width=number 圖象寬度
   height=number 圖象高度
   src=url 圖象地址
   hspace=number 圖象左右留出空格
   vspace=number 圖象上下留出空格
   border=number 圖象與頁面邊界距離,預設為1
   blockquote 一個塊的引用,兩邊各留一空格,上下各留一行
<input>單 輸入(表單)[輸入類型:文本 單選框 複選框 複位 提交 檔案傳輸

   type:checkbox 複選框
        checked 初始選中值
        name=text 編號,可用文本或數字
        value=text 初始值
   type:file 檔案上傳
        name=text 編號,可用文本或數字
        value=text 搜尋按鈕的文本
   type:radio 單選框
        checked 初始選中值
        name=text 編號,可用文本或數字
        value=text 初始值
   type:rest 使表單選擇恢複預設值
        value=text 顯示可替代文本
   type:submit 提交按鈕
        value=text 顯示按鈕上的文本

<li>雙 表示一個列表中定義一個表單項,用於<dir><ol><ul>標籤中

<marquee>雙 建立一個滾動文字框

   align=left right center 文字框與頁面左、右、中對齊
   dirsction=left right 文本超出邊界時用水平、垂直捲軸
   height=number 文字框高度
   width=number 文字框寬度
   hspace=number 文字框兩邊留出的像素
   vspace=number 文字框上下留出的像素
   scrollamount=number 單擊方向鍵,每次滾動的距離,單位字元
   scrolldelay=number 單擊空白條區時,滾動距離,單位字元

<media>單 媒體

   align=left right center middle top bottom 對象相對周圍文本的對齊
   data=url 對象所引用的地址
   height=number 對象高度,以像素為單位
   width=number 對象寬度,以像素為單位
   hspace=number 在對象兩邊各留出的空格,以像素為單位
   vspace=number 在對象上下各留出的空格,以像素為單位
   type=audio video 物件類型(音頻和視頻)

<nobr>雙 禁止換行

<object>雙 外掛程式

   classid=text 如9b99c199-5d75-454f-ae07-b620727be8d8
<ol>雙 定義有序列表的起始,由表單項<li>組成

<option>雙 下拉式清單或滾動列表的項

   checked 初始選中值
   value=text 初始值
<p>單 換行,但有多餘空行
<script>雙 指令碼

   type=text 指令碼語言類型,如"VBScript"
<select>雙 定義一個下拉式清單和滾動列表

   multipe 允許多選一個或更多的<option>
   name=text 選中的<option>編號
   size=number "1"且無設multipe,顯示為一個下拉式清單
<sub>雙 下標

<sup>雙 上標

<table>雙 確定一個表格的始末

   align=left right center 表格在頁面中位置,預設為right
   backcolor="rrggbb" 表格背景色
   border=number 表格邊界厚度
   cellspacing=number 表格單元之間架構厚度
   cellspadding=number 儲存格邊界與內容之間的距離
   height=number or % 指定表格高度,單位像素,或瀏覽器頁面高度的百分比表示
   width=number or % 指定表格寬度,單位像素,或瀏覽器頁面寬度的百分比表示
   hspace=number 在一個對齊表格上下留一定空格,單位像素
   vspace=number 在一個對齊表格兩邊留一定空格,單位像素

<td>雙 定義一個儲存格

   align=left right center 文本相對與單元個的對器方式
   background=url 單位格裡的圖象
   backcolor="rrggbb" 表格背景色
表格、外掛程式、指令碼僅屬於<body>,指令碼最好不用
<media>僅屬於<body>



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。