HTML中標籤的作用(一)

(1.)Link標籤。可以導入css和其他的插件。

A標籤,用途很廣,可以放入網址,文件等,(注意放入東西后,a標籤裏面要放入字體,否則會顯示不出來),放入文件點擊a標籤會下載此文件。

(3.)div,一個最常用的東西,它是一個快級元素,也是一個新的行。div可以把文檔分割爲獨立的、不同的部分。div裏面可以放入class或id等(注意,每個id都是獨一無二的)。

(4.)可以創建各種不同類型的框,都取決於type裏面輸入的代碼。舉個例子text是文本框,那你把text換成password他就成了密碼框,text輸入是可以看見你輸入了什麼,密碼框都是統一一個點的。

(5.)h1到h6標籤,相當於從大到小,(可以給class改變它的樣式)h1最大,h6最小。只有1到6,沒有更多了。

(6.)script是一個可以引入js和插件的代碼,它的功能挺多的,單單不只是引入,也可以在源代碼上輸入js的樣式(前提是要被script包裹,引入插件或js的script是不能在裏面輸入js的樣式的,不過現在很多人多創建js的樣式,不太會用到,不過他確實有這個功能。(可以在源代碼通過style來寫類的樣式))。

css的標籤有很多,本篇文章爲大家總結以下常用的一些標籤以及簡單說明這些標籤的作用。

(1) css的文字屬性標籤

文字顏色: color: #ffffff;

文字樣式: font-style: oblique;(偏斜體) italic;(斜體) normal;(正常)

字體大小:font-size:16px;

文字行高: line-height: 30px;

文字粗細: font-weight: bold;(粗體) lighter;(細體) normal;(正常)

文字修飾: text-decoration:line-through; (加刪除線)overline;(加頂線)underline;(加下劃線)none;(無修飾線)

對齊方式: text-align:right; (文字右對齊)left;(文字左對齊)center;(內部元素居中)justify;(文字分散對齊)

使用練習:我們隨機書寫一段文字,設置文字的顏色爲紅色,字體樣式爲斜體,字體大小爲20px,行高爲35px,字體加粗,加下劃線,並是文字居中對齊;那麼我們的代碼就如下所示:

在網頁中的顯示效果就如下圖所示:

(2)css背景樣式

背景樣式:background:#f00; (紅色背景)background-image : url(/image/bg.gif); (背景圖片)background-repeat : repeat;(重複排列-網頁默認)background-repeat : no-repeat;(不重複排列)background-repeat : repeat-x; (在x軸重複排列)background-repeat : repeat-y; (在y軸重複排列)

(3)css邊框樣式

邊框樣式:border-top : 1px solid #f00; (上框線)border-bottom : 1px solid #f00; (下框線)border-left : 1px solid #f00; (左框線)border-right : 1px solid #f00; (右框線)border:1px solid #f00;(上下左右邊框)

其他框線樣式:solid(實線框)dotted(虛線框)double(雙線框)groove(立體內凸框)ridge(立體浮雕框)inset(凹框)outset(凸框)

(4)css內邊距以及外邊距屬性

內邊距樣式:padding-top:10px; (上邊框留空白)padding-right:10px;(右邊框留空白)padding-bottom:10px; (下邊框留空白)padding-left:10px;(左邊框留空白)

也可以簡寫成padding:10px 10px 10px 10px;(分別對應上右下左)padding:10px 10px;(上下、左右)padding:10px 10px 10px;(上、左右、下)

外邊距樣式:margin-top:10px; (上邊界留空白)margin-right:10px;(右邊界留空白)margin-bottom:10px; (下邊界留空白)margin-left:10px;(左邊界留空白)

也可以簡寫成margin:10px 10px 10px 10px;(分別對應上右下左)margin:10px 10px;(上下、左右)margin:10px 10px 10px;(上、左右、下)

使用練習:我們隨機書寫一段文字,設置文字的背景爲灰色,邊框爲紅色 2px 實線框,內邊距爲10px,外邊距爲10px;那麼我們的代碼就如下所示:

在網頁中的顯示效果就如下圖所示:

HTML中標籤的作用

