1. 程式人生 > >HTML常用元素標簽

HTML常用元素標簽

空白 元素 list 文檔 下劃線 設置 pre parent tro

常用HTML標簽元素結合及簡介

<html></html> 創建一個HTML文檔
<head></head> 設置文檔標題和其它在網頁中不顯示的信息
<title></title> 設置文檔的標題
<h1></h1> 最大的標題
<pre></pre> 預先格式化文本
<u></u> 下劃線
<b></b> 黑體字
<i></i> 斜體字
<tt></tt> 打字機風格的字體
<cite></cite> 引用,通常是斜體
<em></em> 強調文本(通常是斜體加黑體)
<strong></strong> 加重文本(通常是斜體加黑體)
<font size="" color=""></font> 設置字體大小從1到7,顏色使用名字或RGB的十六進制值
<BASEFONT></BASEFONT> 基準字體標記
<big></big> 字體加大
<SMALL></SMALL> 字體縮小
<STRIKE></STRIKE> 加刪除線
<CODE></CODE> 程式碼
<KBD></KBD> 鍵盤字
<SAMP></SAMP> 範例
<VAR></VAR> 變量
<BLOCKQUOTE></BLOCKQUOTE> 向右縮排
<DFN></DFN> 述語定義
<ADDRESS></ADDRESS> 地址標記
<sup></SUP> 上標字
<SUB></SUB> 下標字
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style =‘font-size:100 px‘>...</font>無限增大

格式標誌標簽

<p></p> 創建一個段落
<p align=""> 將段落按左、中、右對齊  
<br>換行 插入換行符
<blockquote></blockquote> 從兩邊縮進文本
<dl></dl> 定義列表
<dt> 放在每個定義術語詞前
<dd> 放在每個定義之前
<ol></ol> 創建一個標有數字的列表
<ul></ul> 創建一個標有圓點的列表
<li> 放在每個列表項之前,若在<ol></ol>之間則每個列表項加上一個數字,
若在<ul></ul>之間則每個列表項加上一個圓點    
<div align=""></div> 用來排版大塊HTML段落,也用於格式化表
<MENU> 選項清單
<DIR> 目錄清單
<nobr></nobr> 強行不換行
<hr size=‘9‘ width=‘80%‘ color=‘ff0000‘>水平線(設定寬度)
<center></center> 水平居中

鏈接標誌表格標誌

<a href="URL"></a> 創建超文本鏈接
<a href="mailtEMAIL">
</a> 創建自動發送電子郵件的鏈接
<a name="name"></a> 創建位於文檔內部的書簽
<a href="#name"></a> 創建指向位於文檔內部書簽的鏈接
<BASE> 文檔中不能被該站點辨識的其它所有鏈接源的URL
<LINK> 定義一個鏈接和源之間的相互關系

鏈接標記註解:

◆target="..."決定鏈接源在什麽地方顯示(用戶自定義的名字,_blank,_parent,_self,_top
◆rel="..."發送鏈接的類型
◆rev="..."保存鏈接的類型
◆accesskey="..."指定該元素的熱鍵
◆shape="..."允許我們使用已定義的形狀定義客戶端的圖形鏡像(default,rect,circle,poly
◆coord="..."使用像素或者長度百分比來定義形狀的尺寸
◆tabindex="..."使用定義過的tabindex元素設置在各個元素之間的焦點獲取順序(使用tab鍵使元素獲得焦點)

大部分標簽可以運用時候通過css控制改變樣式達到我們想要的布局效果。

HTML常用元素標簽