明輝手游網(wǎng)中心：是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

html中的標(biāo)簽詳細(xì)說明

發(fā)表時間：2023-09-10 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]HTML標(biāo)簽是HTML語言中最基本的單位，HTML標(biāo)簽是HTML最重要的組成部分。網(wǎng)頁的內(nèi)容需在<html>標(biāo)簽中，標(biāo)題、字符格式、語言、兼容性、關(guān)鍵字、描述等信息顯示在<head>標(biāo)簽中，而網(wǎng)頁需展示的內(nèi)容需嵌套在<body>標(biāo)簽中。某些時候不按標(biāo)準(zhǔn)書寫代碼雖...
HTML標(biāo)簽是HTML語言中最基本的單位，HTML標(biāo)簽是HTML最重要的組成部分。網(wǎng)頁的內(nèi)容需在<html>標(biāo)簽中，標(biāo)題、字符格式、語言、兼容性、關(guān)鍵字、描述等信息顯示在<head>標(biāo)簽中，而網(wǎng)頁需展示的內(nèi)容需嵌套在<body>標(biāo)簽中。某些時候不按標(biāo)準(zhǔn)書寫代碼雖然可以正常顯示，但還是應(yīng)該養(yǎng)成正規(guī)編寫習(xí)慣。


1.文檔結(jié)構(gòu)標(biāo)簽:主要用來標(biāo)識文檔的基本結(jié)構(gòu)

a) <html></html>:標(biāo)識HTML文檔的起始和終止

b) <head></head>:標(biāo)識HTML文檔的頭部區(qū)域

c) <body></body>:標(biāo)識HTML文檔的主體區(qū)域

2.文本格式標(biāo)簽:主要用來標(biāo)識文本區(qū)塊,并附帶一定的顯示格式

a) <title></title>:表識網(wǎng)頁標(biāo)題

b) <hi></hi>:標(biāo)識標(biāo)題文本,其中i表示1~6,分別表示一級、二級等標(biāo)題

c) <p></p>:標(biāo)識段落文本

d) <pre></pre>:標(biāo)識預(yù)定義文本

e) <blockquote></blockquote>:標(biāo)識引用文本

3.字符格式標(biāo)簽:主要用來標(biāo)識部分文本字符的語義,如加粗/斜體/下劃線顯示

a) <b></b>:標(biāo)識強(qiáng)調(diào)文本,以加粗效果顯示

b) <i></i>:標(biāo)識引用文本,以斜體效果顯示

c) <blink></blink>:標(biāo)識閃爍文本,以閃爍效果顯示(IE瀏覽器不支持該標(biāo)簽)

d) <big></big>/<small></small>:標(biāo)識放大/縮小文本,以放大/縮小效果顯示

e) <sup></sup>:標(biāo)識上文本,以上標(biāo)效果顯示

f) <sub></sub>:標(biāo)識下文本,以下標(biāo)效果顯示

g) <cite></cite>:標(biāo)識引用文本,以引用效果顯示

使用各種字符格式標(biāo)簽顯示一個數(shù)學(xué)方程式的解法

<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>字符格式標(biāo)簽</title>
</head>
<body>
<p>針對下面這個一元二次方程:</p>
<p><i>x</i><sup>2</sup>-<b>5</b><i>x</i>+<b>4</b>=0</p>
<p>我們使用<big><b>分解因式法</b></big>來演示解題如下:</p>
<p><small>由:</small>(<i>x</i>-1)(<i>x</i>-4)=0</p>
<p><small>得:</small><br/><i>x</i><sub>1</sub>=1
<br/><i>x</i><sub>2</sub>=4</p>
</body>
</html>

4.列表標(biāo)簽:在HTML中列表結(jié)構(gòu)可以分為兩種類型:有序列表和無序列表.無序列表使用項目符號來標(biāo)識列表,而有序列表則是用編號來標(biāo)識列表的項目順序.

a) <ul><li>...</li></ul>:標(biāo)識無序列表.<li></li>:標(biāo)識列表項目

b) <ol><li>...</li></ol>:標(biāo)識有序列表.<li></li>:標(biāo)識列表項目

i. 使用無序列表和有序列表分別顯示一元二次方程求解的4種方法