<HTML>,表示該文件爲HTML文件
<HEAD>,包含文件的標題,使用的腳本,樣式定義等
<TITLE>---</TITLE>,包含文件的標題,標題出現在瀏覽器標題欄中
</HEAD>,<HEAD>的結束標誌
<BODY>,放置瀏覽器中顯示信息的所有標誌和屬性,其中內容在瀏覽器中顯示.
</BODY>,<BODY>的結束標誌
</HTML>,<HTML>的結束標誌

其它主要標籤,以下所有標誌用在<BODY></BODY>中:
<A,HREF="…"></A>,鏈接標誌,"…"爲鏈接的文件地址
<IMG,SRC="…">,顯示圖片標誌,"…"爲圖片的地址
<BR>,換行標誌
<P>,分段標誌
<B></B>,採用黑體字
<I></I>,採用斜體字
<HR>,水平畫線
<TABLE></TABLE>,定義表格,HTML中重要的標誌
<TR></TR>,定義表格的行,用在<TABLE></TABLE>中
<TD></TD>,定義表格的單元格,用在<TR></TR>中
<FONT></FONT>,字體樣式標誌

屬性:
屬性是用來修飾標誌的,屬性放在開始標誌內.
例:屬性bgcolor="BLACK"表示背景色爲黑色.
引用屬性的例子:
<BODY,bgcolor="BLACK"></BODY>表示頁面背景色爲黑色;
<TABLE,bgcolor="BLACK"></TABLE>表示表格背景色爲黑色.

常用屬性:
對齊屬性,範圍屬性:
ALIGN=LEFT,左對齊(缺省值),WIDTH=象素值或百分比,對象寬度.
ALIGN=CENTER,居中,HEIGHT=象素值或百分比,對象高度.
ALIGN=RIGHT,右對齊.
色彩屬性:
COLOR=#RRGGBB,前景色,參考色彩對照表.
BGCOLOR=#RRGGBB,背景色.

<center>表示絕對居中.

<table></table>表格標識的開始和結束.
屬性:
cellpadding=數值單位是像素,定義表元內距
cellspacing=數值單位是像素,定義表元間距
border=數值單位是像素,定義表格邊框寬度
width=數值單位是像素或窗口百分比,定義表格寬度
background=圖片鏈接地址,定義表格背景圖
<tr></tr>表格中一個表格行的開始和結束;
<td></td>表格中行內一個單元格的開始和結束
屬性:
Colspan="",單元格跨越多列;
Rowspan="",單元格跨越多行;
Width="";定義表格寬度
Height="";定義表格高度
Align="";對齊方式
Valign="";
Border="",邊框寬度;
Bgcolor="",背景色;
Bordercolor="",邊框顏色;
Bordercolorlight="",邊框明亮面的顏色;
Bordercolordark="",邊框暗淡面的顏色;
Cellpadding="",內容與邊框的距離(默認爲2);
Cellspacing="",單元格間的距離(默認爲2);

<br>強制換行
<font></font>文本標識的開始和結束
屬性:
face=字體
color=顏色
<b></b>加粗文字標識的開始和結束
屬性:
style=font-size:40pt;,用樣式表方式控制字體大小,這裏是40點
<div></div>,分區標識的開始和結束
屬性:
align=|center|left|right|水平對齊方式
<marquee></marquee>動態標識的開始和結束,如標識內放置貼圖格式則可實現圖片滾動
屬性:
scrollamount=1~60,滾動速度
direction=|left|right|up|down|,滾動方向
scrolldelay=滾動延時,單位:毫秒
<P>段落標識,
空格符,
<img>貼圖標識
屬性:
src=../../圖片鏈接地址,貼圖標識必備屬性
style=filter:Alpha(opacity=100,style=2);
filter:樣式表濾鏡;
Alpha:透明濾鏡,
opacity:不透明度100(0~100);
style:樣式2(0~3),
rules="none"不顯示內框"
<embed,src="…">多媒體文件標識
屬性:
SRC="../../FILENAME",
設定音樂文件的路徑,文件類型除了可以播放.rm;.mp3;.wav等音頻,還可播放.swf和.mov等視頻.
AUTOSTART=TRUE/FALSE,
是否要音樂文件傳送完就自動播放,TRUE是要,FALSE是不要,默認爲FALSE
LOOP=,設定播放重複次數,LOOP=6表示重複6次,true或-1爲無限循環,false爲播放一次即停止.
STARTIME="分:秒",
設定樂曲的開始播放時間,如20秒後播放寫爲STARTIME=00:20
VOLUME=0-100,
設定音量的大小.如果沒設定的話,就用系統的音量.
WIDTH,HEIGHT,
設定控制面板的大小,都設爲0可隱藏播放器
HIDDEN=TRUE,
隱藏控制面板
CONTROLS=CONSOLE/SMALLCONSOLE,
設定控制面板的樣子,
<bgsound,src="…">,背景音樂標識,只能用於.wav和.mp3格式.
屬性:
LOOP=,設定播放重複次數,LOOP=6表示重複6次,true或-1爲無限循環,false爲播放一次即停止.

