溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹html中的標(biāo)簽是什么，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！
HTML標(biāo)簽是HTML語(yǔ)言中最基本的單位，HTML標(biāo)簽是HTML最重要的組成部分。網(wǎng)頁(yè)的內(nèi)容需在<html>標(biāo)簽中，標(biāo)題、字符格式、語(yǔ)言、兼容性、關(guān)鍵字、描述等信息顯示在<head>標(biāo)簽中，而網(wǎng)頁(yè)需展示的內(nèi)容需嵌套在<body>標(biāo)簽中。某些時(shí)候不按標(biāo)準(zhǔn)書(shū)寫(xiě)代碼雖然可以正常顯示，但還是應(yīng)該養(yǎng)成正規(guī)編寫(xiě)習(xí)慣。
1.文檔結(jié)構(gòu)標(biāo)簽:主要用來(lái)標(biāo)識(shí)文檔的基本結(jié)構(gòu)
a) <html></html>:標(biāo)識(shí)HTML文檔的起始和終止
b) <head></head>:標(biāo)識(shí)HTML文檔的頭部區(qū)域
c) <body></body>:標(biāo)識(shí)HTML文檔的主體區(qū)域
2.文本格式標(biāo)簽:主要用來(lái)標(biāo)識(shí)文本區(qū)塊,并附帶一定的顯示格式
a) <title></title>:表識(shí)網(wǎng)頁(yè)標(biāo)題
b) <hi></hi>:標(biāo)識(shí)標(biāo)題文本,其中i表示1~6,分別表示一級(jí)、二級(jí)等標(biāo)題
c) <p></p>:標(biāo)識(shí)段落文本
d) <pre></pre>:標(biāo)識(shí)預(yù)定義文本
e) <blockquote></blockquote>:標(biāo)識(shí)引用文本
3.字符格式標(biāo)簽:主要用來(lái)標(biāo)識(shí)部分文本字符的語(yǔ)義,如加粗/斜體/下劃線(xiàn)顯示
a) <b></b>:標(biāo)識(shí)強(qiáng)調(diào)文本,以加粗效果顯示
b) <i></i>:標(biāo)識(shí)引用文本,以斜體效果顯示
c) <blink></blink>:標(biāo)識(shí)閃爍文本,以閃爍效果顯示(IE瀏覽器不支持該標(biāo)簽)
d) <big></big>/<small></small>:標(biāo)識(shí)放大/縮小文本,以放大/縮小效果顯示
e) <sup></sup>:標(biāo)識(shí)上文本,以上標(biāo)效果顯示
f) <sub></sub>:標(biāo)識(shí)下文本,以下標(biāo)效果顯示
g) <cite></cite>:標(biāo)識(shí)引用文本,以引用效果顯示
使用各種字符格式標(biāo)簽顯示一個(gè)數(shù)學(xué)方程式的解法
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>字符格式標(biāo)簽</title>
</head>
<body>
<p>針對(duì)下面這個(gè)一元二次方程:</p>
<p><i>x</i><sup>2</sup>-<b>5</b><i>x</i>+<b>4</b>=0</p>
<p>我們使用<big><b>分解因式法</b></big>來(lái)演示解題如下:</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)可以分為兩種類(lèi)型:有序列表和無(wú)序列表.無(wú)序列表使用項(xiàng)目符號(hào)來(lái)標(biāo)識(shí)列表,而有序列表則是用編號(hào)來(lái)標(biāo)識(shí)列表的項(xiàng)目順序.
a) <ul><li>...</li></ul>:標(biāo)識(shí)無(wú)序列表.<li></li>:標(biāo)識(shí)列表項(xiàng)目
b) <ol><li>...</li></ol>:標(biāo)識(shí)有序列表.<li></li>:標(biāo)識(shí)列表項(xiàng)目
i. 使用無(wú)序列表和有序列表分別顯示一元二次方程求解的4種方法
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>列表標(biāo)簽</title>
</head>
<body>
<h2>解一元二次方程</h2>
<p>無(wú)序列表列出4種方法:</p>
<ul>
<li>直接開(kāi)平方法</li>
<li>配方法</li>
<li>公式法</li>
<li>分解因式法</li>
</ul>
<p>有序列表列出4種方法:</p>
<ol>
<li>直接開(kāi)平方法</li>
<li>配方法</li>
<li>公式法</li>
<li>分解因式法</li>
</ol>
</body>
</html>
c) <dl><dt>...</dt><dd>...</dd></dl>:自定義列表,包括詞條和解釋兩部分內(nèi)容.
i. <dl></dl>標(biāo)識(shí)定義列表;<dt></dt>:標(biāo)識(shí)詞條;<dd></dd>:標(biāo)識(shí)解釋
ii. 使用定義列表顯示兩個(gè)成語(yǔ)的解釋
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>列表標(biāo)簽</title>
</head>
<body>
<dl>
<dt>知無(wú)不言,言無(wú)不盡</dt>
<dd>知道的就說(shuō)，要說(shuō)就毫無(wú)不保留</dd>
<dt>智者千慮,必有一失</dt>
<dd>不管多聰明的人,在很多的考慮中,也一定會(huì)出現(xiàn)個(gè)別錯(cuò)誤</dd>
</dl>
</body>
</html>
5.鏈接標(biāo)簽:實(shí)現(xiàn)把多個(gè)網(wǎng)頁(yè)聯(lián)系在一起
a) <a></a>:標(biāo)識(shí)超鏈接.還可以定義錨點(diǎn).錨點(diǎn)是一類(lèi)特殊的超鏈接,它可以定位帶網(wǎng)頁(yè)中某個(gè)具體的位置.例如在下面實(shí)例中單擊超鏈接文本,就可以跳轉(zhuǎn)到頁(yè)面的頂部.
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>鏈接標(biāo)簽</title>
</head>
<body>
<spanid="top">底部錨點(diǎn)位置</span>
<divid="box"style="height:2000px;border:solid1px red">撐開(kāi)瀏覽器的滾動(dòng)條</div>
<ahref="#top">單擊返回頂部</a>
</body>
</html>
6.多媒體標(biāo)簽:主要用于引入外部多媒體文件進(jìn)行顯示.
a) <img></img>:嵌入圖像
b) <embed></embed>:嵌入多媒體
c) <object></object>:嵌入多媒體
7.表格標(biāo)簽:用來(lái)組織和管理數(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)簽:主要用來(lái)制作交互式表單.
a) <form></form>:定義表單結(jié)構(gòu)
b) <input/>:定義文本域、按鈕和復(fù)選
c) <textarea></textarea>:定義多行文本框
d) <select></select>:定義下拉列表
e) <option></option>:定義下拉列表中選擇項(xiàng)目
<!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">選項(xiàng)1</option>
<optionvalue="2">選項(xiàng)2</option>
<optionvalue="3">選項(xiàng)3</option>
</select>
</p>
<p><inputtype="submit"name="button"id="button"value="提交"/></p>
</form>
</body>
</html>
以上是“html中的標(biāo)簽是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