<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>列表標(biāo)簽</title>
</head>
<body>
<h1>解一元二次方程</h1>
<p>無序列表列出4種方法:</p>
<ul>
<li>直接開平方法</li>
<li>配方法</li>
<li>公式法</li>
<li>分解因式法</li>
</ul>
<p>有序列表列出4種方法:</p>
<ol>
<li>直接開平方法</li>
<li>配方法</li>
<li>公式法</li>
<li>分解因式法</li>
</ol>
</body>
</html>

c) <dl><dt>...</dt><dd>...</dd></dl>:自定義列表,包括詞條和解釋兩部分內(nèi)容.

i. <dl></dl>標(biāo)識定義列表;<dt></dt>:標(biāo)識詞條;<dd></dd>:標(biāo)識解釋

ii. 使用定義列表顯示兩個成語的解釋

<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>列表標(biāo)簽</title>
</head>
<body>
<dl>
<dt>知無不言,言無不盡</dt>
<dd>知道的就說，要說就毫無不保留</dd>
<dt>智者千慮,必有一失</dt>
<dd>不管多聰明的人,在很多的考慮中,也一定會出現(xiàn)個別錯誤</dd>
</dl>
</body>
</html>


5.鏈接標(biāo)簽:實現(xiàn)把多個網(wǎng)頁聯(lián)系在一起

a) <a></a>:標(biāo)識超鏈接.還可以定義錨點.錨點是一類特殊的超鏈接,它可以定位帶網(wǎng)頁中某個具體的位置.例如在下面實例中單擊超鏈接文本,就可以跳轉(zhuǎn)到頁面的頂部.

<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>鏈接標(biāo)簽</title>
</head>
<body>
<spanid="top">底部錨點位置</span>
<divid="box"style="height:2000px;border:solid1px red">撐開瀏覽器的滾動條</div>
<ahref="#top">單擊返回頂部</a>
</body>
</html>

6.多媒體標(biāo)簽:主要用于引入外部多媒體文件進(jìn)行顯示.

a) <img></img>:嵌入圖像

b) <embed></embed>:嵌入多媒體

c) <object></object>:嵌入多媒體

7.表格標(biāo)簽:用來組織和管理數(shù)據(jù).

a) <table></table>:定義表格結(jié)構(gòu)

b) <caption></caption>:定義表格標(biāo)題

c) <th></th>:定義表頭

d) <tr><td>...</td></tr>:<tr></tr>定義表格行;<td>...</td>定義表格單元格

<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>表格</title>
</head>
<body>
<tablesummary="使用表格結(jié)構(gòu)顯示3行2列數(shù)據(jù)集"border="1">
<caption>ASCII字符集</caption>
<tr>
<th>十進(jìn)制</th>
<th>十六進(jìn)制</th>
</tr>
<tr>
<td>9</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>A</td>
</tr>
</table>
</body>
</html>

8.表單標(biāo)簽:主要用來制作交互式表單.

a) <form></form>:定義表單結(jié)構(gòu)

b) <input/>:定義文本域、按鈕和復(fù)選

c) <textarea></textarea>:定義多行文本框

d) <select></select>:定義下拉列表

e) <option></option>:定義下拉列表中選擇項目

<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>表單</title>
</head>
<body>
<formaction=""method="post">
<p>單行文本域:<inputtype="text"/></p>
<p>密碼域:<inputtype="password"/></p>
<p>多行文本域:<textareaname="textareafield"value=""></textarea></p>
<p>復(fù)選框:<br>復(fù)選框1<inputtype="checkbox"name="box1"value=""/>跳舞<br>
復(fù)選框2<inputtype="checkbox"name="box2"value=""/>唱歌<br>
</p>
<p>單選按鈕:
<inputtype="radio"name="radio"value="nan">按鈕1
<inputtype="radio"name="radio"value="nv">按鈕2<br>
</p>
<p>下拉菜單:
<selectname="selectlist">
<optionvalue="1">選項1</option>
<optionvalue="2">選項2</option>
<optionvalue="3">選項3</option>
</select>
</p>
<p><inputtype="submit"name="button"id="button"value="提交"/></p>
</form>
</body>
</html>

相關(guān)推薦：

如何讓數(shù)據(jù)里html字段轉(zhuǎn)換為HTML標(biāo)簽

html標(biāo)簽分類

帶有html標(biāo)簽的字符串轉(zhuǎn)換為HTML標(biāo)簽

以上就是html中的標(biāo)簽詳解的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。