表單標籤:
<form></form>表格標識的開始和結束,表單的內容都放在這裏.
下邊的標籤放在表單內:
<select>下拉選擇框
<option></option>
</select>
屬性:
Multiple,多選
<textarea></textarea>,大量文字輸入的編輯塊
屬性:
Cols="",行;
Rows="",列;
<input,type="text">,文本框
<input,type="password">,密碼框
<input,type="submit">,提交按扭
<input,type="checkbox">,複選框
<input,type="radio">,單選框
<input,type="reset">,重置按扭
<input,type="image">,圖片按扭
<input,type="hidden">,隱藏域
<input,type="button">,按扭
<input,type="file">,瀏覽文件
公共屬性:
Name="";
Value=""
Size=""

框架標籤:
<FRAMESET>...</FRAMESET>,定義框架.
<FRAME>,放在框架標籤內,定義每個框架的內容.
屬性:
Cols=""
Rows=""
Frameborder=""
Framespacing=""
src=""
Scrolling="",滾動條(No,Yes);
Noresize,框加大小不可變;
Marginhight="",高度空餘空間;
Marginwidth="",寬度空餘空間;
Target="",目標框架.

其他標籤:
<bgsound>,背景音樂;
Src=""
Loop="",循環次數;
<embed>,媒體播放塊;
Src=""
Loop="",循環次數;
<marquee></marquee>,滾動部分;
屬性:
Bgcolor=""
Behavior,設置或獲取文本如何在字幕中滾動.
Direction="",滾動方向;
Height=""
Width=""
Loop="",環次數;
scrollAmount="",設置或獲取介於每個字幕繪製序列之間的文本滾動像素數.
scrollDelay="",設置或獲取字幕滾動的速度.
scrollHeight="",獲取對象的滾動高度;
scrollLeft="",設置或獲取位於對象左邊界和窗口中目前可見內容的最左端之間的距離.
scrollTop="",設置或獲取位於對象最頂端和窗口中可見內容的最頂端之間的距離.
trueSpeed="",設置或獲取字幕的位置是否使用scrollDelay和scrollAmount屬性計算,已過的實際時間來自於時鐘計時.

<!--...-->,註釋標記,在"<!--"與"-->"之間的內容將不在瀏覽器中顯示.

--

基本標籤:
<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>,定義列表內容;
例:
<dl>
<dt>標題1</dt>
<dd>內容11</dd>
<dd>內容12</dd>
<dt>標題2</dt>
<dd>內容21</dd>
<dd>內容22</dd>
</dl>

<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鍵使元素獲得焦點).

