首頁 > web前端 > html教學 > html中常用標籤的總結總結

html中常用標籤的總結總結

巴扎黑
發布: 2017-06-16 17:09:17
原創
1451 人瀏覽過

html中常用標籤的總結總結

目錄

html中常用標籤的總結總結

option屬性

##多行文字方塊

回到頂部

html標籤

# ...

普通捲動

.. .

滑動

...

預設捲動

# ...

來回捲動...向下捲動

...

向上捲動

向右捲動

>

向左捲動

...

捲動次數

. ..

設定寬度

...

設定高度

...

設定背景顏色

...

#設定滾動速度

...設定捲動時間html中常用標籤的總結總結

#...滑鼠經過上面時停止滾動 ...

滑鼠離開時開始捲動 

 回到頂部

字體效果

###### ######

...

###標題字### ###(######最大######) ######### ####

...
標題字#(最小##)

...

粗體字

##...> ;

粗體字

(強調) (同上效果略同)  

...

斜體字

...

斜體字

(強調)

... dfn>

斜體字

(表示定義#)  

.. .

底線

 

#...

底線

#(表示插入文字)  

#...

橫線

...

刪除線

 

...

刪除線

(表示刪除#)  

鍵盤文字

 

#...

打字體

...固定寬度字體

(#在檔案中空白、換行、定位功能有效)  

...</plaintext></p>固定寬度字體<p><span style="font-family: 宋体;">#(</span><span style="font-family: 'Times New Roman';">不執行標記符號</span><span style="font-family: 宋体;">) </span><span style="font-family: 'Times New Roman';"></span> </p> <p>#</p> <listing>...</listing> 固定寬度小字體<p><span style="font-family: 宋体;"></span> </p> <p><font color="00ff00">...</font></p>字體顏色<p><span style="font-family: 宋体;"></span> </p> <p> <font size="1">...</font></p>最小字體<p><span style="font-family: 宋体;"></span># </p> <p><font style="</p>font-size:100 px "><span style="font-family: 'Times New Roman';">>...</span></font><span style="font-family: 'Times New Roman';">#無限增大 </span><span style="font-family: 宋体;"></span> </p>## <p></p> <p> </p> <p>回到頂部</p> <p style="text-align: right"><a href="#_labelTop"></a><img class="anchorclass" alt="html中常用標籤的總結總結" >區斷標記</p> <h2><strong># </strong></h2> <hr> <p>水平線</p> <p><span style="font-family: 宋体;"> </span></p> <hr size="<p>9"> <p>><span style="font-family: 'Times New Roman';"></span>水平線<span style="font-family: 'Times New Roman';">##(</span><span style="font-family: 宋体;">設定大小</span><span style="font-family: 'Times New Roman';">) </span><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span></p> <hr width="</p>80%">><p><span style="font-family: 'Times New Roman';">水平線</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">設定寬度</span><span style="font-family: 'Times New Roman';">) </span><span style="font-family: 宋体;"><p> </p> <p></p> <hr color="<span style="font-family: 'Times New Roman';">ff0000"> <span style="font-family: 'Times New Roman';">></span><span style="font-family: 宋体;">水平線</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">##顏色</span><span style="font-family: 'Times New Roman';">) </span></span></p> <p> </p> <p><br>(<span style="font-family: 宋体;">換行</span><span style="font-family: 'Times New Roman';">) </span></p>## <p></p> <nobr>...</nobr><p>水域<span style="font-family: 宋体;"></span>#(<span style="font-family: 'Times New Roman';"></span>不換行<span style="font-family: 宋体;"></span>) <span style="font-family: 'Times New Roman';"></span></p> <p></p> <p> <span style="font-family: 宋体;"></span></p> <p>...</p> <span style="font-family: 'Times New Roman';">水域</span><span style="font-family: 宋体;">(</span><span style="font-family: 'Times New Roman';">段落</span>#) <p></p> <p># <span style="font-family: 宋体;"></span></p> <center>...</center>置中<p></p> <p style="text-align: right"> <a href="#_labelTop"></a>##回到頂部<img class="anchorclass" alt="html中常用標籤的總結總結" > </p> <h2><strong><span style="font-family: 宋体;"></span>連結格式</strong></h2> <p></p># <p>##<base href="<span" style="font-family: 宋体;">地址<span style="font-family: 'Times New Roman';">>(</span><span style="font-family: 宋体;">預設好連結路徑</span><span style="font-family: 'Times New Roman';">) </span></p> <p> </p>##<a href="<p">地址<span style="font-family: 宋体;"></span>></a><span style="font-family: 'Times New Roman';"></span>#外部連結<span style="font-family: 宋体;"></span># <p>##<a href="</p">地址<p><span style="font-family: 宋体;">target='</span><span style="font-family: 'Times New Roman';">_blank'</span><span style="font-family: 'Times New Roman';">#></span></p></a><span style="font-family: 'Times New Roman';">#外部連結</span><span style="font-family: 宋体;">(</span><span style="font-family: 'Times New Roman';">#另開新視窗</span><span style="font-family: 宋体;">) </span><span style="font-family: 'Times New Roman';"></span> </p> <p><a href="</p">位址<p>##target='<span style="font-family: 宋体;">## _top'</span><span style="font-family: 'Times New Roman';">></span></p></a><span style="font-family: 'Times New Roman';">外部連結</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">全視窗連結</span><span style="font-family: 'Times New Roman';">) </span><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span><a href="</p">地址<p></p>target='<p><span style="font-family: 宋体;">頁框名'</span><span style="font-family: 'Times New Roman';">#></span><span style="font-family: 宋体;">外部連結</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">在指定頁框連接</span><span style="font-family: 'Times New Roman';">#) </span><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span></p> <p></p> <p style="text-align: right"><a href="#_labelTop"></a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2><strong><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span></strong></h2> <p></p> <p><span style="font-family: 宋体;">回到頂部</span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span></p>貼圖<p></p>/<p><span style="font-family: 宋体;">音樂</span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 'Times New Roman';"><img src="</span" alt="html中常用標籤的總結總結" >圖片地址<span style="max-width:90%"></span>></span></p> <p>貼圖</p> <p>## <span style="font-family: 宋体;"></span><img src="<span" style="max-width:90%"Times New Roman';" alt="html中常用標籤的總結總結" >圖片地址<span style="font-family: 'Times New Roman';">width="</span><span style="font-family: 'Times New Roman';">#180"</span><span style="font-family: 宋体;">></span></p>設定圖片寬度<p></p>### ######<img src="###%E5%9C%96%E7%89%87%E5%9C%B0%E5%9D%80######height=%22######30%22######&gt" alt="html中常用標籤的總結總結" ><img src="<span" style="max-width:90%" alt="html中常用標籤的總結總結" >圖片地址<span style="font-family: 'Times New Roman';">alt="</span><span style="font-family: 宋体;">提示文字"</span><span style="font-family: 'Times New Roman';">></span><span style="font-family: 宋体;">#設定圖片提示文字</span></a></p> <p> </p> <p><img src="<span" style="max-width:90%" alt="html中常用標籤的總結總結" >圖片地址 <span style="font-family: 'Times New Roman';">border="</span><span style="font-family: 'Times New Roman';">1"</span><span style="font-family: 'Times New Roman';"># ></span><span style="font-family: 宋体;">設定圖片邊框</span></p> <p> </p> <p><bgsound src="MID<span" style="font-family: 宋体;">音樂檔案地址##><span style="font-family: 'Times New Roman';"></span>背景音樂設定<span style="font-family: 宋体;"></span></bgsound></p> <p></p> <p style="text-align: right">回到頂部<a href="#_labelTop"></a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2><strong>表格語法<span style="font-family: 宋体;"></span></strong></h2> <p></p> <table aling="left">...</table> <p>表格位置<span style="font-family: 宋体;"></span>,<span style="font-family: 'Times New Roman';"></span>置左<span style="font-family: 宋体;"></span></p> <p></p> <table aling="center">...</table> <p>表格位置<span style="font-family: 宋体;"></span>,<span style="font-family: 'Times New Roman';"></span>置中<span style="font-family: 宋体;"></span></p> <p></p> <table background="<p">圖片路徑<span style="font-family: 宋体;"></span>>...</table> <span style="font-family: 'Times New Roman';"></span>背景圖片的<span style="font-family: 宋体;"></span>URL=<span style="font-family: 'Times New Roman';"></span>就是路徑網址<span style="font-family: 宋体;"></span># <p></p> <table border="<p">邊框大小<span style="font-family: 宋体;"></span>>...</table> <span style="font-family: 'Times New Roman';"></span>設定表格邊框大小<span style="font-family: 宋体;"></span>(<span style="font-family: 'Times New Roman';"></span>#使用數字<span style="font-family: 宋体;"></span>#) <span style="font-family: 'Times New Roman';"></span> <p></p> <table bgcolor="<p">顏色碼<span style="font-family: 宋体;"></span>>...</table> <span style="font-family: 'Times New Roman';"></span>設定表格的背景顏色<span style="font-family: 宋体;"></span> <p></p> <table borderclor="<p">顏色碼<span style="font-family: 宋体;"></span>>...</table> <span style="font-family: 'Times New Roman';"></span>#設定表格邊框的顏色<span style="font-family: 宋体;"></span> <p></p> <table borderclordark="<p">顏色碼<span style="font-family: 宋体;"></span>>...</table> <span style="font-family: 'Times New Roman';"></span>設定表格暗邊框的顏色<span style="font-family: 宋体;"></span> <p></p> <table borderclorlight="<p">顏色碼<span style="font-family: 宋体;"></span>>...</table> <span style="font-family: 'Times New Roman';"></span>設定表格亮邊框的顏色<span style="font-family: 宋体;"></span> <p></p> <table cellpadding="<p">參數<span style="font-family: 宋体;"></span>>... table><span style="font-family: 'Times New Roman';"></span>指定內容與格線之間的間距<span style="font-family: 宋体;"></span>(<span style="font-family: 'Times New Roman';"></span>#使用數字<span style="font-family: 宋体;"></span>#) <span style="font-family: 'Times New Roman';"></span> <p></p> <table cellspacing="<p">參數<span style="font-family: 宋体;"></span>>...</table> <span style="font-family: 'Times New Roman';"></span>#指定格線與格線之間的距離<span style="font-family: 宋体;"></span>(<span style="font-family: 'Times New Roman';"></span>使用數字<span style="font-family: 宋体;"></span>) <span style="font-family: 'Times New Roman';"></span> <p></p>#<table cols="<p">參數<span style="font-family: 宋体;"></span>>. ..</table> <span style="font-family: 'Times New Roman';"></span>指定表格的欄位數<span style="font-family: 宋体;"></span> <p></p> <table frame="<p">參數<span style="font-family: 宋体;"></span>> ...</table> <span style="font-family: 'Times New Roman';"></span>設定表格外框線的顯示方式<span style="font-family: 宋体;"></span> <p></p> <p></p> <table width="<span" style="font-family: 宋体;">寬度<span style="font-family: 'Times New Roman';">>...</span> </table> <span style="font-family: 宋体;">指定表格的寬度大小</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">使用數字</span><span style="font-family: 'Times New Roman';">) </span><p> </p> <p></p> <table height="<span" style="font-family: 宋体;">高度<span style="font-family: 'Times New Roman';">>...</span> </table>&gt ;<span style="font-family: 宋体;">指定表格的高度大小</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">使用數字</span><span style="font-family: 'Times New Roman';">#) </span><p> </p> <p>&lt ;td colspan=<span style="font-family: 宋体;">參數</span><span style="font-family: 'Times New Roman';">>...</span><span style="font-family: 宋体;">指定儲存格合併欄的欄數</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">使用數字</span><span style="font-family: 'Times New Roman';">) </span></p> <p> </p> <p></p> <td rowspan="<span" style="font-family: 宋体;">參數<span style="font-family: 'Times New Roman';">>...</span> </td> <span style="font-family: 宋体;">指定儲存格合併列的欄位數</span><span style="font-family: 'Times New Roman';">(</span><span style="font-family: 宋体;">使用數字</span><span style="font-family: 'Times New Roman';">) </span><p> </p> <p style="text-align: right"><a href="#_labelTop">回到頂部</a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2><strong>分割視窗</strong></h2> <p># </p> <p></p> <frameset cols="20%,*"> <span style="font-family: 宋体;">左右分割</span><span style="font-family: 'Times New Roman';">,</span><span style="font-family: 宋体;">將左邊框架分割大小為</span><span style="font-family: 'Times New Roman';">20%</span><span style="font-family: 宋体;"> 右邊框架的大小瀏覽器會自動調整</span><p> </p> <p></p> <frameset rows="20%,*"> <span style="font-family: 宋体;">上下分割</span>##,<span style="font-family: 'Times New Roman';"></span>將上方框架分割大小為<span style="font-family: 宋体;"></span>20%<span style="font-family: 'Times New Roman';"></span>下方框架的大小瀏覽器會自動調整<span style="font-family: 宋体;"></span># <p></p> <frameset cols="20%,*"> <p>分割左右兩個框架<span style="font-family: 宋体;"></span></p> <p></p> <frameset cols="20%,*,20%"> <p>分割左中右三個框架<span style="font-family: 宋体;"></span></p> <p></p>分割上下兩個框架<span style="font-family: 宋体;"></span> <p></p> <frameset rows="20%, *,20%"> <p>分割上中下三個框架<span style="font-family: 宋体;"></span></p> <p></p>屬性:<p></p> <p></p> <p>cols <strong> 垂直切割視窗(如左右分割兩個視窗)接受整數值,百分數,</strong>*<span style="font-family: 'Times New Roman';"></span>#(<span style="font-family: 宋体;"></span>*<span style="font-family: 'Times New Roman';"></span>代表佔用餘下空間)數值的個數代表分成的部分數目,要以逗號分隔。例:<span style="font-family: 宋体;"></span>cols="30,*,50%"<span style="font-family: 'Times New Roman';"></span>可以切成三個視窗,第一部分是<span style="font-family: 宋体;"></span>30<span style="font-family: 'Times New Roman';"></span>#像素(<span style="font-family: 宋体;"></span>pixels<span style="font-family: 'Times New Roman';"></span>)為絕對分割,第二部分是當分配完第一和第三視圖後剩下的空間,第三部分則佔整個視窗的<span style="font-family: 宋体;"></span> 50%<span style="font-family: 'Times New Roman';"></span>寬度,為相對分割。 <span style="font-family: 宋体;"></span></p> <p></p> <p>rows<strong> 就是橫向切割,將視窗上下分開,數值設定同上。 </strong></p> <p></p>以上兩個屬性盡量不要在同一個<p></p> <frameset> <span style="font-family: 'Times New Roman';"></span>#標籤中,因為王井(<span style="font-family: 宋体;"></span>netscape<span style="font-family: 'Times New Roman';"></span>#)不支持,盡量採用多重分割。 <span style="font-family: 宋体;"></span> <p></p> <p>frameborder <span style="font-family: 宋体;">設定框架的邊框,其值有</span><span style="font-family: 'Times New Roman';">0</span><span style="font-family: 宋体;">#不要邊框,</span><span style="font-family: 'Times New Roman';">1</span><span style="font-family: 宋体;">#要邊框。 </span></p> <p> </p> <p>border <span style="font-family: 宋体;">設定框架邊框厚度</span></p> <p> </p> <p>framespacing <span style="font-family: 宋体;">表示框架與框架間保留空白的距離</span></p> <p> </p> <p>frame <span style="font-family: 宋体;">元素(單一標籤) </span></p> <p> </p>##語法格式:<p></p> <p></p> <frame name="" src="url" scrolling="yes/no" noresize> <p></p> <p></p>屬性:<p></p># <p></p>name <p>框架名稱,指定框架來做連線的目標視窗。 <span style="font-family: 宋体;"></span></p> <p></p>src <p>框架中要顯示的網頁文字當<span style="font-family: 宋体;"></span>url<span style="font-family: 'Times New Roman';"></span>位址,每個框架要對應一個<span style="font-family: 宋体;"></span>html<span style="font-family: 'Times New Roman';"></span>。 <span style="font-family: 宋体;"></span></p> <p></p>scrolling <p>是否顯示捲軸,<span style="font-family: 宋体;"></span>yes/no,auto<span style="font-family: 'Times New Roman';"></span>是自動。 <span style="font-family: 宋体;"></span></p> <p></p>noresize <p>設定不讓使用者改變這個框架的大小, <span style="font-family: 宋体;"></span></p> <p></p> <p>noframe<strong>元素<span style="font-family: 宋体;"></span></strong></p> <p></p>指定當使用了框架的頁面在不支援框架的瀏覽器中開啟時顯示的資訊<p></p> <p> </p>語法格式:<p></p> <p></p> <noframe><p></p> <p></p>......<p></p>o<p></p> <p></p> <p></p> <p style="text-align: right"><a href="#_labelTop"></a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2><strong><span style="font-family: 'Times New Roman';"></span></strong></h2> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p></noframe><p> </p> <p></p>回到頂部<p></p> <p></p> <p>表單</p> <form> <p><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"> </span></p>語法格式:<p></p> <p><span style="font-family: 宋体;"><form action="url" method="get/post "></form></span><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;">....</span><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;">#<input type="submit"><input type="reset"></span></p> # <p></p> </form> <p><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';">#method</span>有兩種提交方式<span style="font-family: 宋体;"></span>get,post <span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';">action </span>是指明處理該表單的程式位置,這樣表單所填的資料才能傳給<span style="font-family: 宋体;"></span>cgi<span style="font-family: 'Times New Roman';"></span>做處裡,可設定此參數為<span style="font-family: 宋体;"></span>action="mailto:lwr8494@163.com" </p> <p>這樣此表單所填的資料將會傳送到這個郵件地址。 </p> <p><span style="font-family: 'Times New Roman';"> </span><span style="font-family: 宋体;">method </span>是指傳送訊息給<span style="font-family: 'Times New Roman';"></span>cgi</p> <p>等網路程式的方式。可選</p> <p>post</p> <p>方法, </p> <p>get<strong><span style="font-family: 宋体;">方法,</span></strong>post</p>##方法容許傳送大量訊息。 <p></p>get<p><span style="font-family: 宋体;">方法只接受低於</span></p>1k<p></p>的資訊。 <p><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span>申請表單用的是<span style="font-family: 宋体;">post</span></p>#搜尋引擎用的是<p>##get </p> <p><span style="font-family: 宋体;"> </span></p> <p></p> ######### ###註解############# ######<a href target> ###指定超連結的分割視窗######### ######</a><a href="####%E9%8C%A8%E7%9A%84%E5%90%8D%E7%A8%B1##"> ######指定錨定名稱的超連結######### ######</a><a href> ###指定超連結####### ### ###<p><a name="<span" style="font-family: 宋体;">锚的名称<span style="font-family: 'Times New Roman';">> </span><span style="font-family: 宋体;">被连结点的名称 </span></a></p> <p> </p> <p></p> <address>....</address> <span style="font-family: 宋体;">用来显示电子邮箱地址 </span><p> </p> <p><b> <span style="font-family: 宋体;">粗体字 </span></b></p> <p> </p> <p><base target> <span style="font-family: 宋体;">指定超连结的分割视窗 </span></p> <p> </p> <p><basefont size> <span style="font-family: 宋体;">更改预设字形大小 </span></p> <p> </p> <p><bgsound src> <span style="font-family: 宋体;">加入背景音乐 </span></bgsound></p> <p> </p> <p><big> <span style="font-family: 宋体;">显示大字体 </span></big></p> <p> </p> <p><blink> <span style="font-family: 宋体;">闪烁的文字 </span></blink></p> <p> </p> <p></p> <span style="font-family: 宋体;">设定文字颜色 </span><p> </p> <p></p> <span style="font-family: 宋体;">显示本文 </span><p> </p> <p><br> <span style="font-family: 宋体;">换行 </span></p> <p> </p> <p></p> <caption align> <span style="font-family: 宋体;">设定表格标题位置 </span><p> </p> <p></p> <caption>...</caption> <span style="font-family: 宋体;">为表格加上标题 </span><p> </p> <p></p> <center> <span style="font-family: 宋体;">向中对齐 </span><p> </p> <p><cite>...<cite> <span style="font-family: 宋体;">用於引经据典的文字 </span></cite></cite></p> <p> </p> <p><code>...</code> <span style="font-family: 宋体;">用於列出一段程式码 </span></p> <p> </p> <p><comment>...</comment> <span style="font-family: 宋体;">加上注解 </span></p> <p> </p> <p></p> <dd> <span style="font-family: 宋体;">设定定义列表的项目解说 </span><p> </p> <p><dfn>...</dfn> <span style="font-family: 宋体;">显示</span><span style="font-family: 'Times New Roman';">"</span><span style="font-family: 宋体;">定义</span><span style="font-family: 'Times New Roman';">"</span><span style="font-family: 宋体;">文字 </span></p> <p> </p> <p></p> <dir>...</dir> <span style="font-family: 宋体;">列表文字标签 </span><p> </p> <p></p> <dl>...</dl> <span style="font-family: 宋体;">设定定义列表的标签 </span><p> </p> <p></p> </dd> <dt> <span style="font-family: 宋体;">设定定义列表的项目 </span><p> </p> <p><em> <span style="font-family: 宋体;">强调之用 </span></em></p> <p> </p> <p><font face> <span style="font-family: 宋体;">任意指定所用的字形 </span></font></p> <p> </p> <p><font size> <span style="font-family: 宋体;">设定字体大小 </span></font></p> <p> </p> <p></p> <form action> <span style="font-family: 宋体;">设定户动式表单的处理方式 </span><p> </p> <p></p> </form> <form method> <span style="font-family: 宋体;">设定户动式表单之资料传送方式 </span><p> </p> <p><frame marginheight> <span style="font-family: 宋体;">设定视窗的上下边界 </span></p> <p> </p> <p><frame marginwidth> <span style="font-family: 宋体;">设定视窗的左右边界 </span></p> <p> </p> <p><frame name> <span style="font-family: 宋体;">为分割视窗命名 </span></p> <p> </p> <p><frame noresize> <span style="font-family: 宋体;">锁住分割视窗的大小 </span></p> <p> </p> <p><frame scrolling> <span style="font-family: 宋体;">设定分割视窗的卷轴 </span></p> <p> </p> <p><frame src> <span style="font-family: 宋体;">将</span><span style="font-family: 'Times New Roman';">HTML</span><span style="font-family: 宋体;">档加入视窗 </span></p> <p> </p> <p></p> <frameset cols> <span style="font-family: 宋体;">将视窗分割成左右的子视窗 </span><p> </p> <p></p> <frameset rows> <span style="font-family: 宋体;">将视窗分割成上下的子视窗 </span><p> </p> <p></p> <frameset>...</frameset> <span style="font-family: 宋体;">划分分割视窗 </span><p> </p> <p></p> <h1>~<h6> <span style="font-family: 宋体;">设定文字大小 </span> </h6> </h1> <p> </p> <p></p> <span style="font-family: 宋体;">标示文件资讯 </span><p> </p> <p></p> <hr> <span style="font-family: 宋体;">加上分格线 </span><p> </p> <p> <span style="font-family: 宋体;">檔案的開始與結束</span></p> <p> </p> <p><i> <span style="font-family: 宋体;">斜體字</span></i></p> <p># </p> <p><img align alt="html中常用標籤的總結總結" > <span style="max-width:90%">調整圖片影像的位置</span></p> <p> </p> <p><img alt> <span style="max-width:90%">為你的圖片影像加註</span> </p> <p> </p> <p><img dynsrc loop alt="html中常用標籤的總結總結" > <span style="max-width:90%">加入影片</span></p> <p> </p> <p><img height width alt="html中常用標籤的總結總結" > <span style="max-width:90%">插入圖片並預設圖形大小</span></p> <p> </p> <p><img hspace alt="html中常用標籤的總結總結" > <span style="max-width:90%">插入圖片並預設圖形的左右邊界</span></p>## <p></p> <img lowsrc alt="html中常用標籤的總結總結" > <p>預載圖片功能<span style="max-width:90%"></span></p> <p></p> <img src border alt="html中常用標籤的總結總結" > <p>設定圖片邊界<span style="max-width:90%"></span></p> <p></p> <img src alt="html中常用標籤的總結總結" > <p>插入圖片<span style="max-width:90%"></span></p> <p></p> <img vspace alt="html中常用標籤的總結總結" > <p>插入圖片並預設圖形的上下邊界<span style="max-width:90%"></span></p> <p></p> <input type name value> <p>在表單中加入輸入欄位<span style="font-family: 宋体;"></span></p> <p></p>#<isindex> <p>定義查詢用表單<span style="font-family: 宋体;"></span></p> <p></p> <kbd>...</kbd> <p>表示使用者輸入文字<span style="font-family: 宋体;"></span></p> <p></p>#<li type>...</li> <p>清單的項目<span style="font-family: 宋体;"></span>( <span style="font-family: 'Times New Roman';"></span>可指定符號<span style="font-family: 宋体;">##) </span><span style="font-family: 'Times New Roman';"></span> </p> <p><marquee> </marquee></p>跑馬燈效果<p><span style="font-family: 宋体;">## </span></p> <menu>...</menu> <p>條列文字標籤</p> <p><span style="font-family: 宋体;"> </span></p> <meta name="REFRESH" content url> <p>自動更新檔案內容</p> <p><span style="font-family: 宋体;"># </span></p> <multiple> <p>可同時選擇多項的清單欄</p> <p><span style="font-family: 宋体;"># </span></p> <noframe> <p>定義不出現分割視窗的文字</p> <p><span style="font-family: 宋体;"> </span></p> <ol>...</ol> <p>有序號的清單</p> <p>## <span style="font-family: 宋体;"></span> </p>定義表單中清單列的項目<p></p> <p> <span style="font-family: 宋体;"></span>#</p> <p align> </p>設定對齊方向<p></p> <p> <span style="font-family: 宋体;"></span></p> <p> </p>分段<p></p> <p> <span style="font-family: 宋体;"></span>#<person>...</person> </p>顯示人名<p></p> <p> <span style="font-family: 宋体;"></span></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> 使用原始排列&lt;p&gt;&lt;/p&gt;&lt;p&gt; &lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;/span&gt;&lt;samp&gt;...&lt;/samp&gt; &lt;/p&gt;用於引用字&lt;p&gt;&lt;/p&gt;&lt;p&gt; &lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;/span&gt;&lt;select&gt;...&lt;/select&gt; &lt;/p&gt;在表單中定義清單欄&lt;p&gt;&lt;/p&gt;&lt;p&gt;# &lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;/span&gt;&lt;small&gt; &lt;/small&gt;&lt;/p&gt;顯示小字體&lt;p&gt;&lt;/p&gt;&lt;p&gt;# &lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;/span&gt;&lt;strike&gt; &lt;/strike&gt;&lt;/p&gt;文字加橫線&lt;p&gt;&lt;/p&gt; &lt;p&gt; &lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;/span&gt;&lt;strong&gt; &lt;/strong&gt;&lt;/p&gt;用於加強語氣&lt;p&gt;&lt;/p&gt;&lt;p&gt;# &lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;/span&gt;&lt;sub&gt; &lt;/sub&gt;&lt;/p&gt;下標字&lt;p&gt;&lt;/p&gt;&lt;p&gt; &lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;/span&gt;&lt;sup&gt; &lt;/sup&gt;&lt;/p&gt;上標&lt;p&gt;&lt;/p&gt;&lt;p&gt;# &lt;span style=&quot;font-family: 宋体;&quot;&gt;&lt;/span&gt;&lt;/p&gt;</pre><div class="contentsignin">登入後複製</div></div> <table border="n"> 調整表格的寬線高度<p></p> <p> <span style="font-family: 宋体;"></span></p> <table cellpadding> 調整資料欄位之邊界<p></p> <p> <span style="font-family: 宋体;"></span>#</p> <table cellspacing> 調整表格線的寬度<p></p> <p> <span style="font-family: 宋体;"></span></p> <table height> 調整表格的高度<p></p> <p> <span style="font-family: 宋体;"></span># </p> <table width> 調整表格的寬度<p></p> <p> <span style="font-family: 宋体;"></span></p> <table>...</table> 產生表格的標籤<p></p> <p># <span style="font-family: 宋体;"></span></p> <td align> 調整表格欄位之左右對齊<p></p> <p> <span style="font-family: 宋体;"></span></p> </td> <td bgcolor> 設定表格欄位之背景顏色<p></p> <p> <span style="font-family: 宋体;">##<p></p></span></p> </td> <td colspan rowspan> <span style="font-family: 宋体;">表格栏位的合并 </span><p> </p> <p></p> </td> <td nowrap> <span style="font-family: 宋体;">设定表格栏位不换行 </span><p> </p> <p></p> </td> <td valign> <span style="font-family: 宋体;">调整表格栏位之上下对齐 </span><p> </p> <p></p> </td> <td width> <span style="font-family: 宋体;">调整表格栏位宽度 </span><p> </p> <p></p> </td> <td>...</td> <span style="font-family: 宋体;">定义表格的资料栏位 </span><p> </p> <p><textarea name rows cols> <span style="font-family: 宋体;">表单中加入多少列的文字输入栏 </span></textarea></p> <p> </p> <p><textarea wrap> <span style="font-family: 宋体;">决定文字输入栏是自动否换行 </span></textarea></p> <p> </p> <p></p> <th>...</th> <span style="font-family: 宋体;">定义表格的标头栏位 </span><p> </p> <p></p> <title> <span style="font-family: 宋体;">文件标题 </span><p> </p> <p></p> <tr>...</tr> <span style="font-family: 宋体;">定义表格美一行 </span><p> </p> <p><tt> <span style="font-family: 宋体;">打字机字体 </span></tt></p> <p> </p> <p><u> <span style="font-family: 宋体;">文字加底线 </span></u></p> <p> </p> <p></p> <ul type>...</ul> <span style="font-family: 宋体;">无序号的列表 </span><span style="font-family: 'Times New Roman';">( </span><span style="font-family: 宋体;">可指定符号 </span><span style="font-family: 'Times New Roman';">) </span><p> </p> <p><var>...</var> <span style="font-family: 宋体;">用於显示变数 </span></p> <p> </p> <p>BlockQuotc<span style="font-family: 宋体;">文本缩进 </span></p> <p> </p> <p style="text-align: right"><a href="#_labelTop">回到顶部</a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2><strong>表示颜色的有三种方式; </strong></h2> <p> </p> <p>1<span style="font-family: 宋体;">,</span><span style="font-family: 'Times New Roman';">16</span><span style="font-family: 宋体;">进制颜色代码 </span></p> <p> </p> <p>语法:<span style="font-family: 'Times New Roman';">#RRGGBB </span></p> <p> </p> <p>例:<span style="font-family: 'Times New Roman';"><font color="#ff0000"></font></span><span style="font-family: 宋体;">红色</span><span style="font-family: 'Times New Roman';"> </span></p> <p> </p> <p>2<span style="font-family: 宋体;">,</span><span style="font-family: 'Times New Roman';">10</span><span style="font-family: 宋体;">进制</span><span style="font-family: 'Times New Roman';">RGB</span><span style="font-family: 宋体;">码 </span></p> <p> </p> <p>语法:<span style="font-family: 'Times New Roman';">RGB</span><span style="font-family: 宋体;">(</span><span style="font-family: 'Times New Roman';">RRR</span><span style="font-family: 宋体;">,</span><span style="font-family: 'Times New Roman';">GGG</span><span style="font-family: 宋体;">,</span><span style="font-family: 'Times New Roman';">BBB</span><span style="font-family: 宋体;">) </span></p> <p> </p> <p>例:<span style="font-family: 'Times New Roman';"><font color="rgb(255,000,000)"></font></span><span style="font-family: 宋体;">红色</span><span style="font-family: 'Times New Roman';"> </span></p> <p> </p> <p>3,<span style="font-family: 宋体;">直接用颜色的英文名称 </span></p> <p> </p> <p>例:<span style="font-family: 'Times New Roman';"><font color="red"></font></span><span style="font-family: 宋体;">红色</span><span style="font-family: 'Times New Roman';"> </span></p> <p> </p> <p style="text-align: right"><a href="#_labelTop">回到顶部</a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2><strong>.....<span style="font-family: 宋体;">属性可分为三种: </span></strong></h2> <p> </p> <p>1<span style="font-family: 宋体;">,背景属性 </span></p> <p> </p> <p>包括:<span style="font-family: 'Times New Roman';">bgcolor,background </span></p> <p> </p> <p>2,<span style="font-family: 宋体;">文字属性: </span></p> <p> </p> <p>包括:<span style="font-family: 'Times New Roman';">text,link,alink,vlink, </span></p> <p> </p> <p>3,<span style="font-family: 宋体;">留白属性: </span></p> <p> </p> <p>其中分为:<span style="font-family: 'Times New Roman';">leftmargin,topmargin </span></p> <p> </p> <p>.bgcolor<span style="font-family: 宋体;">背景色 </span></p> <p> </p> <p>語法格式:<span style="font-family: 'Times New Roman';"> </span></p> <p># </p> <p>.background<span style="font-family: 宋体;">背景圖案。 </span></p> <p> </p> <p>語法格式:<span style="font-family: 'Times New Roman';"> </span></p> <p> </p> <p>.text<span style="font-family: 宋体;">文字顏色(非連接文字顏色) </span></p> <p> </p> <p>.link<span style="font-family: 宋体;">連接文字顏色(可連接文字顏色) </span></p> <p> </p> <p>.alink<span style="font-family: 宋体;">活動連接文字顏色(正被點擊的可連接文字的顏色) </span></p> <p># </p> <p>.vlink<span style="font-family: 宋体;">已存取連接文字顏色)(已經點擊訪問過的可連接文字的顏色) </span></p> <p> </p> <p>語法格式:<span style="font-family: 'Times New Roman';"> </span></p> <p> </p> <p>.leftmargin <span style="font-family: 宋体;">頁面左邊的留白距離</span></p> <p> </p> <p>. topmargin <span style="font-family: 宋体;">頁面頂部的留白距離</span></p> <p> </p> <p>語法格式:<span style="font-family: 'Times New Roman';"> </span></p> <p> </p> <p>註:<span style="font-family: 'Times New Roman';">value</span><span style="font-family: 宋体;">長度值為數字</span></p>## <p></p> <p><img class="anchorclass" alt="html中常用標籤的總結總結" > </p>##align <h3>屬性<strong><span style="max-width:90%"></span></strong> </h3> <p>語法:</p> <h2 align="html中常用標籤的總結總結"></h2> <p><span style="font-family: 'Times New Roman';">文字</span><span style="font-family: 宋体;"> </span><span style="font-family: 'Times New Roman';"></span> </p> <p>#其屬性有三種:</p>left<p><span style="font-family: 'Times New Roman';">靠左</span><span style="font-family: 宋体;">, center</span><span style="font-family: 'Times New Roman';">居中</span><span style="font-family: 宋体;">,right</span><span style="font-family: 'Times New Roman';">靠右邊</span><span style="font-family: 宋体;"></span># </p> <p>〈</p>p<p><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span>p</p> <p></p> <p><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span></p> <p></p> <p><span style="font-family: 宋体;"></span></p> <p></p> <p><span style="font-family: 'Times New Roman';"></span> 〉</p> <p></p> <p>為段落標記,可利用上述屬性對整個段落設定<span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"> </span></p>〈<p> br></p> <p>為換行標記<span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"> </span></p>#<nobr></nobr><p>為不換行標記放在文字兩邊即可</p> <p><span style="font-family: 'Times New Roman';"> </span></p>例:<p></p> </title> <p><span style="font-family: 'Times New Roman';"># </span></p> <h3></h3> <p>江南逢李龜年</p> <p> <span style="font-family: 'Times New Roman';"></span></p> <p></p>#<p></p> <p>歧王宅裡尋常見</p>##<br> <p></p> <p> <strong></strong>催九堂前幾度聞</p> <br> <p></p> <p> <span style="font-family: 宋体;"></span>正是江南好風景</p> <br><p style="text-align: right"> <a href="#_labelTop"></a>與君落花時節<img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2><strong> </strong></h2> <p></p> <p><img class="anchorclass" alt="html中常用標籤的總結總結" ></p>預先格式化: <h3> <strong><span style="font-family: 宋体;"> </span></strong><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">......</pre><div class="contentsignin">登入後複製</div></div> </h3>瀏覽是效果和編寫是效果格式一樣<p></p> <p> </p> <p></p>回到頂部<p><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';">## </span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;">1</span>無序列表又稱符號清單</p> <p></p>### ### ###語法格式:###### ######<ul type="">type###的屬性可選直#####disc######實心圓點######,clrcle######空心圓點######,square######實心方框######### ###<p></p> <li> <span style="font-family: 宋体;">文字</span><span style="font-family: 'Times New Roman';"></span> </li> <p> </p> <p></p> <li> <span style="font-family: 宋体;">文字</span><span style="font-family: 'Times New Roman';"></span> </li> <p> </p> <p></p> </ul> <p> </p> <p><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h3><strong><span style="font-family: 宋体;"></span></strong></h3> <p></p> <p></p> <p></p> <p></p> <p></p> <p><span style="font-family: 宋体;"> 2</span>有序列表<span style="font-family: 'Times New Roman';"></span></p> <p> </p> <p>語法格式:<span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span></p> <ol type="html中常用標籤的總結總結" start html> <p> </p> <p></p> <li>文字<p></p> </li> <p><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span># </p> <li>文字<p></p> </li> <p><span style="font-family: 宋体;"></span># <span style="font-family: 'Times New Roman';"></span></p> </ol> <span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span>type<span style="font-family: 宋体;">的值是編號字元可選的有</span><span style="font-family: 'Times New Roman';">1...,a...,A...,i... ,I... </span><span style="font-family: 宋体;"></span># <p>start</p>為起始值範例:如果<p><img class="anchorclass" alt="html中常用標籤的總結總結" >start</p> <h3>#為<strong><span style="font-family: 宋体;">#3</span>##是那麼將從</strong> </h3>3<p></p>開始,而且必須是數字。 <p><span style="font-family: 宋体;"></span> </p> <p></p> <p><span style="font-family: 宋体;"></span>3</p># 清單<p></p> <p><span style="font-family: 宋体;"> </span></p> <dl> <p>定義列表標記</p> <p></p> <p></p>#<dt> <p>標示定義條目</p> <p>## </p> <p></p> </dt> <dd> <span style="font-family: 宋体;">標示定義內容</span><span style="font-family: 'Times New Roman';"></span> <p>#語法格式:</p> <p> <span style="font-family: 宋体;"></span>#</p> <dl> <span style="font-family: 'Times New Roman';"></span> <p></p> <dt>文字<p></p> </dt> <p></p> <p> </p> <p></p> <dd>文字內容<p></p> </dd> <p></p> <p> </p> <p>#</p> </dl> <p> <span style="font-family: 'Times New Roman';"></span>連結與圖片<span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span>語法格式:<span style="font-family: 宋体;"></span> </p> <p><a href="url" name="html%E4%B8%AD%E5%B8%B8%E7%94%A8%E6%A8%99%E7%B1%A4%E7%9A%84%E7%B8%BD%E7%B5%90%E7%B8%BD%E7%B5%90" target="html中常用標籤的總結總結" title="html中常用標籤的總結總結">.. ..</a></p> <p> <span style="font-family: 宋体;"></span>#屬性:</p>href <p></p>連接目標值可以是<p><span style="font-family: 宋体;">url</span><span style="font-family: 'Times New Roman';">地址也可以是連接錨點</span></p> <p> </p> <p style="text-align: right"><a href="url">...</a><a href="#_labelTop">或</a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2> <strong><a href="<span%20style=" font-family:>錨點</a></strong>">... </h2> <p></p> <p><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span></p> <p></p> <p><span style="font-family: 'Times New Roman';"></span></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p style="text-align: right"><a href="#_labelTop"></a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2><strong><span style="font-family: 宋体;">' </span>#回到頂部</strong></h2> <p></p> <p>name </p>連結名稱<p></p> <p><span style="font-family: 宋体;"> </span>##語法格式:</p> <a name="<p></p>%E9%8C%A8%E9%BB%9E%E5%90%8D%E7%A8%B1<p><span%20style=" font-family:>">...</a> <p> </p> <p>例:</p> <a name="abcdcf">...</a> <p></p> <p> <span style="font-family: 宋体;"></span>連接到該錨點的連接則應為:</p> <p> </p> <p><a name="#abcdef">....</a><span style="font-family: 宋体;"></span> </p> <p>##回到頂部</p> <p><span style="font-family: 宋体;"></span></p>target<p>目標視窗語法格式</p>###:###### ######<a>....</a>###### ######-blank###開啟新視窗######## # ######_self###目前視窗開啟######### #######一下兩個只在框架葉面中應用###### #########################。 #_parent###目前視窗的父級視窗(上一層)開啟######### ######_top###在最高一層的視窗開啟####### ## ######windowname###已命名的視窗或框架中開啟連線########## ###<p>title<span style="font-family: 宋体;">連結提示</span></p> <p> </p> <p><a href="http://www.crazytribe.net" title="<span style=" font-family:>打開狂人部落的首頁<span style="font-family: 'Times New Roman';">"></span><span style="font-family: 宋体;">狂人部落</span><span style="font-family: 'Times New Roman';"></span></a> </p> <p> </p> <p style="text-align: right">##回到頂部<a href="#_labelTop"></a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2>圖片<strong><img alt="html中常用標籤的總結總結" > <span style="max-width:90%"Times New Roman';"></span>#語法格式:<span style="font-family: 宋体;"></span></strong> </h2> <p></p> <img src="url" alt="html中常用標籤的總結總結" style="max-width:90%" height="html中常用標籤的總結總結" border="html中常用標籤的總結總結" align="html中常用標籤的總結總結"><p></p> <p></p>border<p>屬性定義圖片邊框的寬度,預設值為<span style="font-family: 宋体;"></span>0 <span style="font-family: 'Times New Roman';"></span></p> <p></p>align<p>屬性設定圖片旁邊文字的位置<span style="font-family: 宋体;"></span> </p> <p></p>語法格式:<p><img src="" align alt="html中常用標籤的總結總結" > <span style="max-width:90%"Times New Roman';"></span></p> <p></p>可選值有:<p> </p> <p></p>top<p>圖片和文字頂部對齊<span style="font-family: 宋体;"></span></p> <p></p>middle<p>圖片和文字置中對齊<span style="font-family: 宋体;"></span></p> <p></p>bottom<p>圖片和文字底邊對齊(預設) <span style="font-family: 宋体;"></span></p> <p></p>left<p>圖片在左對齊,文字沿著圖片繞排<span style="font-family: 宋体;"></span></p> <p></p>right<p>圖片居右對齊,文字沿著圖片繞排<span style="font-family: 宋体;"></span></p> <p></p>absmiddle<p>圖片對齊到目前文字行絕對中央<span style="font-family: 宋体;"></span></p> <p></p>absbottom<p>圖片對齊到目前文字行絕對底部<span style="font-family: 宋体;"></span></p> <p></p>文字的排版<p></p> <p></p>不換行空白標記<p></p> <p></p> <p style="text-align: right">#回到頂部<a href="#_labelTop"></a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p>##font<h2>元素<strong><span style="max-width:90%"></span></strong> </h2> <p>語法格式:</p> <p> </p> <p><font face="</p>字體名稱<p> <span style=" font-family:>" size="<span style="font-family: 'Times New Roman';">字體大小</span><span style="font-family: 宋体;">" color="</span><span style="font-family: 'Times New Roman';">#字體顏色</span><span style="font-family: 宋体;">"> </span><span style="font-family: 'Times New Roman';"></span> </font></p> <p>字體大小可選值為</p>1<p><span style="font-family: 'Times New Roman';">#—</span><span style="font-family: 宋体;">#7</span><span style="font-family: 'Times New Roman';">,預設為</span><span style="font-family: 宋体;">3 </span><span style="font-family: 'Times New Roman';"></span> </p> <p>範例:〈</p>font face="<p><span style="font-family: 'Times New Roman';">黑體</span><span style="font-family: 宋体;">" size="4" color="#ff00ff"> .... </span><span style="font-family: 'Times New Roman';"></span> </p> <p></p>水平線<p></p> <hr> <strong><span style="font-family: 'Times New Roman';"></span></strong>  <p>語法格式:</p> <hr width="<p><span style=" font-family: new roman>寬度<span style="font-family: 宋体;">" align="</span><span style="font-family: 'Times New Roman';">對齊方式預設居中</span><span style="font-family: 宋体;">center" size="</span><span style="font-family: 'Times New Roman';">水平線厚度預設為</span><span style="font-family: 宋体;">2" color="</span><span style="font-family: 'Times New Roman';">顏色</span><span style="font-family: 宋体;">" noshade> </span><span style="font-family: 'Times New Roman';">## </span>noshade<p>無陰影,既實線</p> <p><span style="font-family: 宋体;"> </span></p>層〈<p>p><span></span></p> <p>#兩種元素<span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span></p> <p></p> <p><span style="font-family: 宋体;">是區塊級元素,和段落元素</span><span style="font-family: 'Times New Roman';"><p></p></span><span style="font-family: 宋体;">相似,不同的是兩個</span><span style="font-family: 'Times New Roman';"><p><span style="font-family: 宋体;">元素之間不會產生兩個</span><span style="font-family: 'Times New Roman';"><p></p></span><span style="font-family: 宋体;">#元素之間的空白行, </span></p>## <p> </p> <span><p>是行內元素,可以定義段落中部分文字的屬性<span style="font-family: 宋体;"></span></p># <p></p>語法格式:<p></p> <p></p>#<p align="" >...</p> <p></p> <p></p>align<p>設定層中元素的水平對齊方式<span style="font-family: 宋体;"> </span></p> <p></p>stule<p>設定元素應用程式<span style="font-family: 宋体;"></span>css<span style="font-family: 'Times New Roman';"></span>規格的屬性<span style="font-family: 宋体;"></span>## </p> <p></p> <p><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span></p> <p></p> <p style="text-align: right"><a href="#_labelTop"></a># </p> <p><img class="anchorclass" alt="html中常用標籤的總結總結" >相容性比</p> <h2><span><strong></strong>#好一點,最好使用</span></h2> <p></p> <p> </p> <p></p> # <p></p> <p>回到頂部</p> <p></p> <p></p>表格語法格式<p>:</p> <p> <span style="font-family: 宋体;"></span></p> <table width="" bgcolor="" background="" border="" cellspacing="" cellpadding=""> <span style="font-family: 'Times New Roman';"></span> <span style="font-family: 宋体;"></span><tr>...<td>. ...</td>....</tr> <p> </p> <p>#</p> </table> <span style="font-family: 宋体;"></span> </span></span></p> <p>border</p>邊框寬度預設值為<p><span style="font-family: 宋体;">0</span></p>,既沒有邊框<p></p> <p># <img class="anchorclass" alt="html中常用標籤的總結總結" ></p>cellspacing<h3>表格中儲存格的邊距大小,預設值為兩個像素<strong><span style="max-width:90%"></span> </strong> </h3>cellpadding<p>表格中儲存格之間的間距大小,預設值為兩個像素</p> <p></p> <p></p> <p></p> <p></p>tr<p>元素<span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span># <span style="font-family: 宋体;"></span>語法格式:<span style="font-family: 'Times New Roman';"></span> </p> <p></p> <tr align="" bgcolor="">....</tr> <p> <span style="font-family: 宋体;"></span>align</p>屬性對齊方式可選值如下:<p></p>left,center,tight,<p><img class="anchorclass" alt="html中常用標籤的總結總結" >預設為</p> <h3>left <strong><span style="font-family: 宋体;"></span> </strong> </h3>bgcolor<p> 指定該行的背景顏色</p> <p></p> <p></p> <p><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';">#td</span>元素<span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';">## </span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span></p> <p></p> <p><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span></p> <p></p> <p><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span></p> <p></p> <p><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span></p> <p></p> <p style="text-align: right"><a href="#_labelTop"></a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p>#################################################################################### # ####語法格式:###### ######<td width="###寬度######" height="######高#### ##" align="######水平對齊方式######" valign="#######垂直對齊方式######" bgcolor="" background="" rowspan="######單元格的行跨度######" colapan="######單元格的列跨度######">..... ######### ######align###屬性的可選值有:######left,center,right ######## # #####valign###屬性的選用值有:######top,middle,bottom ######### ######rowspan###和### ###colapan######跨行和跨列的數量,預設為#####1 ######### #########回到頂部### ######<h2><strong>input<span style="max-width:90%">元素語法格式:</span></strong></h2> <p> </p> <p><input type=""></p> <p> </p> <p>#type<span style="font-family: 宋体;">屬性的選用值有: </span></p> <p> </p> <p>text <span style="font-family: 宋体;">單行文字方塊</span></p>## <p></p>屬性:<p>name <span style="font-family: 'Times New Roman';"></span>文字方塊名稱<span style="font-family: 宋体;"></span></p> <p></p>#value <p>文字方塊的初始值<span style="font-family: 宋体;"></span></p> <p></p>size <p>文字方塊的長度<span style="font-family: 宋体;"></span></p> <p></p>#maxlength <p>可輸入字串最大的長度<span style="font-family: 宋体;"></span></p> <p></p>radio <p>單選方塊<span style="font-family: 宋体;"></span></p> <p></p>屬性:<p>name <span style="font-family: 'Times New Roman';"></span>#單選方塊名稱<span style="font-family: 宋体;"></span></p> <p></p>value <p>內部值<span style="font-family: 宋体;"></span></p> <p></p>#checked <p>預設選取<span style="font-family: 宋体;"></span></p> <p></p>## checkbox <p>複選框<span style="font-family: 宋体;"></span></p> <p></p>屬性:<p>name <span style="font-family: 'Times New Roman';"></span>複選框名稱<span style="font-family: 宋体;"></span></p> <p></p> <p><span style="font-family: 宋体;"></span></p> <p></p> <p><span style="font-family: 宋体;"></span></p> <p></p> <p><span style="font-family: 宋体;"></span></p> <p></p> <p><span style="font-family: 宋体;"></span></p> <p>#。 </p>value <p>內部值<span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span></p>checked <p>預設選取</p> <p><span style="font-family: 宋体;"> </span></p>reset <p>重置按鈕</p> <p><span style="font-family: 宋体;"> </span></p>submit <p>確定按鈕</p> <p></p># <p></p>屬性:<p>name <span style="font-family: 宋体;"></span>按鈕名稱</p> <p></p> <p><span style="font-family: 'Times New Roman';">value </span>已顯示在按鈕上的文字<span style="font-family: 宋体;"></span>## </p> <p>password </p>密碼方塊<p><span style="font-family: 宋体;"></span> </p> <p>屬性與文字方塊的屬性完全相同</p> <p> <span style="font-family: 宋体;"></span>file </p>檔案域<p></p> <p> <span style="font-family: 宋体;"></span>屬性:</p>name<p></p>檔案域名稱<p><span style="font-family: 'Times New Roman';"></span> <span style="font-family: 宋体;"></span>size </p>檔案網域的長度<p></p> <p> <span style="font-family: 宋体;"></span>maxlength </p>檔案域可接受的字元數量的上限<p></p> <p># <span style="font-family: 宋体;"></span>hidden </p>隱藏域<p></p> <p> # <span style="font-family: 'Times New Roman';"></span>屬性:<span style="font-family: 宋体;">name </span><span style="font-family: 'Times New Roman';">隱藏域名稱</span><span style="font-family: 宋体;"></span># <span style="font-family: 'Times New Roman';"></span>value </p>內定值<p></p> <p><span style="font-family: 宋体;"></span><span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span></p> <p></p> <p><span style="font-family: 'Times New Roman';"></span></p> <p></p> <p></p># <p></p>image <p>圖片領域</p> <p></p> <p></p>屬性:<p>name </p> <p>要代表的按鈕,可以是</p> <p>submit,reset,</p> <p>或其他</p> <p>. </p> <p></p># <p></p>src <p style="text-align: right">按鈕圖片的<a href="#_labelTop"></a>url <img class="anchorclass" alt="html中常用標籤的總結總結" ></p>地址<h2> <strong><span style="font-family: 宋体;"> </span></strong>列錶框</h2> <select> <p></p> <p> <span style="font-family: 'Times New Roman';"></span>語法格式:</p> <p> </p> <p><select><span style="font-family: 宋体;"></span> </select></p> <p>.....</p> <p> <span style="font-family: 宋体;"></span><option> ....</option><span style="font-family: 'Times New Roman';"></span> <span style="font-family: 宋体;"><a href="http://www.php.cn/code/4996.html" target="_blank">.....</a></span> </p> <p></p></select><p> <span style="font-family: 宋体;"></span></p>回到頂部<p></p> <p><img class="anchorclass" alt="html中常用標籤的總結總結" ></p>select<h3>元素<strong><span style="max-width:90%"></span></strong> </h3> <p>語法格式:</p> <select name="" size="" multiple></select> ######### #####name ###指定列錶框的名字### ###### ######size ###指定列錶框顯示列表項目的條數,如果指定了該參數,######select######元素是個列表,否則是一個###下拉列錶框### ######### ######multiple ###指定了這個參數,則表示該列錶框可選擇多項,否則只可選擇一項目######### ###################option###屬性############ ###<p>語法格式:<span style="font-family: 'Times New Roman';"><option value="" selected></option> </span></p> <p> </p> <p>value <span style="font-family: 宋体;">該清單項目的值</span> </p> <p> </p> <p>selected <span style="font-family: 宋体;">如果設定了這個參數,預設為選定這一項</span></p>## <p></p> <p style="text-align: right">回到上方<a href="#_labelTop"></a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2>多行文字方塊<strong><textarea> <span style="font-family: 'Times New Roman';"></span></textarea></strong> </h2> <p></p> <textarea name="" cols="" rows="" wrap="off/physical/virtual"></textarea><p></p> <p></p>屬性:<p></p> <p></p>#name<p>文字方塊的名稱<span style="font-family: 宋体;"></span></p> <p></p>cols<p>文字方塊的寬度<span style="font-family: 宋体;"></span></p> <p></p>rows<p>文字方塊的高度<span style="font-family: 宋体;"></span></p> <p></p>wrap<p>文字方塊的折行方式可選值有: <span style="font-family: 宋体;"></span>## </p> <p>off</p>不保存換行資訊<p><span style="font-family: 宋体;"></span> </p> <p>physical</p>強迫瀏覽器在傳送訊息到<p><span style="font-family: 宋体;">web</span><span style="font-family: 'Times New Roman';">伺服器端時必須將多行文字方塊的文字一行一行的送出, </span><span style="font-family: 宋体;"></span> </p> <p>#virtual</p>送出連續成串的字除非使用者按回車。 <p><span style="font-family: 宋体;"></span> </p> <p></p>回到頂部<p style="text-align: right"><a href="#_labelTop"></a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p>#css <h2>層疊樣式表<strong><span style="max-width:90%"></span></strong> </h2> <p>引入層疊樣式表的方法包括:</p> <p> </p> <p></p> <p><img class="anchorclass" alt="html中常用標籤的總結總結" ></p>外接式樣式表<h3> <strong></strong> </h3> <p>範例:</p> <p><span style="font-family: 'Times New Roman';"></span># </p> <p><link rel="stylesheet" href="/css%20/default.css"></p> <p> </p> <p></p> <p> </p> <p></p> <p># </p> <p>#....</p> <p> </p> <p></p> <p># </p> <p></p> <p> </p> <p>屬性:</p>rel <p><span style="font-family: 'Times New Roman';">用來說明</span><span style="font-family: 宋体;"><link></span><span style="font-family: 'Times New Roman';">元素在這裡要完成的任務是連接一個獨立的</span><span style="font-family: 宋体;">css</span><span style="font-family: 'Times New Roman';">檔案。而</span><span style="font-family: 宋体;">href</span><span style="font-family: 'Times New Roman';">屬性給出了所要連接</span><span style="font-family: 宋体;">css</span><span style="font-family: 'Times New Roman';">檔案的</span>##url<span style="font-family: 宋体;"></span>位址<span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"> </span></p>內嵌式樣式表:<p></p> <p></p>範例:<p> </p> <p><span style="font-family: 'Times New Roman';"> </span></p> <p></p> <p></p> <style type="text/css"><p> <p>#<!- -<p> <p>td{font:9pt;color:red}<p># <p>.font105{font:10.5pt;color:blue}<p>  <p>--><p> <p></style> <p></p> <p></p> <p> </p> <p></p>....<p></p># <p></p> <p></p> <p></p> <p></p> <p><img class="anchorclass" alt="html中常用標籤的總結總結" >元素內定</p> <h3><strong> </strong></h3>格式:<p></p> <p style="font-size:10.5pt"> </p> <p><span style="font-family: 'Times New Roman';"> </span></p> <p></p> <p><img class="anchorclass" alt="html中常用標籤的總結總結" >匯入式樣式表</p> <h3><strong> </strong></h3>〈<p> html> </p> <p><span style="font-family: 'Times New Roman';"> </span></p> <p></p> <p></p> <style type="text/css"><p> <p><!--<p> <p>@import url(css/home.css);<p> <p>#--&gt ;<p> <p></style> <p></p> <p></p> <p></p> <p></p>#.... <p></p> <p></p> <p></p> <p></p> <p></p> <p></p>#css<p>的優先權</p> <p><span style="font-family: 宋体;"> </span></p>越接近目標的樣式定義優先權越高,高優先權樣式將繼承低優先權樣式的未重疊定義但覆寫重疊的定義<p></p> <p>#</p> <p>如果<span style="font-family: 'Times New Roman';">4</span><span style="font-family: 宋体;">種樣式表對同一元素定義了不同的樣式,那麼他們的優先順序從高到低是,元素內定,內嵌樣式表,導入樣式表,外聯樣式表。 </span></p> <p> </p> <p><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h3><strong>#css<span style="font-family: 宋体;">結構</span></strong></h3> <p> </p> <p>範例:<span style="font-family: 'Times New Roman';">td{font-size:10.5pt;color:#666666} </span></p> <p> </p> <p>css<span style="font-family: 宋体;">樣式包含兩個基礎部分, </span></p> <p> </p> <p>選擇符<span style="font-family: 'Times New Roman';"></span></p> </td> <td> <span style="font-family: 宋体;">與宣告</span><span style="font-family: 'Times New Roman';">{font-size:10.5pt;color:#666666} </span><p> </p> <p>宣告也有兩個部分組成:</p> <p> </p> <p>#屬性<span style="font-family: 'Times New Roman';">font-size,color</span><span style="font-family: 宋体;">#和值</span><span style="font-family: 'Times New Roman';">10.5pt,#666666 </span></p> <p> </p> <p><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h3> <strong>選擇<span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;">## </span></strong>1</h3>元素選擇符<p></p> <p># <span style="font-family: 宋体;"></span>當頁面上多個元素的樣式相同時,可以將多個元素放在一起定義,中間以逗號分開例:</p>td,p,li,input,select{font-size:12px;} <p></p> <p> <span style="font-family: 'Times New Roman';"></span> #2class(</p>類別<p></p>)<p><span style="font-family: 宋体;">選擇符</span><span style="font-family: 'Times New Roman';"></span># <span style="font-family: 宋体;"></span>範例:〈</p>head> <p></p> <p><span style="font-family: 'Times New Roman';"></span></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p>## </p> <p></p> <title>.....</title> <p> </p> <p><style type="text/css"></style></p> <p> </p> <p><!--</p><p> </p><p>.red{font-size:10.5pt;color:#ff0000}</p><p># </p><p>--><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span></p> <p> </p> <p><span style="font-family: 宋体;"></span># <span style="font-family: 'Times New Roman';"></span></p> <p> </p> <p></p> <p class="red"></p>士大夫井岡山地方官<p></p> <p></p> <p> </p> <p></p> <p><span style="font-family: 'Times New Roman';">九連續離開計畫</span></p> <p></p> <p> # </p> <p></p> <p> </p> <p>#還有一個方法就是限定可以套用它的頁面元素</p> <p> </p> <p>#「範例: 〈</p>head> <p></p> <p> </p> <p></p> <title>.....</title> <p> </p> <p>#<style type="text/css"></style></p> <p> </p> <p><!--</p><p> </p><p>h1.red{color:#ff0000}</p> <p> </p><p>--><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span></p> <p> </p> <p><span style="font-family: 宋体;"> </span> <span style="font-family: 'Times New Roman';"></span></p> <p> </p> <p></p> <p class="red"></p>士大夫井岡山地方官<p></p> <p><span style="font-family: 宋体;"></span> </p> <p></p> <h1 class="red">九連續離開計畫</h1> <p><span style="font-family: 'Times New Roman';"># </span><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span><span style="font-family: 宋体;"></span> <span style="font-family: 'Times New Roman';"></span>3 id</p>選擇符<p></p> <p><span style="font-family: 'Times New Roman';"></span></p> <p></p> <p></p> <p></p> <p> </p> <p>與</p>class<p></p>選擇附類似,只是把<p></p>'.'<p></p>#換成<p></p>'#' <p></p> <p> </p> <p>範例:</p> <p></p> <p> </p>##<p></p># <p></p> <style type="text/css"><p> <p>#<!--<p> <p>#select{font -size:18px;color:#0000ff}<p> #######-->###### ######</style>###### # ########### ############ ######<table width="250" border="1 " height="50">###### ######<tr>###### ###<p></p> <td align="center" id="select">id<span style="font-family: 宋体;">Selector</span><span style="font-family: 'Times New Roman';"></span> </td> <p> </p> <p> </p> </tr> <p> </p> <p></p> </table> <p> </p> <p></p> <p> </p> <p></p> <p> </p> <p>We see that when calling <span style="font-family: 'Times New Roman';">ID</span><span style="font-family: 宋体;">, the selection is attached with </span><span style="font-family: 'Times New Roman';">CLASS</span><span style="font-family: 宋体;"> Select Attach Similar, but replace </span><span style="font-family: 'Times New Roman';">class=""</span><span style="font-family: 宋体;"> with </span><span style="font-family: 'Times New Roman';">id=""</span><span style="font-family: 宋体;"> to facilitate the call of page script language</span></p> <p> </p> <p><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h3>##Associative selector<strong></strong> </h3> <p></p> <p> </p> <p></p> <p></p> <p></p> <style type="text/css"><p> <p>&lt ;!--<p> <p>td p{font-size:18px;color:#0000ff}<p> <p>--><p> <p></style> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <table width="250" border="1" height="50"> <p></p> <p></p> <tr> <p></p> <p></p> <td align="center"> <p></p> <p>Association selector<span style="font-family: 宋体;"></span></p> </td> <span style="font-family: 'Times New Roman';"></span> <p></p> </tr> <p></p> <p></p> </table> <p></p> <p></p> <p></p> <p>Associated selection Symbol<span style="font-family: 宋体;"></span></p> <span style="font-family: 'Times New Roman';"></span> <p></p> <p></p> <p></p> <p></p> <p></p>We set the elements <p><span style="font-family: 'Times New Roman';"><p></p></span><span style="font-family: 宋体;"> in the element</span></p> </td> <td> <span style="font-family: 'Times New Roman';"></span> For styles that contain text, the style will take effect only if both conditions are met. <span style="font-family: 宋体;"></span> <p></p>Pseudo-class selector<p></p> <p></p> is a selector that can only be used in the <p>css<span style="font-family: 'Times New Roman';"></span> selector, but cannot be used in the <span style="font-family: 宋体;"></span>html<span style="font-family: 'Times New Roman';"></span> code<span style="font-family: 宋体;"></span></p> <p></p>Example: <p></p> <p></p>〈<p>html> <span style="font-family: 'Times New Roman';"></span></p> <p></p> <p></p> <p></p> <style type="text/css"><p> <p><!--<p> <p>a :link{color:#000000}<p> <p>a:visited{color:#cccccc}<p> <p>a:hover{color:#ff0000} <p> <p>a:active{color:#ooooff}<p> <p>--><p> <p>&lt ;/style><p> <p><p> <p></style> <p></p> <p></p>&lt ;p><a href="#"><p>Associative selector<span style="font-family: 宋体;"></span></p></a><p> <span style="font-family: 'Times New Roman';"></span></p> <p></p>&lt ;p><a href="#"><p>Associative selector<span style="font-family: 宋体;"></span></p></a><p> <span style="font-family: 'Times New Roman';"></span></p> <p></p>&lt ;p><a href="#"><p>Associative selector<span style="font-family: 宋体;"></span></p></a><p> <span style="font-family: 'Times New Roman';"></span></p> <p></p>&lt ;p><a href="#"><p>Associative selector<span style="font-family: 宋体;"></span></p></a><p> <span style="font-family: 'Times New Roman';"></span></p> <p></p>〈 <p>/body> <span style="font-family: 'Times New Roman';"></span></p> <p></p> <p></p> <p></p>The correct order is<p>a:link\a :visited\a:hover<span style="font-family: 'Times New Roman';"></span> Otherwise, the connection colors on the page will be confused<span style="font-family: 宋体;"></span></p> <p></p> <p><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h3><strong>Pseudo-element selector</strong></h3> <p> is similar to the definition of pseudo-class selector. Currently, there are two supported by most browsers: first-line pseudo-element (<span style="font-family: 'Times New Roman';">first-line </span><span style="font-family: 宋体;">) and the first-letter pseudo-element </span><span style="font-family: 'Times New Roman';">(first-letter)</span><span style="font-family: 宋体;"> are used to achieve the effect of capitalizing the first line and sinking the first line</span></p> <p>Example: First line</p> <p></p> <p></p> <p><style></style></p> <p><!--</p> <p>p:first-line{color:red;font-size:20pt}</p><p>--> </p> <p></p> <p>&gt ; </p> <p></p> <p></p> <p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p> <p> </p> <p> html></p> <p>The length changes with the size of the browser window </p> <p>First word</p> <p></p> <p></p> <p> <style></style></p> <p><!--</p><p>p:first-letter{color:red;font-size:50pt;float:left;}</p><p>-- ></p><p></style></p><p></hesd></p><p><body></p><p><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...< /p></p><p></body></p><p></html></p><p>Both of the above can only be applied to block elements</p><p> <a href="#_labelTop" style="text-align: right;">Back to top</a><img class="anchorclass"/ alt="html中常用標籤的總結總結" ></p><h2><strong>css<span style="max-width:90%">Rules</span></strong></h2><p>##1.<strong>Inheritance<span style="font-family: 宋体;"></span></strong></p>Example:<p><html><span style="font-family: &#39;Times New Roman&#39;;"></span></p><head><p></p><style type="text/css"><p></p><!--<p></p>td{font-size:12pt}<p></p>p{color:red}<p></p>--></p> <p></p> <p></p> <p></p> <p></p> <table width="300" border="1" height="150 "> <p></p> <tr> <p></p> <td align="center"> <p></p> <p>css</p> <p>Rules<span style="font-family: 宋体;"></span> </p> <span style="font-family: 'Times New Roman';"></span> </td> <p></p> </tr> </table> <p></p> <p></p> html> <p></p> <p></p> <p> is the highest level<span style="font-family: 宋体;"></span></p> </td> <td> <span style="font-family: 'Times New Roman';"></span>the next two levels<span style="font-family: 宋体;"></span>css<span style="font-family: 'Times New Roman';"></span>Used on an attribute element, the same override, different inheritance, <span style="font-family: 宋体;"></span> <p>2.<strong>Combination<span style="font-family: 宋体;"></span></strong></p>Example<p>:td{font-size:12pt}<span style="font-family: 'Times New Roman';"></span></p>p1{font-size:12pt}<p></p>After combination<p></p>td,.p1{font-size: 12pt}<p></p> <p>3.<strong>Cascade<span style="font-family: 宋体;"></span></strong></p>After it is defined in the style, define another one in the table attribute <p></p> <p></p> <p></p> <style type="text/css"><p><!--<p>red{color :#ff0000 limportant}<p>--><p></style> <p></p> <p></p> <p> </p> <table width="300" border="1" height="150"> <p></p> <tr> <p></p> <td align="center" style=" color:#0000ff" class="red"><p>Juesa local official<span style="font-family: 宋体;"></span></p></td> <span style="font-family: 'Times New Roman';"> </span> </tr> <p></p> </table> <p></p> <p></p> <p></p> <p>css<strong>unit<span style="font-family: 宋体;"></span></strong> </p>Four major categories: <p></p>1 <p>Unit of length<span style="font-family: 宋体;"></span></p>The value can be an integer, a decimal, a positive number, a negative number, <p>0<span style="font-family: 'Times New Roman';"></span>, followed by the unit (do not use negative values ​​lightly) <span style="font-family: 宋体;"></span></p>Conversion relationship: <p></p>1in(<p>inch<span style="font-family: 宋体;"></span>)=6pc(<span style="font-family: 'Times New Roman';"></span>pie<span style="font-family: 宋体;"></span></p>1in(<p>inch<span style="font-family: 宋体;"></span>)=72pt(<span style="font-family: 'Times New Roman';"></span>pound<span style="font-family: 宋体;"></span>)<span style="font-family: 'Times New Roman';"></span></p> <p>1in(<span style="font-family: 宋体;">inch</span><span style="font-family: 'Times New Roman';">)=2.54(</span><span style="font-family: 宋体;">cm</span><span style="font-family: 'Times New Roman';">)</span></p> <p>1cm(<span style="font-family: 宋体;">cm</span><span style="font-family: 'Times New Roman';">)=10mm(</span><span style="font-family: 宋体;">MM</span><span style="font-family: 'Times New Roman';">)</span></p> <p>1cm(<span style="font-family: 宋体;">CM</span><span style="font-family: 'Times New Roman';">)=0.3937(</span> <span style="font-family: 宋体;">inch</span><span style="font-family: 'Times New Roman';">)</span></p> <p>1pt(<span style="font-family: 宋体;">pound</span><span style="font-family: 'Times New Roman';">)=1/72in(</span><span style="font-family: 宋体;">inch</span><span style="font-family: 'Times New Roman';">)=0.2478mm(</span><span style="font-family: 宋体;">MM</span><span style="font-family: 'Times New Roman';">)</span></p> <p>1pc(<span style="font-family: 宋体;"> Pie</span><span style="font-family: 'Times New Roman';">)=1/6in(</span> <span style="font-family: 宋体;">inch</span><span style="font-family: 'Times New Roman';">)=</span><span style="font-family: 宋体;">The size of my country’s new No. 4 lead type</span></p> <p>2 <span style="font-family: 宋体;">Percentage unit</span></p> <p>3 <span style="font-family: 宋体;">Color unit</span></p> <p>4 url<span style="font-family: 宋体;">Unit</span></p> <p> <a href="#_labelTop" style="text-align: right;">Back to top</a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2>p<span style="font-family: 宋体;">Attribute</span> </h2> <p>color : #999999 <span style="font-family: 宋体;">Text color</span></p> <p>font-family : <span style="font-family: 宋体;">宋体font</span></p> <p>font -size: 10pt <span style="font-family: 宋体;">Text size</span></p>##font-style:itelic <p>Text italic sports<span style="font-family: 宋体;"></span></p>font-variant:small-caps <p>small font <span style="font-family: 宋体;"></span></p> <p>letter-spacing<a href="http://www.php.cn/wiki/865.html" target="_blank"> : 1pt </a>Text spacing<span style="font-family: 宋体;"></span></p>line-height : 200% <p>Set line height<span style="font-family: 宋体;"> </span></p>font-weight:bold <p>Bold text<span style="font-family: 宋体;"></span></p> <p>vertical-align<a href="http://www.php.cn/wiki/869.html" target="_blank">:sub </a>subscript<span style="font-family: 宋体;"></span></p>vertical-align:super <p>Superscript<span style="font-family: 宋体;"></span></p> <p>text-decoration<a href="http://www.php.cn/wiki/859.html" target="_blank">:line-through </a>Add<span style="font-family: 宋体;"></span>html中常用標籤的總結總結h<span style="font-family: 'Times New Roman';"> </span>Except line<span style="font-family: 宋体;"></span></p>text-decoration:overline <p>Add top line<span style="font-family: 宋体;"> </span></p>text-decoration:underline <p>Add underline<span style="font-family: 宋体;"></span> </p>text-decoration:none html中常用標籤的總結總結h<p>Except for connecting the bottom line<span style="font-family: 宋体;"></span></p> <p>text-transform<a href="http://www.php.cn/wiki/863.html" target="_blank"> : capitalize </a>Capitalize the first word<span style="font-family: 宋体;"></span></p>text-transform : uppercase <p>English uppercase<span style="font-family: 宋体;"></span></p>text-transform : lowercase <p>English writing<span style="font-family: 宋体;"></span></p>text-align:right <p>Text<span style="font-family: 宋体;"></span>*<span style="font-family: 'Times New Roman';"></span>Align right<span style="font-family: 宋体;"></span></p>text-align:left <p>Text-align<span style="font-family: 宋体;"></span>*<span style="font-family: 'Times New Roman';"></span>Align left<span style="font-family: 宋体;"></span></p>text-align:center <p>Text-center alignment<span style="font-family: 宋体;"></span></p>These are some simple text effects that can be applied to <p>css<span style="font-family: 'Times New Roman';"></span> pages . <span style="font-family: 宋体;"></span></p> <p style="text-align: right">Back to top<a href="#_labelTop"></a><img class="anchorclass" alt="html中常用標籤的總結總結" ></p> <h2>Background<strong> </strong> </h2>TEXTAREA STYLE="border:1px dashed pink" ><p></p>solid line <p></p> <textarea style="border:1px solid pink"><p></p> <p><br></p></textarea> </td> </dd> </dl> </table> </table> </table> </table> </table></noframe></multiple> </frameset> </frameset> </form> </dt> </center> </caption></a> </frameset> </frameset> </frameset> </frameset> </frameset> </frameset> </table></marquee><p>以上是html中常用標籤的總結總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>相關標籤:</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/zh-tw/search?word=html" target="_blank">html</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/zh-tw/search?word=常用" target="_blank">常用</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/zh-tw/search?word=總結" target="_blank">總結</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/zh-tw/search?word=標籤" target="_blank">標籤</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/zh-tw/search?word=匯總" target="_blank">匯總</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">來源:php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/zh-tw/faq/367595.html" title="常見全域屬性的總結分享"> <span>上一篇:常見全域屬性的總結分享</span> </a> <a href="https://www.php.cn/zh-tw/faq/367598.html" title="有關html標籤解釋大全"> <span>下一篇:有關html標籤解釋大全</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">本網站聲明</div> <div>本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn</div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">作者最新文章</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/375959.html">如何為php數組添加元素</a> </div> <div>2023-03-14 15:58:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/377752.html">實例展示JS實現簡單的選擇題測評系統</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/376780.html">PHP限制相同IP多次提交的解決辦法</a> </div> <div>2023-03-15 07:38:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/362217.html">HTML中以正規表示式實作表格驗證</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/379000.html">有關JavaScript嚴格模式下this的指向問題詳解</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/377851.html">Java建構樹狀選單(包含多層選單)的實例程式碼</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/376633.html">CSS3實現hover離開時平滑過渡的實例詳解</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/370599.html">Swiper輪播圖原始碼分享解析</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/378766.html">總結整理VsCode插件</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/zh-tw/faq/373935.html">HttpUtils請求工具類別的程式碼</a> </div> <div>1970-01-01 08:00:00</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">最新問題</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/zh-tw/wenda/176403.html" target="_blank" title="PX自動轉換為REM錯誤" class="wdcdcTitle">PX自動轉換為REM錯誤</a> <a href="https://www.php.cn/zh-tw/wenda/176403.html" class="wdcdcCons">&lt;style&gt;html {   字體大小:calc(100vw / 3.75); }body {    字體大小:0.16rem; }&lt;/style&gt;&lt...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-16 09:34:16</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>4687</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/zh-tw/wenda/176396.html" target="_blank" title="頁面突然無法拉動 css 或 bootstrap" class="wdcdcTitle">頁面突然無法拉動 css 或 bootstrap</a> <a href="https://www.php.cn/zh-tw/wenda/176396.html" class="wdcdcCons">所以我正在開發一個頁面,我昨天做了一部分,效果很好,今天我繼續做剩下的部分,一切都很好。當我嘗試將其作為普通html頁面打開時,CSS或BOOTSTRAP不起作用,僅顯示頁面文本,...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-06 21:58:04</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>800</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/zh-tw/wenda/176386.html" target="_blank" title="解決CSS中頁面底部神秘空白的方法" class="wdcdcTitle">解決CSS中頁面底部神秘空白的方法</a> <a href="https://www.php.cn/zh-tw/wenda/176386.html" class="wdcdcCons">我正在嘗試使用Bootstrap和D3建立一個簡單的網頁,但我不知道如何消除底部的所有空白。我想擺脫它。我嘗試將body和html的min-height設定為100%,但沒有任何作...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-06 20:22:15</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>454</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/zh-tw/wenda/176383.html" target="_blank" title="如何在 livewire 惰性佔位符中使用 laravel 元件" class="wdcdcTitle">如何在 livewire 惰性佔位符中使用 laravel 元件</a> <a href="https://www.php.cn/zh-tw/wenda/176383.html" class="wdcdcCons">我想在livewire3佔位符內添加我的laravel組件的骨架到目前為止我已經嘗試過:通過包含Laravel組件來實現Livewire類:publicfunctionplaceh...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-06 20:02:10</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>543</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/zh-tw/wenda/176364.html" target="_blank" title="用 HTML 程式碼(從陣列產生)取代字串的頂級方法" class="wdcdcTitle">用 HTML 程式碼(從陣列產生)取代字串的頂級方法</a> <a href="https://www.php.cn/zh-tw/wenda/176364.html" class="wdcdcCons">給定一個像這樣的字串...$htmlPattern=&quot;Usernameis:#name#andusercompanyis#company#&quot;;如何將子字串#na...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-06 17:40:41</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>410</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>相關專題</div> <a href="https://www.php.cn/zh-tw/faq/zt" target="_blank">更多> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlbq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214431586789.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html版權符號" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlbq" class="title-a-spanl" title="html版權符號"><span>html版權符號</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlzxbjq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214403473154.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html線上編輯器" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlzxbjq" class="title-a-spanl" title="html線上編輯器"><span>html線上編輯器</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlwyzz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214275948120.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html網頁製作" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlwyzz" class="title-a-spanl" title="html網頁製作"><span>html網頁製作</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlkg"><img src="https://img.php.cn/upload/subject/202407/22/2024072214273274014.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html空格" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlkg" class="title-a-spanl" title="html空格"><span>html空格</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214210727109.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html是什麼" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlssm" class="title-a-spanl" title="html是什麼"><span>html是什麼</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlztdxzmsz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214205132478.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html字體大小怎麼設定" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlztdxzmsz" class="title-a-spanl" title="html字體大小怎麼設定"><span>html字體大小怎麼設定</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlztxt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214125629445.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html轉txt" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlztxt" class="title-a-spanl" title="html轉txt"><span>html轉txt</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlwbkdmzmx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214120496282.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html文字框程式碼怎麼寫" /> </a> <a target="_blank" href="https://www.php.cn/zh-tw/faq/htmlwbkdmzmx" class="title-a-spanl" title="html文字框程式碼怎麼寫"><span>html文字框程式碼怎麼寫</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzrOne"> <div class="wzroTitle">熱門推薦</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="url是什麼意思?" href="https://www.php.cn/zh-tw/faq/418772.html">url是什麼意思?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="DOM是什麼意思" href="https://www.php.cn/zh-tw/faq/414303.html">DOM是什麼意思</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="如何改變圖片大小" href="https://www.php.cn/zh-tw/faq/414252.html">如何改變圖片大小</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="HTML中如何將字型加粗" href="https://www.php.cn/zh-tw/faq/414520.html">HTML中如何將字型加粗</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="html圖片大小如何設定" href="https://www.php.cn/zh-tw/faq/475145.html">html圖片大小如何設定</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>熱門教學</div> <a target="_blank" href="https://www.php.cn/zh-tw/course.html">更多> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">相關教學 <div></div></div> <div class="tabdiv swiper-slide" data-id="two">熱門推薦<div></div></div> <div class="tabdiv swiper-slide" data-id="three">最新課程<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/812.html" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" href="https://www.php.cn/zh-tw/course/812.html">最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)</a> <div class="wzrthreerb"> <div>1421889 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/74.html" title="php入門教程之一週學會PHP" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="php入門教程之一週學會PHP"/> </a> <div class="wzrthree-right"> <a target="_blank" title="php入門教程之一週學會PHP" href="https://www.php.cn/zh-tw/course/74.html">php入門教程之一週學會PHP</a> <div class="wzrthreerb"> <div>4266482 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/286.html" title="JAVA 初級入門影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初級入門影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初級入門影片教學" href="https://www.php.cn/zh-tw/course/286.html">JAVA 初級入門影片教學</a> <div class="wzrthreerb"> <div>2520853 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/504.html" title="小甲魚零基礎入門學習Python影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲魚零基礎入門學習Python影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲魚零基礎入門學習Python影片教學" href="https://www.php.cn/zh-tw/course/504.html">小甲魚零基礎入門學習Python影片教學</a> <div class="wzrthreerb"> <div>506668 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/2.html" title="PHP 零基礎入門教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP 零基礎入門教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 零基礎入門教學" href="https://www.php.cn/zh-tw/course/2.html">PHP 零基礎入門教學</a> <div class="wzrthreerb"> <div>861719 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/812.html" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" href="https://www.php.cn/zh-tw/course/812.html">最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)</a> <div class="wzrthreerb"> <div >1421889次學習</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/286.html" title="JAVA 初級入門影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初級入門影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初級入門影片教學" href="https://www.php.cn/zh-tw/course/286.html">JAVA 初級入門影片教學</a> <div class="wzrthreerb"> <div >2520853次學習</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/504.html" title="小甲魚零基礎入門學習Python影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲魚零基礎入門學習Python影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲魚零基礎入門學習Python影片教學" href="https://www.php.cn/zh-tw/course/504.html">小甲魚零基礎入門學習Python影片教學</a> <div class="wzrthreerb"> <div >506668次學習</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/901.html" title="Web前端開發極速入門" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web前端開發極速入門"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Web前端開發極速入門" href="https://www.php.cn/zh-tw/course/901.html">Web前端開發極速入門</a> <div class="wzrthreerb"> <div >215685次學習</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/234.html" title="零基礎精通 PS 影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基礎精通 PS 影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="零基礎精通 PS 影片教學" href="https://www.php.cn/zh-tw/course/234.html">零基礎精通 PS 影片教學</a> <div class="wzrthreerb"> <div >887279次學習</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1648.html" title="【web前端】Node.js快速入門" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入門"/> </a> <div class="wzrthree-right"> <a target="_blank" title="【web前端】Node.js快速入門" href="https://www.php.cn/zh-tw/course/1648.html">【web前端】Node.js快速入門</a> <div class="wzrthreerb"> <div >7294次學習</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1647.html" title="國外Web開發全端課程全集" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="國外Web開發全端課程全集"/> </a> <div class="wzrthree-right"> <a target="_blank" title="國外Web開發全端課程全集" href="https://www.php.cn/zh-tw/course/1647.html">國外Web開發全端課程全集</a> <div class="wzrthreerb"> <div >5697次學習</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1646.html" title="Go語言實戰之 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go語言實戰之 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go語言實戰之 GraphQL" href="https://www.php.cn/zh-tw/course/1646.html">Go語言實戰之 GraphQL</a> <div class="wzrthreerb"> <div >4778次學習</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1645.html" title="550W粉絲大佬手把手從零學JavaScript" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉絲大佬手把手從零學JavaScript"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W粉絲大佬手把手從零學JavaScript" href="https://www.php.cn/zh-tw/course/1645.html">550W粉絲大佬手把手從零學JavaScript</a> <div class="wzrthreerb"> <div >680次學習</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/zh-tw/course/1644.html" title="python大神Mosh,零基礎小白6小時完全入門" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh,零基礎小白6小時完全入門"/> </a> <div class="wzrthree-right"> <a target="_blank" title="python大神Mosh,零基礎小白6小時完全入門" href="https://www.php.cn/zh-tw/course/1644.html">python大神Mosh,零基礎小白6小時完全入門</a> <div class="wzrthreerb"> <div >24121次學習</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>最新下載</div> <a href="https://www.php.cn/zh-tw/xiazai">更多> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">網站特效 <div></div></div> <div class="swiper-slide" data-id="twof">網站源碼<div></div></div> <div class="swiper-slide" data-id="threef">網站素材<div></div></div> <div class="swiper-slide" data-id="fourf">前端模板<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery企業留言表單聯絡程式碼" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8071">[表單按鈕] jQuery企業留言表單聯絡程式碼</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3音樂盒播放特效" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8070">[播放器特效] HTML5 MP3音樂盒播放特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5酷炫粒子動畫導覽選單特效" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8069">[選單導航] HTML5酷炫粒子動畫導覽選單特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery可視化表單拖曳編輯程式碼" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8068">[表單按鈕] jQuery可視化表單拖曳編輯程式碼</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS仿酷狗音樂播放器代碼" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8067">[播放器特效] VUE.JS仿酷狗音樂播放器代碼</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="經典html5推箱子小遊戲" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8066">[html5特效] 經典html5推箱子小遊戲</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery滾動添加或減少圖片特效" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8065">[圖片特效] jQuery滾動添加或減少圖片特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3個人相簿封面懸停放大特效" href="https://www.php.cn/zh-tw/toolset/js-special-effects/8064">[相簿特效] CSS3個人相簿封面懸停放大特效</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8328" title="家居裝潢清潔維修服務公司網站模板" target="_blank">[前端模板] 家居裝潢清潔維修服務公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8327" title="清新配色個人求職履歷引導頁模板" target="_blank">[前端模板] 清新配色個人求職履歷引導頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8326" title="設計師創意求職履歷網頁模板" target="_blank">[前端模板] 設計師創意求職履歷網頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8325" title="現代工程建築公司網站模板" target="_blank">[前端模板] 現代工程建築公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8324" title="教育服務機構響應式HTML5模板" target="_blank">[前端模板] 教育服務機構響應式HTML5模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8323" title="網上電子書店商城網站模板" target="_blank">[前端模板] 網上電子書店商城網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8322" title="IT技術解決互聯網公司網站模板" target="_blank">[前端模板] IT技術解決互聯網公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8321" title="紫色風格外匯交易服務網站模板" target="_blank">[前端模板] 紫色風格外匯交易服務網站模板</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3078" target="_blank" title="可愛的夏天元素向量素材(EPS+PNG)">[PNG素材] 可愛的夏天元素向量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3077" target="_blank" title="四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)">[PNG素材] 四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3076" target="_blank" title="唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)">[banner圖] 唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3075" target="_blank" title="金色的畢業帽向量素材(EPS+PNG)">[PNG素材] 金色的畢業帽向量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3074" target="_blank" title="黑白風格的山脈圖示向量素材(EPS+PNG)">[PNG素材] 黑白風格的山脈圖示向量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3073" target="_blank" title="不同顏色披風和不同姿勢的超級英雄剪影向量素材(EPS+PNG)">[PNG素材] 不同顏色披風和不同姿勢的超級英雄剪影向量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3072" target="_blank" title="扁平風格的植樹節banner向量素材(AI+EPS)">[banner圖] 扁平風格的植樹節banner向量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-materials/3071" target="_blank" title="九種漫畫風格的爆炸聊天氣泡向量素材(EPS+PNG)">[PNG素材] 九種漫畫風格的爆炸聊天氣泡向量素材(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8328" target="_blank" title="家居裝潢清潔維修服務公司網站模板">[前端模板] 家居裝潢清潔維修服務公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8327" target="_blank" title="清新配色個人求職履歷引導頁模板">[前端模板] 清新配色個人求職履歷引導頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8326" target="_blank" title="設計師創意求職履歷網頁模板">[前端模板] 設計師創意求職履歷網頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8325" target="_blank" title="現代工程建築公司網站模板">[前端模板] 現代工程建築公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8324" target="_blank" title="教育服務機構響應式HTML5模板">[前端模板] 教育服務機構響應式HTML5模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8323" target="_blank" title="網上電子書店商城網站模板">[前端模板] 網上電子書店商城網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8322" target="_blank" title="IT技術解決互聯網公司網站模板">[前端模板] IT技術解決互聯網公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/zh-tw/toolset/website-source-code/8321" target="_blank" title="紫色風格外匯交易服務網站模板">[前端模板] 紫色風格外匯交易服務網站模板</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>公益線上PHP培訓,幫助PHP學習者快速成長!</p> </div> <div class="footermid"> <a href="https://www.php.cn/zh-tw/about/us.html">關於我們</a> <a href="https://www.php.cn/zh-tw/about/disclaimer.html">免責聲明</a> <a href="https://www.php.cn/zh-tw/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1733372598"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>