一篇文章帶你瞭解HTML格式化元素
一、為什麼要格式化元素?
HTML定義了具有特殊意義的特殊元素定義的文字,比如,使用<b>元素<i>來格式化輸出,如粗體或斜體文字。
格式化元素被設計用來顯示特殊型別的文字。
二、標籤
1. b 標籤和 strong 標籤
常規顯示
HTML <b> 元素定義粗體文字,沒有任何額外的重要性,例如:
<b>加粗文字內容.</b>
HTML <strong>元素定義粗文字,增加語義的強調。
例如:
<strong>加粗文字.</strong>
2. i標籤 和em標籤
HTML 斜體文字.元素定義斜體文字,沒有任何額外的重要性。
例如:
<i>斜體文字.</i>
HTML <em>元素定義強調文字,增加語義重要性,例如:
<em>強調文字.</em>
注意:
瀏覽器顯示 和相同, 和相同 。然而,有些標籤的含義是有區別的: 和 粗體和斜體文字, 但是 和 意味著文字是“重要的”。
3. small 標籤
HTML <small> 元素定義了小文字。
例如:
<h2>HTML <small>Small</small> 格式</h2>
4. mark標籤
HTML <mark>元素定義標記或突出文字。
例如:
<h2>HTML <mark>標記</mark> 格式</h2>
5. del標籤
HTML <del>元素定義了刪除(移除)文字。
例如:
<p>我喜歡的顏色是 <del>藍色</del> 紅色.</p>
6. ins標籤
HTML <ins>元素定義了插入文字(新增)。
例如:
<p>我喜歡的 <ins>顏色</ins> 是紅色.</p>
7. sub標籤
HTML 元素定義下標文字。
例如:
<p>這是一個 <sub>下標</sub> 文字.</p>
8. sup標籤
HTML 元素定義上標文字。
例如:
<p>這是一個 <sup>上標</sup> 文字.</p>
三、總結
本文對特殊型別的文字的HTML的標籤進行了詳細的介紹。對遇到的問題進行詳細的解答。程式碼演示效果圖能夠更好的理解。程式碼很簡單,希望對你有所啟發。希望對大家的學習有幫助。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2730/viewspace-2826577/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 一篇文章帶你瞭解HTML5 MathMLHTML
- 一篇文章帶你瞭解——Kotlin協程Kotlin
- 一篇文章帶你瞭解介面自動化
- 一篇文章帶你瞭解和使用Promise物件Promise物件
- 一篇文章帶你初步瞭解—CSS特指度CSS
- 帶你快速瞭解HTMLHTML
- 一篇文章帶你瞭解CSS 分頁例項CSS
- 一篇文章帶你瞭解高可用架構分析架構
- 一篇文章帶你瞭解設計模式——建立者模式設計模式
- 一篇文章帶你瞭解Python基礎測試工具——UnitTestPython
- 一篇文章帶你瞭解如何測試訊息佇列佇列
- 一篇文章帶你瞭解設計模式——結構型模式設計模式
- 你真的瞭解python嗎?這篇文章帶你快速瞭解!Python
- 一篇文章帶你瞭解高質量代理ip的使用技巧
- 一篇帶你瞭解TCP/IP 概念TCP
- 一篇文章帶你瞭解Python常用自動化測試框架——PytestPython框架
- 什麼是工藝流程圖?一篇文章帶你詳細瞭解流程圖
- 一篇文章帶你更深入瞭解區塊鏈有哪些應用?區塊鏈
- 什麼是Python爬蟲?一篇文章帶你全面瞭解爬蟲Python爬蟲
- 一篇文章幫你瞭解 PHP 7.3 更新PHP
- 一篇文章帶你瞭解網路爬蟲的概念及其工作原理爬蟲
- 這篇文章,帶你全面瞭解外包公司
- 一文章帶你瞭解微服務微服務
- 機器學習到底是什麼?一篇文章帶你瞭解透徹機器學習
- 優思學院|一篇文章帶你瞭解什麼是六西格瑪
- 一篇文章帶你搞定HashTable
- HTML 文字格式化元素HTML
- 一篇文章瞭解大前端前端
- 一篇文章讓你徹底瞭解Java內部類Java
- 一篇文章帶你入門Zookeeper
- 一篇文章帶你吃透 Docker 原理Docker
- 一篇文章帶你認識 SpringSecuritySpringGse
- 一篇文章帶你瞭解 Java 自動記憶體管理機制及效能優化Java記憶體優化
- 一篇文章帶你瞭解設計模式原理——UML圖和軟體設計原則設計模式
- 一篇文章瞭解RPC框架原理RPC框架
- 帶你瞭解webpackWeb
- 一篇文章帶你快速入門createjsJS
- 一篇文章瞭解JsBridge之IOS篇JSiOS