1. 首頁 > 生活百科 > >

1 HTML元素大全( 二 )

生活百科HTML元素大全(1)

<ul/li>類似，通常用于展示詞匯表或者元數據 (鍵 - 值對列表)，塊元素 。JD首頁的分類導航就是用的<dl/dt/dd>結構 。
元素/屬性描述<dl>description list，描述列表 ， 包含多組<dt>、<dd>?<dt>description term( /t??rm/ 術語 ， 項 )描述術語（標題），<dl>的子元素?<dd>description definition(/?def??n??n/，定義)描述內容，<dl>的子元素，放到<dl>后面，用來描述<dt> 。默認樣式左縮進：margin-inline-start: 40px<dl><dt>人物簡介：</dt><dd>一代詩仙</dd><dt>代表作：</dt><dd>仰天大笑出門去，下樓排隊做核酸</dd></dl>

1 HTML元素大全

文章插圖
<blockquote>/<q>引用元素語義化引用元素 ， 代表其中的文字是引用內容 。
元素/屬性描述<blockquote>塊元素塊級引用元素(quote /kwo?t/ 引用、引文)，默認會增加縮進，一般都會加上額外的自定義樣式 。?cite(/sa?t/ 引用)標注引文相關資源的url地址或相關解釋信息，但并不會顯示<q>行內元素行內引用行內元素，默認樣式是用偽元素添加了引號“”?cite同上塊引用
?注意：默認樣式不同瀏覽器不同，所以最好通過css統一樣式 。
<style>blockquote {font-size: 1rem;color: #999;border-left: .2rem solid #dfe2e5;margin: 1rem 0;padding: .25rem 0 .25rem 1rem;}</style><div><blockquote>塊引用blockquote文本<q>行內引用q</q></blockquote><q>行內引用q</q></div>
1 HTML元素大全

文章插圖
<span/font/b/i/u/del>文本元素針對文本內容的常規元素 。除了pre是塊元素 ， 其他都是行內元素 。文本標簽一般會嵌套在<p>標簽中使用，實現不同語義/效果 。
元素/屬性描述值/示例<span>（ /sp?n/）無特定含義，是用來組織文檔的行內元素（行內容器） ， 外觀取決于css<span>span內容</span><font>設置文本字體樣式的文本元素，文本在標簽里?face字體類型，值為字體名稱face="楷體"?size字體大小，從 1 到 7 的數字，默認3 。不同于字號，已廢棄不推薦使用 。推薦css代替?color字體顏色顏色<pre>塊元素預格式的文本（predefine /?pri?d??fa?n/ 預定義），保留空格、換行符 ， 默認等寬字體 。只能包含文本/行內元素，不能再包含其他塊元素了 。<b>粗體樣式（Bold），單純樣式效果<strong>粗體效果，加重語氣 ， 更強調語義，語義在搜索引擎、語音閱讀時有效<i>_斜體_樣式，單純樣式效果<em>_斜體_效果（emphasis/?emf?s?s/強調） ， 著重語氣，和i相比強調的語義<u>下劃線<del>刪除線<sub>下標(字體小)<sup>上標(字體小)<span style="color:blue">span內容</span><font size="4" color="red" face="楷體">font標簽內容</font><pre style="color:yellowgreen;font-family:'楷體'; font-size: 18px;">pre字體內容，支持回車和空格</pre><b>粗體b</b> &nbsp;<strong>粗體strong</strong>&nbsp;<i>斜體i</i>&nbsp;<em>em標簽</em>&nbsp;<u>下劃線u</u>&nbsp;<del>刪除線del</del>&nbsp;<sub>下標sub</sub>&nbsp;<sup>上標sup</sup>
1 HTML元素大全

文章插圖
<abbr/address/code...>語義元素表示特點語義的元素 ， 默認提供了一些樣式（吃藕丑） 。
元素/屬性描述<abbr>行內元素縮略語或縮寫（abbreviation/??bri?vi?e??n/縮略），默認樣式：下劃線（虛線）?title用title解釋其含義，鼠標提示顯示<address>塊元素聯系方式的元素，如地址、URL，郵箱等 。默認樣式：

推薦閱讀