溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html中常用標簽有哪些

發(fā)布時間：2020-12-05 10:15:21 來源：億速云 閱讀：182 作者：小新 欄目：web開發(fā)

這篇文章主要介紹了html中常用標簽有哪些，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

1.1 標簽的分類

1.1.1 按主體分類：

1.帶主體的標簽：如<font>數(shù)據(jù) </font>

2.不帶主體的標簽：如<br/> 換行標簽

判斷一個表是否需要帶主體，你可以思考該標簽是否需要封裝數(shù)據(jù)，如果需要封裝數(shù)據(jù)，那么該標簽必定帶主體，如果不需要封裝數(shù)據(jù)，那么就不需要帶主體。

2.1.2 按行分類：

1.如果一個標簽的內(nèi)容需要獨立占一行，我們稱作為塊標簽。 比如：<h2>標題標簽

2.如果一個標簽不需要獨立占一行，我們稱作為內(nèi)聯(lián)標簽。比如：<font>字體標簽

2.2 文本標簽：

標簽名 標簽描述 常用屬性
h2~h7 標題標簽，所有標題都是加粗的，1表示1級標題，字最大，6級標題最小

屬性是在開始標簽里面的

align:設(shè)置標題對齊方式

center:居中、right：右對齊、left：左對齊
hr 畫一條水平線 width：線長度    size: 粗細   color:顏色
b 對字體加粗，與strong標簽功能相同
i 設(shè)置字體為斜體
br

換行
font 字體（在HTML5中已經(jīng)淘汰了） color：顏色 size：大小  face：指定字體的名字
p 分段，每個p標簽就是一個段落，沒有首行縮進。段落之間有間隔

如果要縮進，使用&nbsp；半角空格也可全角空格

title：鼠標移上去以后，顯示文字提示信息

2.3 塊標簽與內(nèi)聯(lián)標簽：

1.div：塊標簽，需要獨立占一行。

2.span:內(nèi)聯(lián)標簽，不需要獨立占一行。

案例文字素材

World Wide Web Consortium</p>萬維網(wǎng)聯(lián)盟創(chuàng)建于1994年

代碼演示

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css"></style>
    <script type="text/javascript"></script>
</head>
<body>
<div style="background-color: red">World Wide Web Consortium</div>
萬維網(wǎng)聯(lián)盟創(chuàng)建于1994年
<span style="background-color: aqua">World Wide Web Consortium</span>
萬維網(wǎng)聯(lián)盟創(chuàng)建于1994年
</body>
</html>

html中常用標簽有哪些

2.4 列表標簽：

html中常用標簽有哪些

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css"></style>
    <script type="text/javascript"></script>
</head>
<body>
今天早上吃什么?
<ol style="color: black" type="A">
    <li>
        油條
    </li>
    <li>
        豆?jié){
    </li>
    <li>
        稀飯
    </li>
</ol>
明天早上吃什么？
<ul style="color: black" type="disc">
    <li>面</li>
    <li>糯米雞</li>
</ul>
</body>
</html>

html中常用標簽有哪些

2.5 實體字符

2.5.1 為什么需要使用到實體字符：

在HTML頁面中，有些字符是有著特殊含義的字符，如果需要在網(wǎng)頁上顯示這種特殊的字符，那么就需要使用到該特殊字符對應(yīng)的實體字符。比如：< 小于號  > 大于號

2.5.2 實體字符列表：

注釋：實體名稱對大小寫敏感！

html中常用標簽有哪些

2.5.3 常用的實體字符：

特殊的字符 對應(yīng)的實體字符
< &lt;
> &gt;
空格 &nbsp;
￥

&yen;
? 版本所有 &copy;
? &reg; 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css"></style>
    <script type="text/javascript"></script>
</head>
<body>
&lt;h2&gt;標簽是標題標簽<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;百度（納斯達克：BIDU），全球最大的中文搜索引擎、最大的中文網(wǎng)站。
1999年底,身在美國硅谷的李彥宏看到了中國互聯(lián)網(wǎng)及中文搜索引擎服務(wù)的巨大發(fā)展?jié)摿Γ?
抱著技術(shù)改變世界的夢想，他毅然辭掉硅谷的高薪工作，攜搜索引擎專利技術(shù)，于 2000年1月1日在中關(guān)村創(chuàng)建了百度公司。<br/>
青島啤酒：&yen;16元一瓶。<br/>
《java從入門到放棄》:&copy; XXX版權(quán)所有<br/>
本次活動解釋權(quán)歸XXX公司所有：&reg;XXX有限公司
</body>
</html>

html中常用標簽有哪些

2.6 圖像標簽（img）

2.6.1 標簽的作用：

在網(wǎng)頁中顯示圖片。

2.6.2 常用的屬性：

屬性名 作用
src source圖片文件地址，注：不能使用客戶端本地地址，如：c:/aaa.jpg
width 圖片寬度，如果只指定寬和高，另一個參數(shù)會等比例縮放
height 圖片高度
alt 如果圖片丟失，圖片顯示的文字
title 如果鼠標移到圖片上，顯示提示文字信息 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css"></style>
    <script type="text/javascript"></script>
</head>
<body>
<img src="img/11.jpg" height="500" width="200" title="這個是一輛豪車" />
</body>
</html>

感謝你能夠認真閱讀完這篇文章，希望小編分享html中常用標簽有哪些內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學(xué)習(xí)!

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手