表格標籤:
<table></table>,創建一個表格;
<tr></tr>,表格中的每一行;
<td></td>,表格中一行中的每一個格子;
<th></th>,設置表格頭:通常是黑體居中文字;
<table,cellspacing="">,設置表格格子之間空間的大小;
<table,border="">,設置邊框的寬度;
<table,cellpadding="">,設置表格格子邊框與其內部內容之間空間的大小;
<table,width="">,設置表格的寬度.用絕對像素值或總寬度的百分比;
<table,align="">,設置表格格子的水平對齊方式(left,center,right,justify);
<tr,align="">,設置表格格子的水平對齊方式(left,center,right,justify);
<tr,valign="">,設置表格格子的垂直對齊方式(baseline,bottom,middle,top);
<td,colspan="">,設置一個表格格子跨佔的列數(缺省值爲1);
<td,rowspan="">,設置一個表格格子跨佔的行數(缺省值爲1);
<td,nowrap>,禁止表格格子內的內容自動斷行;
<CAPTION></CAPTION>,表格的標題;
<COLGROUP></COLGROUP>,定義多個列爲一組列;
<TABLE></TABLE>,創建一個表格;
<THEAD></THEAD>,定義表格的頁眉;
<COL>,定義一個列組中的列,以便對它們能夠同時設置有關屬性;
<TBODY></TBODY>,定義一個表格的實體;
<TFOOT></TFOOT>,定義一個表格的頁腳;

表單標籤:
<form></form>,創建表單;
action="...",接收數據的服務器的URL;
method="...",HTTP的方法(get,,post),其中get是被反對使用的;
enctype="...",指定MIME(Internet媒體類型);
οnsubmit="...",當提交表單時發生的內部事件;
noreset="...",在重新設置表單時發生的內部事件;
target="...",決定把內容顯示在什麼地方(_blank,_parent,_self,_top)
<select,multiple,name="name",size=""></select>,創建滾動菜單,size設置在需要滾動前可以看到的表單項數目;
<option>,設置每個表單項的內容;
<select,name="name"></select>,創建下拉菜單;
<textarea,name="name",cols=40,rows=8></textarea>,創建一個文本框區域,列的數目設置寬度,行的數目設置高度;
<input,type="checkbox",name="name">,創建一個複選框,文字在標籤後面;
<input,type="radio",name="name",value="">,創建一個單選框,文字在標誌後面;
<input,type=text,name="foo",size=20>,創建一個單行文本輸入區域,size設置以字符串的寬度;
<input,type="submit",value="name">,創建提交(submit)按鈕;
<input,type="image",border=0,name="name",src="name.gif">,創建一個使用圖象的提交(submit)按鈕;
<input,type="reset">,創建重置(reset)按鈕;
<BUTTON></BUTTON>,創建一個按鈕;
disabled="...",把按鈕的狀態設置爲不能;
name="...",按鈕的控制名,value="...",按鈕的值;
type="...",按鈕的類型(button,,submit,,reset);
<FIELDSET></FIELDSET>,把相互關聯的控件組合成一組;
<ISINDEX>,提示用戶輸入;
<LABEL></LABEL>,爲一個控件提供標籤;
<LEGEND></LEGEND>,爲FIELDSET元素指定一標題;
<SELECT></SELECT>,爲用戶做選擇創建各個選項;
<TEXTAREA></TEXTAREA>,創建一個允許用戶多行輸入的區域.

表單標籤註解:
type="...",用於輸入控件的類型(text,password,checkbox,radio,submit,reset,file,hidden,image,button);
name="...",控件的控制名(要求是除了submit和reset之外的任何名字);
value="...",控件的初始值;
checked="...",把一個單選鈕設置爲選中的狀態;
disabled="...",把控件的狀態設置爲不能使用;
readonly="...",只對輸入密碼的文本框使用;
size="...",表示以像素爲單位的除了文本框和密碼框控件之外的其它控件的寬度,它是用來指定字符的數目;
src="...",一個圖像控件的URL;
maxlength="...",指定可以輸入的最多的字符數目;
alt="...",另外一種文本描述;
usemap="...",到客戶端圖形鏡像的URL;
align="...",被反對.控制對齊方式(left,,center,,right,,justify);
tabindex="...",通過定義的tabindex值確定在不同元素之間獲得焦點的順序;
οnfοcus="...",當元素獲得焦點時發生的事件;
οnblur="...",當元素失去焦點時發生的事件;
οnselect="...",當元素被選中時發生的事件;
onchang="...",當元素狀態被改變時發生的事件;
accept="...",允許上載的文件類型.

