常用的HTML標簽和屬性

來源：SEO369 2018-06-20 關鍵字：[db:關鍵字]

　　基本結構標簽:

　　<HTML>,表示該文件為HTML文件

　　<HEAD>,包含文件的標題,使用的腳本,樣式定義等

　　<TITLE>---</TITLE>,包含文件的標題,標題出現在瀏覽器標題欄中

　　</HEAD>,<HEAD>的結束標志

　　<BODY>,放置瀏覽器中顯示信息的所有標志和屬性,其中內容在瀏覽器中顯示.

　　</BODY>,<BODY>的結束標志

　　</HTML>,<HTML>的結束標志

,注釋標記,在""之間的內容將不在瀏覽器中顯示.

　　<BODY,bgcolor="BLACK"></BODY>表示頁面背景色為黑色;

　　其它主要標簽,以下所有標志用在<BODY></BODY>中:

　　<A,HREF="…"></A>,鏈接標志,"…"為鏈接的文件地址

　　表單標簽:

　　<form></form>表格標識的開始和結束,表單的內容都放在這里.

　　下邊的標簽放在表單內:

　　<select>下拉選擇框

　　</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=""

　　基本標簽:

　　<html></html>,創建一個HTML文檔;

　　<head></head>,設置文檔標題和其它在網頁中不顯示的信息;

　　<title></title>,設置文檔的標題;

　　<h1></h1>,最大的標題;

　　<img src ="…">,顯示圖片標志,"…"為圖片的地址

　　<pre></pre>,預先格式化文本;

　　<u></u>,下劃線

　　<b></b>,黑體字;

　　<i></i>,斜體字;

　　<tt></tt>,打字機風格的字體;

　　<cite></cite>,引用,通常是斜體;

　　<em></em>,強調文本(通常是斜體加黑體);

　　<strong></strong>,加重文本(通常是斜體加黑體);

　　<big></big>,字體加大;

　　<SMALL></SMALL>,字體縮小;

　　<STRIKE></STRIKE>,加刪除線;

　　<sup></ sup >,上標字;

　　<sub></ sub >,下標字;

　　<font,color=00ff00>...</font>字體顏色;

　　<font,size=1>...</font>最小字體;

　　<font,style,='font-size:100,px'>...</font>

　　格式標簽:

　　<p></p>,創建一個段落;

　　<p,align="">,將段落按左、中、右對齊; (left,right,center)

　　<br>,換行,插入一個回車換行符;

　　<ol></ol>,列表標簽,定義一個標有數字的列表;

　　<ul></ul>,列表標簽,定義一個標有圓點的列表;

　　<li>,放在每個列表項之前;

　　放在<ol></ol>之間則每個列表項加上一個數字,放在<ul></ul>之間則每個列表項加上一個圓點;

　　<div,align=""></div>,分區標簽,用來排版大塊HTML段落,也用于格式化表;

　　<hr,size='9',width='80%',color='ff0000'>水平線(設定寬度);

　　<center></center>,水平居中.

　　鏈接標簽:

　　<a,href="URL"></a>,創建超文本鏈接;

　　<a,href="mailtEMAIL">

　　</a>,創建自動發送電子郵件的鏈接;

　　表單標簽:

　　<form></form>,創建表單;

　　action="...",接收數據的服務器的URL;

　　method="...",HTTP的方法(get,,post),其中get是被反對使用的;

　　onsubmit="...",當提交表單時發生的內部事件;

　　<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=" ">,創建一個使用圖象的提交(submit)按鈕;

　　<input,type="reset">,創建重置(reset)按鈕;

　　<BUTTON></BUTTON>,創建一個按鈕;

　　disabled="...",把按鈕的狀態設置為不能;

　　name="...",按鈕的控制名,value="...",按鈕的值;

　　type="...",按鈕的類型(button,,submit,,reset);

　　表單標簽注解:

　　type="...",用于輸入控件的類型(text,password,checkbox,radio,submit,reset,file,hidden,image,button);

