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