幀標籤(框架標籤):
<frameset></frameset>,放在一個幀文檔的<body>標籤之前,也可以嵌在其他幀文檔中;
<frameset,rows="value,value">,定義一個幀內的行數,可用像素值或高度百分比;
<frameset,cols="value,value">,定義一個幀內的列數,可用像素值或寬度百分比;
<frame>,定義一個幀內的單一窗或窗區域;
<noframes></noframes>,定義在不支持幀的瀏覽器中顯示什麼提示;
<frame,src="URL">,規定幀內顯示的HTML文檔;
<frame,name="name">,命名幀或區域以便別的幀可以指向它;
<frame,marginwidth="">,定義幀左右邊緣的空白大小,必須大於等於1;
<frame,marginheight="">,定義幀上下邊緣的空白大小,必須大於等於1;
<frame,scrolling="">,設置幀是否有滾動欄,其值可以是"yes","no",或"auto";
<frame,noresize>,禁止用戶調整一個幀的大小;
<IFRAME></IFRAME>,創建一個內聯的幀;
scr="...",定義在幀中顯示的內容的來源;
frameborder="...",定義幀之間的邊界(0或1);
align="...",被反對,控制對齊方式(left,,center,,right,,justify);
height="...",幀的高度,width="..."幀的寬度;
<marquee>...</marquee>,普通捲動;
<marquee,behavior=slide>...</marquee>,滑動;
<marquee,behavior=scroll>...</marquee>,預設捲動;
<marquee,behavior=alternate>...</marquee>,來回捲動;
<marquee,direction=down>...</marquee>,向下捲動;
<marquee,direction=up>...</marquee>,向上捲動;
<marquee,direction=right></marquee>,向右捲動;
<marquee,direction='left'></marquee>,向左捲動;
<marquee,loop=2>...</marquee>,捲動次數;
<marquee,width=180>...</marquee>,設定寬度;
<marquee,height=30>...</marquee>,設定高度;
<marquee,bgcolor=FF0000>...</marquee>,設定背景顏色;
<marquee,scrollamount=30>...</marquee>,設定捲動距離;
<marquee,scrolldelay=300>...</marquee>,設定捲動時間;
<img,src="">,插入圖片,參數有:width="寬",alt="說明文字",height="高",boder="邊框".

文檔整體屬性標籤:
<body,bgcolor="">,設置背景顏色.使用名字或RGB的十六進制值;
<body,background="">,設置背景圖片;
<body,bgsound="">,設置背景音樂;
<body,bgproperties="fixed">,固定背景圖片(IE適用);
<body,text="">,設置文本顏色.使用名字或RGB的十六進制值;
<body,link="">,設置鏈接顏色.使用名,字或RGB的十六進制值;
<body,vlink="">,設置已使用的鏈接的顏色.使用名字或RGB的十六進制值;
<body,alink="">,設置正在被擊中的鏈接的顏色.使用名字或RGB的十六進制值;
<body,topmargin="">,設置頁面的上邊距;
<body,leftmargin="">,設置頁面的左邊距.

//--------------------------------------------------------------------------------------------------------------------------------------------