　　name="...",控件的控制名(要求是除了submit和reset之外的任何名字);

　　value="...",控件的初始值;

　　checked="...",把一個單選鈕設置為選中的狀態;

　　disabled="...",把控件的狀態設置為不能使用;

　　readonly="...",只對輸入密碼的文本框使用;

　　size="...",表示以像素為單位的除了文本框和密碼框控件之外的其它控件的寬度,它是用來指定字符的數目;

　　maxlength="...",指定可以輸入的最多的字符數目;

　　align="...",控制對齊方式(left,,center,,right,,justify);

　　onfocus="...",當元素獲得焦點時發生的事件;

　　onblur="...",當元素失去焦點時發生的事件;

　　onselect="...",當元素被選中時發生的事件;

　　onchang="...",當元素狀態被改變時發生的事件;

　　<TABLE></TABLE>,定義表格,HTML中重要的標志

　　<TR></TR>,定義表格的行,用在<TABLE></TABLE>中

　　<TD></TD>,定義表格的單元格,用在<TR></TR>中

　　對齊屬性

　　ALIGN=LEFT,左對齊(缺省值),WIDTH=象素值或百分比,對象寬度.

　　ALIGN=CENTER,居中,HEIGHT=象素值或百分比,對象高度.

　　ALIGN=RIGHT,右對齊.

　　色彩屬性:

　　COLOR=#RRGGBB,前景色,參考色彩對照表.

　　BGCOLOR=#RRGGBB,背景色.

　　<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>,設定卷動時間;

　　<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為播放一次即停止.

　　來源：SEO自學網轉載注明出處！

說明：本文由SEO369團隊編輯整理，有侵犯權益的地方請聯系站長刪除，如果需要了解更過SEO方面的知識請關注SEO369。

上一篇：網站SEO優化經常遇到的幾個操作細節
下一篇：SEO技術：做SEO要避免最常范的的幾個誤區

其他人還看了: SEO技術：深析影響網站排名那些重要的瞬間; 簡易語析百度排名周期及應對措施的一些SEO技術; SEO技術：網站日志怎么分析seo優化; 常用的HTML標簽和屬性; 關鍵詞優化外包中的一些SEO技術; SEO技術：tag標簽如何設置才能更利于網站排名

點擊排行: 關鍵詞優化要注意哪些內容會被新聞源懲罰; 關鍵詞優化技術難題解答匯總; 為什么百度站長平臺的索引量和site展現不一致？; 如何快速提升自己網站的排名; 不利于網站seo的幾個技術總結; 首頁優化：進入前3名的關鍵詞如何穩住排名？

頻道總排行: 網站SEO優化經常遇到的幾個操作細節; SEO技術：做SEO要避免最常范的的幾個誤區; SEO技術：深析影響網站排名那些重要的瞬間; SEO優化圖片的時候搜索引擎識別的SEO要求有哪些？; 避免蜘蛛陷阱的幾個SEO技術; SEO技術：tag標簽如何設置才能更利于網站排名; 關鍵詞優化外包中的一些SEO技術; SEO技術：網站日志怎么分析seo優化; 簡易語析百度排名周期及應對措施的一些SEO技術; 常用的HTML標簽和屬性

您可能還想了解: 新手SEO怎么快速給網站提高權重？; 解析網站SEO內容更新的幾個關鍵要點; 網站整站優化的關鍵詞排名優化技巧; 云南網站優化的網站被百度快速收錄的方案; 如何學習廣西seo的技術呢; 網站整站優化過度的表現以及避免方法; 做廣東SEO如何才能有效降低網站的跳出率？; seo優化的關鍵詞指的是什么呢; seo優化排名緩慢的原因; SEO優化是何種原因造成收錄如此之慢？

欄目導航: SEO基礎; SEO優化; SEO技術; SEO教程; 快速排名; 關鍵詞優化; 整站優化; 百度SEO; 網站建設; 網站優化