html中常用標籤的分析（附代碼）
這篇文章帶給大家的內容是關於html中常用標籤的分析（附程式碼） ，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
1.1 標籤的分類
#1.1.1 依主體分類：
1.帶主體的標籤：如資料
2.不帶主體的標籤：如
換行標籤
判斷一個表格是否需要帶主體，你可以思考該標籤是否需要封裝數據，如果需要封裝數據，那麼該標籤必定帶主體，如果不需要封裝數據，那麼就不需要帶主體。
2.1.2 依行分類：
1.如果一個標籤的內容需要獨立佔一行，我們稱為區塊標籤。例如：
標題標籤
2.如果一個標籤不需要獨立佔一行，我們稱為內嵌標籤。例如：字體標籤
2.2 文字標籤：
| ##標籤名稱 | ||
| #標籤描述 | 常用屬性
h1~h6 標題標籤， 所有標題都是加粗的#，1表示1級標題，字最大，6級標題最小 |
|
| align: | 設定標題對齊方式 center:居中、right：右對齊、left：左對齊 hr | |
| width：線長 | size: | # 粗細 color:顏色 |
| b | #對字體加粗，與strong標籤功能相同 | |
| i | #設定字體為斜體
|
|
| br | #換行 | |
| font 字體（在HTML5中已經淘汰了） color：顏色 size：大小 face：指定字體的名稱 p 分段，每個p標籤就是一個段落，沒有首行縮排。段落之間有間隔 如果要縮排，使用 | ；半角空格也可全角空格
2.3 块标签与内联标签：
1.div：块标签，需要独立占一行。
2.span:内联标签，不需要独立占一行。
案例文字素材
World Wide Web Consortium
万维网联盟创建于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>
万维网联盟创建于1994年
<span style="background-color: aqua">World Wide Web Consortium</span>
万维网联盟创建于1994年
</body>
</html>
2.4 列表标签：
<!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>
豆浆
</li>
<li>
稀饭
</li>
</ol>
明天早上吃什么？
<ul style="color: black" type="disc">
<li>面</li>
<li>糯米鸡</li>
</ul>
</body>
</html>
2.5 实体字符
2.5.1 为什么需要使用到实体字符：
在HTML页面中，有些字符是有着特殊含义的字符，如果需要在网页上显示这种特殊的字符，那么就需要使用到该特殊字符对应的实体字符。比如：< 小于号 > 大于号
2.5.2 实体字符列表：
注释：实体名称对大小写敏感！
2.5.3 常用的实体字符：
| 特殊的字符 | 对应的实体字符 |
| < | < |
| > | > |
| 空格 | |
| ￥ |
¥ |
| © 版本所有 | © |
| ® | ® |
<!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>
<h1>标签是标题标签<br/>
百度（纳斯达克：BIDU），全球最大的中文搜索引擎、最大的中文网站。
1999年底,身在美国硅谷的李彦宏看到了中国互联网及中文搜索引擎服务的巨大发展潜力，
抱着技术改变世界的梦想，他毅然辞掉硅谷的高薪工作，携搜索引擎专利技术，于 2000年1月1日在中关村创建了百度公司。<br/>
青岛啤酒：¥16元一瓶。<br/>
《java从入门到放弃》:© XXX版权所有<br/>
本次活动解释权归XXX公司所有：®XXX有限公司
</body>
</html>
2.6 图像标签（img）
2.6.1 标签的作用：
在网页中显示图片。
2.6.2 常用的属性：
| 属性名 | 作用 |
| src | source图片文件地址，注：不能使用客户端本地地址，如：c:/aaa.jpg |
| width | 图片宽度，如果只指定宽和高，另一个参数会等比例缩放 |
| 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标签之meta标签_html/css_WEB-ITnose
以上是html中常用標籤的分析（附代碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
如何在Go語言中使用正規表示式擷取HTML標籤內容
Jul 14, 2023 pm 01:18 PM
如何在Go語言中使用正規表示式擷取HTML標籤內容導讀：正規表示式是一種強大的文字比對工具，它在Go語言中也有著廣泛的應用。在處理HTML標籤的場景中，正規表示式可以幫助我們快速擷取所需的內容。本文將介紹如何在Go語言中使用正規表示式擷取HTML標籤的內容，並給予相關程式碼範例。一、引入相關套件首先，我們需要導入相關的套件：regexp和fmt。 regexp包提供
如何使用Python正規表示式去除HTML標籤
Jun 22, 2023 am 08:44 AM
HTML（HyperTextMarkupLanguage）是用於建立Web頁面的標準語言，它使用標籤和屬性來描述頁面上的各種元素，例如文字、圖像、表格和連結等等。但是，在處理HTML文字時，很難將其中的文字內容快速地提取出來用於後續的處理。這時，我們可以使用Python中的正規表示式來移除HTML標籤，以達到快速擷取純文字的目的。在Python中，正規表
PHP如何去除字串中的HTML標籤？
Mar 23, 2024 pm 09:03 PM
PHP是一種常用的伺服器端腳本語言，廣泛應用於網站開發和後端應用程式開發。在開發網站或應用程式時，經常會遇到需要處理字串中的HTML標籤的情況。本文將介紹如何使用PHP去除字串中的HTML標籤，並提供具體的程式碼範例。為什麼需要移除HTML標籤？在處理使用者輸入或從資料庫中取得的文字時，經常會包含HTML標籤。有時我們希望在顯示文字時移除這些HTML標籤
php中怎麼轉義html標籤
Feb 24, 2021 pm 06:00 PM
在PHP中，可以使用htmlentities()函數來轉義html，能把字元轉換成HTML實體，語法「htmlentities(string,flags,character-set,double_encode)」。 PHP中也可以使用html_entity_decode()函數來反轉義html，把HTML實體轉換成字元。
如何在Java中從給定的字串中刪除HTML標籤？
Aug 29, 2023 pm 06:05 PM
String是Java中的final類，它是不可變的，這意味著我們不能改變物件本身，但我們可以更改物件的引用。可以使用String類別的replaceAll()方法從給定字串中刪除HTML標籤。我們可以使用正規表示式從給定字串中刪除HTML標記。從字串中刪除HTML標籤後，它將傳回一個字串作為普通文字。語法publicStringreplaceAll(Stringregex,Stringreplacement)範例publicclassRemoveHTMLTagsTest{&nbs
如何在HTML表格中使用HTML標籤？
Sep 08, 2023 pm 06:13 PM
我們可以輕鬆地在表格中新增HTML標籤。 HTML標籤應放置在<td>標籤內。例如，在<td>標籤內新增段落<p>…</p>標籤或其他可用標籤。語法以下是在HTML表格中使用HTMl標記的語法。 <td><p>Paragraphofthecontext</p><td>範例1下面給出了在HTML表格中使用HTML標籤的範例。 <!DOCTYPEhtml><html><head&g
HTML中起始標籤的示例是什麼？
Apr 06, 2025 am 12:04 AM
AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。
PHP正規表示式驗證基本的HTML標籤的方法
Jun 24, 2023 am 08:07 AM
PHP是一種高效率的網頁開發語言，其支援正規表示式功能，能夠快速驗證輸入資料的有效性。在網頁開發中，HTML是常見的標記語言，而對HTML標籤進行驗證，是網頁表單驗證的非常重要的方法。本文將介紹基本的HTML標籤驗證方法，以及如何使用PHP正規表示式進行驗證。一、HTML標籤基本結構HTML標籤由尖括號包圍的元素名稱和屬性組成，常見的標籤包括p、a、div
