常用的HTML标签(超文本标记语言)
HTMl (Hyper Text Markup Language)基本標簽
基本結構標簽
<!--..-->注釋標志,在"<!--"與"-->"之間的內容將不在瀏覽器中顯示(指定了HTML文檔遵循的文檔類型定義)
<html>表示該文件為html文件
<head></head>包含文件的標題,使用腳本,樣式定義等。
<title></title>包含文件的標題，標題出現在瀏覽器標題欄中
<h1></h1>最大的標題
<h6></h6>最小的標題
<u></u>下劃線
<b></b>黑體字(指定文本應以粗體渲染)
<i><i>斜體字
<big></big>字體加大
<small></small>字體縮小
<tt></tt>打字機風格的字體;
<cite></cite>引用,通常是斜體
<em></em>強調文本(通常是斜體加黑體)
<strong></strong>加重文本(通常是斜體加黑體) 以粗體渲染文本 <pre></pre>預先格式化文本
<body></body>放置瀏覽器中顯示的所有標志和屬性,其中內容在瀏覽器中顯示
<base></base>指定一個顯示URL用于解析對外部源的鏈接和引用,如圖像和樣式表
<dir>引起目錄列表
Document:代表給定瀏覽器窗口中的HTML文檔
Event:代表事件狀態,如事件發生的元素,鍵盤狀態,鼠標狀態和鼠標按鈕狀態
Fieldest:在字段集包含的文本和其它元素外面繪制一個方框
Isindex:使瀏覽器顯示一個對話框,提示用戶輸入單行文本
<style>:代表了給定元素所有可能的內嵌樣式的當前設置
Active :設置當鏈接處于激活狀態時a元素的樣式
Hover:設置當用戶將鼠標指針懸停在鏈接上時a元素的樣式
下所有標簽用在<body></body>中:
<a herf="…"></a>:鏈接標志, "…"為鏈接的文件地址(創建超文本鏈接)(標明超鏈接的起始或目的的位置)
<a name="name"></a>創建位于文檔內部的書簽
<a href="#name"></a>創建指向文檔內部書簽的鏈接
<base></base>文檔中不能被該站點辨識的其它所有鏈接源的URL
<link>定義一個鏈接和源之間的相互關系
<br>換行標志(換行,插入一個回車換行符)
<p></p>(段落標簽)分段標志
<i></i>采用斜體字
<hr size="9",width="80%",color=’ff0000’>水平線
<b></b>采用黑體字(加粗文字標識的開始和結束)
<font></font>字體樣式標志(文本標識的開始和結束)
屬性:face=字體 color=顏色
Style=font-size:40px;用樣式表方式控制字體的大小
<font size="",color=""></font>設置字體大小從1到7,顏色使用名字或RGB的十六進制值
<center></center>表示絕對居中
Border="…"，邊框寬度
Bgcolor="…"背景色
Bordercolor="…"，邊框顏色
Bordercolorlight="…",邊框淡面的顏色
Bordercolordark="…"
基本屬性：（屬性是用來修飾標志的，屬性放在開始標志內）
Cellpadding=數值單位是像素,定義表元內距
Cellspacting=數值單位是像素,定義表元間距
Border=數值單位是像素,定義表格背景圖
Width=數值單位是像素或窗口百分比,定義表格背景圖
Background=圖片鏈接地址,定義表格背景圖
(對齊屬性)
Align=left,左對齊(缺省值),width=像素值或百分比,對象寬度
Align=center,居中，height=像素或百分比,對象高度
Aling=right，右對齊
(色彩屬性)
Color=#RRGGBB，前景色
Bgcolor=#RRGGBB，背景色
<center>表示絕對居中
<div></div>,分區標識的開始和結束(用來排版大塊的HTML段落,也用于格式化表)
屬性:align=|center|left|right|水平對齊方式
<marquee></marquee>動態標識的開始和結束,如標識內放置貼圖格式則可實現圖片滾動
屬性:srollamount=1-60,滾動速度
Direction=|left|right|up|down|,滾動方向
Scrolldelay=滾動延時,單位毫秒
<img src="…">，顯示圖片標志, "…"為圖片的地址
屬性: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格式
表單標簽:<form></form>表格標識的開始和結束,表單的內容都放在這里
下面的標簽都放在表單內:<select></select>下拉選擇框
<option></option>
Multiple,多選
<textarea></textarea>大量文字輸入的編輯塊.
屬性:cols="",行; Rows="",列
<input> 創建各種表單輸入控件
<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">按鈕(指定其中所含的HTML要被渲染為一個按鈕)
<input type="file">瀏覽文件
公共屬性:Name="", Value="", Size=""
框架標簽:<frameset></frameset>定義框架
<frame>,放在框架標簽內,定義每個框架的內容
屬性:cols="", Rows="",
Frameborder="",
Framespacing="",
Src="",
Scrolling="",滾動條(No,Yes)
Noresize,框架大小不可變
Marginhigh="",高度空余空間
Marginwidth="",高度空余空間
Target="",目標框架
<dl></dl>列表標簽,定義列表
<dt>定義列表標題
<dd>定義列表內容
例如:
<dl>
<dt>標題</dt>
<dd>內容A</dd>
<dd>內容B</dd>
</dl>
<ol></ol>列表標簽,定義一個標有數字的列表(有序列表)
<ul></ul>列表標簽,定義一個標有圓點的列表(無序列表)
<li></li>列表項
其他標簽
<bgsound>,背景音樂
Src=""
Loop="",循環次數
<embed>媒體播放塊
Src=""
Loop="",循環次數
<marquee></marquee>滾動部分
屬性:Bgcolor="",
Behavior,設置或獲取文本如何在字幕中滾動,
Direction="",滾動方向
Height="", width=""
Loop="",循環次數
ScrollAmount="",設置或獲取介于每個字幕繪制序列之間的文本滾動像素
scrollDelay="",設置或獲取字幕滾動的速度
scrollHeight="",獲取對象的滾動高度
scrollLeft="",設置或獲取位于對象左邊界和窗口中目前可見內容的最右端之間的距離
scrollTop="",設置或獲取位于對象頂端和窗口中可見內容最頂端的距離
trueSpeed="",設置或獲取字幕的位置是否使用scrollDelay和scrollAmount屬性計算,已過的實際時間來自于時鐘計時
?
標簽注解
Target="…",決定鏈接源在什么地方顯示(用戶自定義的名字,blank,parent,self,top)
Ref="…"發送鏈接的類型
Rev="…"保存鏈接的類型
Accesskey="…"指定該元素的熱鍵
Shape="…",允許我們使用已定義的形狀定義客戶端的圖形鏡像(default,rect,circle,poly)
Coord="…"使用像素或者長度百分比來定義形狀的尺寸;
Tabindex="…"
使用定義過的tabindex元素設置在各個元素之間的焦點獲取順序(使用tab鍵使元素獲得)
表格標簽
屬性: <table></table>定義表格,HTML中的重要標志(表格標識的開始和結束標簽)
<tr></tr>定義表格的行,表格中的一個表格行的開始和結束,用在<table></table>中
<td></td>定義表格的單元格,表格中行內的一個單元格的開始和結束, 用在<tr></tr>中
<th></th>設置表格頭:通常是黑體居中文字
<table Cellpadding="…">,設置表格格子邊框與其內部內容之間空間的大小
<table cellspacing="…">,設置表格格子之間空間的大小
Cellpadding=數值單位是像素,定義表元內距(內容與邊框的距離 默認為2)
Cellspacing=數值單位是像素，定義表元間距(內容與邊框的距離 默認為2)
Border=數值單位是像素,定義表格邊框寬度
Width=數值單位是像素或百分比，定義表格寬度
Height=定義表格的高度
Background=圖片鏈接地址,定義表格背景圖
colspan="…",單元格跨越多列，
Rowspan="…"，單元格跨越多行
<tr align="…">設計表格格子的水平對齊方式(left,center,right,justify)
<tr valign="…">設置表格格子的水平對齊方式(baseline,bottom,middle,top)
<td colspan="…">設置一個表格字跨占的列數(缺省值為1)
<td rowspan="…">設置一個表格格子跨占的行數(缺省值為1)
<td rowspan="…">禁止格子內的內容自動斷行
<colgroup></colgroup>定義多個列為一組列
<col>定義一個列組中的列,以便對它們能夠同時設置有關屬性.
<tbody></tbody>定義一個表格的實體
<tfoot></tfoot>定義一個表格的頁腳
Bordercolorlight="",邊框明亮面的顏色;
Bordercolordark="",邊框暗淡面的顏色;
表單標簽
<form></form>創建表單
Action="…",接收數據的服務器URL
Method="…"HTTP的方法(get,post),其中get是被反對使用的
Enctype="…"指定MIME(Internet媒體類型)
Onsubmit="…"當提交表單時發生的內部事件
Noreset="…"在重新設置表單時發生的內部事件
Target="…"決定把內容顯示在什么地方(blank parent self top)
<select multiple name="name"size=""></select>創建滾動菜單,size設置在需要滾動前可以看到的表單項目數目
<option></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">創建提交(subimt)按鈕
<input type="image"border=0,name="name"src="name.gif">創建一個使用圖像的提交按鈕
<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值確定在不同元素之間獲得焦點的順序
Onfocus="..."當元素獲得焦點時發生的事件
Onblur="..."當元素失去焦點時發生的事件
Onselect="..."當元素被選中時發生的事件
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=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 scrollamout=30></marquee>設定卷動時間
<marquee οnmοuseοver="this.stop() "></marquee>鼠標經過上面時停止滾動
<marquee οnmοuseοver=" this.start()"></marquee>鼠標離開時開始滾動
<img src=" ">插入圖片,參數有:width="寬度" alt="說明文字"height="高"border="邊框"
?
文檔整體屬性標簽:
<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="">設置頁面左邊距
?
字體效果
<h1></h1>標題字(最大)
<h6></h6>標題字(最小)
<b></b>粗體
<strong></strong>粗體字(強調)
<i></i>斜體字
<em></em>斜體字(表示強調)
<dfn></dfn>斜體字(表示定義)
<u></u>底線
<ins></ins>底線(表示插入文字)
<strike></strike>橫線
<s></s>刪除線
<del></del>刪除線(表示刪除)
<u></u>底線
<ins></ins>底線(表示插入文字)
<strike></strike>橫線
<s></s>刪除線
<del></del>刪除線(表示刪除)
<kbd></kbd>鍵盤文字
<tt></tt>打字體
<xmp></xmp>固定寬度字體(在文件中空白 換行 定位功能有效)
<plaintext></plaintext>固定寬度字體(不執行標記符號)
<listing></listing>固定寬度小字體
<font color=00ff00></font>字體顏色
<font size=1></font>最小字體
<font style=" font-size:100px"></font>無限增大
區段標記
<hr>水平線
<hr size=9>水平線(設定大小)
<hr width=80%>水平線(設定寬度)
<hr color=ff0000>水平線(設定顏色)
<br>換行
<nobr></nobr>水域(不換行)
<p></p>水域(段落)
<center></center>居中
?
連結格式
<base href=位置>(預設好連結路徑)
<a href=位置></a>外部連結
<a href=位置 target=’_blank’></a>外部連結(另開新視窗)
<a href=位置 target=’_top’></a>外部連結(全視窗連結)
<a href=位置 target=’_top’></a>外部連結(在指定頁框連結)
?
貼圖/音樂
<img src=圖片位置>貼圖
<img src=圖片位置 width=’180’>設定圖片寬度
<img src=圖片位置 height=’30’>設定圖片高度
<img src=圖片位置 alt=’提示文字’>設定圖片提示文字
<img src=圖片位置 border=’1’>設定圖片邊框
<bgsound src=MID音樂文檔位置>背景音樂設定
表格語法
<table aling=left></table>表格位置,置左
<table aling=center></table>表格位置,置中
<table background=圖片路徑></table>背景圖片的URL=就是路徑網址
<table bgcolor=顏色碼></table>設定表格的背景顏色
<table borderclordark=顏色碼></table>設定表格邊框的顏色
<table borderclorlight=顏色碼></table>設定表格亮邊框的顏色
<table cellpadding=參數></table>指定內容與格線之間的間距(使用數字)
<table cellspacing=參數></table>指定格線與格線之間的距離(使用數字)
<table cols=參數></table>指定表格的欄數
<table frame=參數></table>指定表格邊框線的顯示方式
<table width=參數></table>指定表格的寬度大小(使用數字)
<table height=參數></table>指定表格的高度大小(使用數字)
<td colspan=參數></td>指定存儲格合并欄的欄數(使用數字)
<td rowspan=參數></td>指定存儲格合并列的列數(使用數字)
表示顏色的有三種方式:
1.16進制顏色代碼
2.10進制RGB碼
3.直接用顏色的英文名稱
HTML結構
?
屬性結構
屬性名=”屬性值”
href指定超鏈接所關聯的另一個資源
target指定使用框架集中的哪個框架來裝載另一個資源
?
絕對路徑和相對路徑
絕對路徑(可以幫助準確無誤判斷一個文件的位置,它是完整的描述文件位置的路徑)
相對路徑(以一個目錄為起點到你所想要找到的文件所在的目錄,此外我們用”..\”來表示上一級目錄)
總的來說(絕對路徑是一個完整的路徑,從開始即跟目錄到最后你要找的文件所在目錄,而相對位置是從半路開始
到你所想要找到的那個文件所在的目錄。)
例如:假使F盤中有3個文件夾，分別為1,2,3，到你想要找的文件在“1”文件夾中，用A表示，則它的絕對路徑就是F:\1\A,而相對路徑為..\1
url中關于地址的解釋：
http://zh.learnlayout.cn:8888/20150401/html基礎1.html
scheme://host.domain:port/path/filename
Scheme指定因特網服務的類型，最流行的類型是http
Domain指定因特網域名，比如cxm.org
Host指定此域中的主機
Port指定主機的端口號
Path指定遠程服務器上的路徑
Filename指定遠程文檔的名稱
轉載于:https://www.cnblogs.com/chenqilin-516/p/9429732.html
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的常用的HTML标签(超文本标记语言)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： javaweb零食商城系统设计与实现（s
- 下一篇： 2017年html5行业报告,云适配发布