標記 類型 譯名或意義 作 用 備註
文件標記
<HTML> ● 文件聲明 讓瀏覽器知道這是 HTML 文件  
<HEAD> ● 開頭 提供文件整體資訊  
<TITLE> ● 標題 定義文件標題,將顯示於瀏覽頂端  
<BODY> ● 本文 設計文件格式及內文所在  
排版標記
<!--註解--> ○ 說明標記 爲文件加上說明,但不被顯示  
<P> ○ 段落標記 爲字、畫、表格等之間留一空白行  
<BR> ○ 換行標記 令字、畫、表格等顯示於下一行  
<HR> ○ 水平線 插入一條水平線  
<CENTER> ● 居中 令字、畫、表格等顯示於中間 反對
<PRE> ● 預設格式 令文件按照原始碼的排列方式顯示  
<DIV> ● 區隔標記 設定字、畫、表格等的擺放位置  
<NOBR> ● 不折行 令文字不因太長而繞行  
<WBR> ● 建議折行 預設折行部位  
字體標記
<STRONG> ● 加重語氣 產生字體加粗 Bold 的效果  
<B> ● 粗體標記 產生字體加粗的效果  
<EM> ● 強調標記 字體出現斜體效果  
<I> ● 斜體標記 字體出現斜體效果  
<TT> ● 打字字體 Courier字體,字母寬度相同  
<U> ● 加上底線 加上底線 反對
<H1> ● 一級標題標記 變粗變大加寬,程度與級數反比  
<H2> ● 二級標題標記 將字體變粗變大加寬  
<H3> ● 三級標題標記 將字體變粗變大加寬  
<H4> ● 四級標題標記 將字體變粗變大加寬  
<H5> ● 五級標題標記 將字體變粗變大加寬  
<H6> ● 六級標題標記 將字體變粗變大加寬  
<FONT> ● 字形標記 設定字形、大小、顏色 反對
<BASEFONT> ○ 基準字形標記 設定所有字形、大小、顏色 反對
<BIG> ● 字體加大 令字體稍爲加大  
<SMALL> ● 字體縮細 令字體稍爲縮細  
<STRIKE> ● 畫線刪除 爲字體加一刪除線 反對
<CODE> ● 程式碼 字體稍爲加寬如<TT>  
<KBD> ● 鍵盤字 字體稍爲加寬,單一空白  
<SAMP> ● 範例 字體稍爲加寬如<TT>  
<VAR> ● 變數 斜體效果  
<CITE> ● 傳記引述 斜體效果  
<BLOCKQUOTE> ● 引述文字區塊 縮排字體  
<DFN> ● 述語定義 斜體效果  
<ADDRESS> ● 地址標記 斜體效果  
<SUB> ● 下標字 下標字  
<SUP> ● 上標字 指數(平方、立方等)  
清單標記
<OL> ● 順序清單 清單項目將以數字、字母順序排列  
<UL> ● 無序清單 清單項目將以圓點排列  
<LI> ○ 清單項目 每一標記標示一項清單項目  
<MENU> ● 選單清單 清單項目將以圓點排列,如<UL> 反對
<DIR> ● 目錄清單 清單項目將以圓點排列,如<UL> 反對
<DL> ● 定義清單 清單分兩層出現  
<DT> ○ 定義條目 標示該項定義的標題  
<DD> ○ 定義內容 標示定義內容  
表格標記
<TABLE> ● 表格標記 設定該表格的各項參數  
<CAPTION> ● 表格標題 做成一打通列以填入表格標題  
<TR> ● 表格列 設定該表格的列  
<TD> ● 表格欄 設定該表格的欄  
<TH> ● 表格標頭 相等於<TD>,但其內之字體會變粗  
表單標記
<FORM> ● 表單標記 決定單一表單的運作模式  
<TEXTAREA> ● 文字區塊 提供文字方盒以輸入較大量文字  
<INPUT> ○ 輸入標記 決定輸入形式  
<SELECT> ● 選擇標記 建立 pop-up 捲動清單  
<OPTION> ○ 選項 每一標記標示一個選項  
圖形標記
<IMG> ○ 圖形標記 用以插入圖形及設定圖形屬性  
連結標記
<A> ● 連結標記 加入連結  
<BASE> ○ 基準標記 可將相對 URL 轉絕對及指定連結目標  
框架標記
<FRAMESET> ● 框架設定 設定框架  
<FRAME> ○ 框窗設定 設定框窗  
<IFRAME> ○ 頁內框架 於網頁中間插入框架 IE
<NOFRAMES> ● 不支援框架 設定當瀏覽器不支援框架時的提示  
影像地圖
<MAP> ● 影像地圖名稱 設定影像地圖名稱  
<AREA> ○ 連結區域 設定各連結區域  
多媒體
<BGSOUND> ○ 背景聲音 於背景播放聲音或音樂 IE
<EMBED> ○ 多媒體 加入聲音、音樂或影像  
其他標記
<MARQUEE> ● 走動文字 令文字左右走動 IE
<BLINK> ● 閃爍文字 閃爍文字 NC
<ISINDEX> ○ 頁內尋找器 可輸入關鍵字尋找於該一頁 反對
<META> ○ 開頭定義 讓瀏覽器知道這是 HTML 文件  
<LINK> ○ 關係定義 定義該文件與其他 URL 的關係  
StyleSheet
<STYLE> ● 樣式表 控制網頁版面  
<span> ● 自訂標記 獨立使用或與樣式表同用

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章