網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 前面我們了解了什么是HTML,接下來就要了解一下html常用標簽了,只有了解了常用的html標簽我們才能真正了解HTML的內容,我們平時看到用到的HTML中有以下常用標簽,也可以說你必須清楚記住的這幾個標簽,這里我們按二種方式整理,一是按類型,一是按字母,這樣便于查詢,HTML常用標簽如下: 一、按類型分html常用標簽 1.跑馬燈 標簽 功能 html <marquee>...</marquee> 普通卷動 html <marquee behavior=slide>...</marquee> 滑動 html <marquee behavior=scroll>...</marquee> 預設卷動 html <marquee behavior=alternate>...</marquee> 來回卷動 html <marquee direction=down>...</marquee> 向下卷動 html <marquee direction=up>...</marquee> 向上卷動 html <marquee direction=right></marquee> 向右卷動 html <marquee direction=left></marquee> 向左卷動 html <marquee loop=2>...</marquee> 卷動次數 html <marquee width=180>...</marquee> 設定寬度 html <marquee height=30>...</marquee> 設定高度 html <marquee bgcolor=FF0000>...</marquee> 設定背景顏色 html <marquee scrollamount=30>...</marquee> 設定卷動距離 html <marquee scrolldelay=300>...</marquee> 設定卷動時間
2. 字體效果 標簽 功能 html <h1>...</h1> 標題字(最大) html <h6>...</h6> 標題字(最小) html <b>...</b> 粗體字 html <strong>...</strong> 粗體字(強調) html <i>...</i> 斜體字 html <em>...</em> 斜體字(強調) html <dfn>...</dfn> 斜體字(表示定義) html <u>...</u> 底線 html <ins>...</ins> 底線(表示插入文字) html <strike>...</strike> 橫線 html <s>...</s> 刪除線 html <del>...</del> 刪除線(表示刪除) html <kbd>...</kbd> 鍵盤文字 html <tt>...</tt> 打字體 html <xmp>...</xmp> 固定寬度字體(在文件中空白、換行、定位功能有效) html <plaintext>...</plaintext> 固定寬度字體(不執行標記符號) html <listing>...</listing> 固定寬度小字體 html <font color=00ff00>...</font> 字體顏色 html <font size=1>...</font> 最小字體 html <font style =font-size:100 px>...</font> 無限增大 3.區斷標記 標簽 功能 html <hr> 水平線 html <hr size=9> 水平線(設定大小) html <hr width=80%> 水平線(設定寬度) html <hr color=ff0000> 水平線(設定顏色) html <br> (換行) html <nobr>...</nobr> 水域(不換行) html <p>...</p> 水域(段落) html <center>...</center> 置中 4.鏈接 標簽 功能 html <base href=地址> (預設好連結路徑) html <a href=地址></a> 外部連結 html <a href=地址 target=_blank></a> 外部連結(另開新窗口) html <a href=地址 target=_top></a> 外部連結(全窗口連結) html <a href=地址 target=頁框名></a> 外部連結(在指定頁框連結) 5.圖像/音樂 標簽 功能 html <img src=圖片地址> 貼圖 html <img src=圖片地址 width=180> 設定圖片寬度 html <img src=圖片地址 height=30> 設定圖片高度 html <img src=圖片地址 alt=提示文字> 設定圖片提示文字 html <img src=圖片地址 border=1> 設定圖片邊框 html <bgsound src=MID音樂文件地址> 背景音樂設定 6.表格 標簽 功能 html <table aling=left>...</table> 表格位置,置左 html <table aling=center>...</table> 表格位置,置中 html <table background=圖片路徑>...</table> 背景圖片的URL=就是路徑網址 html <table border=邊框大小>...</table> 設定表格邊框大小(使用數字) html <table bgcolor=顏色碼>...</table> 設定表格的背景顏色 html <table borderclor=顏色碼>...</table> 設定表格邊框的顏色 html <table borderclordark=顏色碼>...</table> 設定表格暗邊框的顏色 html <table borderclorlight=顏色碼>...</table> 設定表格亮邊框的顏色 html <table cellpadding=參數>...</table> 指定內容與網格線之間的間距(使用數字) html <table cellspacing=參數>...</table> 指定網格線與網格線之間的距離(使用數字) html <table cols=參數>...</table> 指定表格的欄數 html <table frame=參數>...</table> 設定表格外框線的顯示方式 html <table width=寬度>...</table> 指定表格的寬度大小(使用數字) html <table height=高度>...</table> 指定表格的高度大小(使用數字) html <td colspan=參數>...</td> 指定儲存格合并欄的欄數(使用數字) html <td rowspan=參數>...</td> 指定儲存格合并列的列數(使用數字) 7.分割窗口 標簽 功能 html <frameset cols="20%,*"> 左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整 html <frameset rows="20%,*"> 上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整 html <frameset cols="20%,*"> 分割左右兩個框架 html <frameset cols="20%,*,20%"> 分割左中右三個框架 html <frameset rows="20%,*,20%"> 分割上中下三個框架
二、按字母分html常用標簽 html <! - - ... - -> 批注 html <A HREF TARGET> 指定超級鏈接的分割窗口 html <A HREF=#錨的名稱> 指定錨名稱的超級鏈接 html <A HREF> 指定超級鏈接 html <A NAME=錨的名稱> 被連結點的名稱 html <ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址 html <B> 粗體字 html <BASE TARGET> 指定超級鏈接的分割窗口 html <BASEFONT SIZE> 更改預設字形大小 html <BGSOUND SRC> 加入背景音樂 html <BIG> 顯示大字體 html <BLINK> 閃爍的文字 html <BODY TEXT LINK VLINK> 設定文字顏色 html <BODY> 顯示本文 html <BR> 換行 html <CAPTION ALIGN> 設定表格標題位置 html <CAPTION>...</CAPTION> 為表格加上標題 html <CENTER> 向中對齊 html <CITE>...html <CITE> 用于引經據典的文字 html <CODE>...</CODE> 用于列出一段程序代碼 html <COMMENT>...</COMMENT> 加上批注 html <DD> 設定定義列表的項目解說 html <DFN>...</DFN> 顯示"定義"文字 html <DIR>...</DIR> 列表文字卷標 html <DL>...</DL> 設定定義列表的卷標 html <DT> 設定定義列表的項目 html <EM> 強調之用 html <FONT FACE> 任意指定所用的字形 html <FONT SIZE> 設定字體大小 html <FORM ACTION> 設定戶動式窗體的處理方式 html <FORM METHOD> 設定戶動式窗體之資料傳送方式 html <FRAME MARGINHEIGHT> 設定窗口的上下邊界 html <FRAME MARGINWIDTH> 設定窗口的左右邊界 html <FRAME NAME> 為分割窗口命名 html <FRAME NORESIZE> 鎖住分割窗口的大小 html <FRAME SCROLLING> 設定分割窗口的滾動條 html <FRAME SRC> 將HTML文件加入窗口 html <FRAMESET COLS> 將窗口分割成左右的子窗口 html <FRAMESET ROWS> 將窗口分割成上下的子窗口 html <FRAMESET>...</FRAMESET> 劃分分割窗口 html <H1>~html <H6> 設定文字大小 html <HEAD > 標示文件信息 html <HR> 加上分網格線 html <HTML> 文件的開始與結束 html <I> 斜體字 html <IMG ALIGN> 調整圖形影像的位置 html <IMG ALT> 為你的圖形影像加注 html <IMG DYNSRC LOOP> 加入影片 html <IMG HEIGHT WIDTH> 插入圖片并預設圖形大小 html <IMG HSPACE> 插入圖片并預設圖形的左右邊界 html <IMG LOWSRC> 預載圖片功能 html <IMG SRC BORDER> 設定圖片邊界 html <IMG SRC> 插入圖片 html <IMG VSPACE> 插入圖片并預設圖形的上下邊界 html <INPUT TYPE NAME value> 在窗體中加入輸入字段 html <ISINDEX> 定義查詢用窗體 html <KBD>...</KBD> 表示使用者輸入文字 html <LI TYPE>...</LI> 列表的項目 ( 可指定符號 ) html <MARQUEE> 跑馬燈效果 html <MENU>...</MENU> 條列文字卷標 html <META NAME="REFRESH" CONTENT URL> 自動更新文件內容 html <MULTIPLE> 可同時選擇多項的列表欄 html <NOFRAME> 定義不出現分割窗口的文字 html <OL>...</OL> 有序號的列表 html <OPTION> 定義窗體中列表欄的項目 html <P ALIGN> 設定對齊方向 html <P> 分段 html <PERSON>...</PERSON> 顯示人名 html <PRE> 使用原有排列 html <SAMP>...</SAMP> 用于引用字 html <SELECT>...</SELECT> 在窗體中定義列表欄 html <SMALL> 顯示小字體 html <STRIKE> 文字加橫線 html <STRONG> 用于加強語氣 html <SUB> 下標字 html <SUP> 上標字 html <TABLE BORDER=n> 調整表格的寬線高度 html <TABLE CELLPADDING> 調整數據域位之邊界 html <TABLE CELLSPACING> 調整表格線的寬度 html <TABLE HEIGHT> 調整表格的高度 html <TABLE WIDTH> 調整表格的寬度 html <TABLE>...</TABLE> 產生表格的卷標 html <TD ALIGN> 調整表格字段之左右對齊 html <TD BGCOLOR> 設定表格字段之背景顏色 html <TD COLSPAN ROWSPAN> 表格字段的合并 html <TD NOWRAP> 設定表格字段不換行 html <TD VALIGN> 調整表格字段之上下對齊 html <TD WIDTH> 調整表格字段寬度 html <TD>...</TD> 定義表格的數據域位 html <TEXTAREA NAME ROWS COLS> 窗體中加入多少列的文字輸入欄 html <TEXTAREA WRAP> 決定文字輸入欄是自動否換行 html <TH>...</TH> 定義表格的標頭字段 html <TITLE> 文件標題 html <TR>...</TR> 定義表格美一行 html <TT> 打字機字體 html <U> 文字加底線 html <UL TYPE>...</UL> 無序號的列表 ( 可指定符號 ) html <VAR>...</VAR> 用于顯示變量
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |