日期：2020-10-02
作者：19屆WY
標簽：html文本標簽&串列標簽
一、em和strong
- 這兩個標簽都表示一個強調的內容，
em主要表示語氣上的強調，em在瀏覽器中默認使用斜體顯示
strong表示強調的內容，比em更強烈，默認使用粗體顯示 - 這兩個標簽可以單獨使用，也可以一起使用
<p>今天天氣<em>針不戳</em>！</p>
<p>
<strong>
如果你不認真上課，你就gg了
</strong>
</p>
二、i和b標簽
- i標簽中的內容會以斜體顯示
b標簽中的那內容會以加粗顯示 - h5規范中規定，對于不需要著重的內容，而是單純的加粗或者斜體，就可以使用b和i標簽
<p>
<i>
我是i標簽中的內容
</i>
<br /><br />
<b>
我是b標簽中的內容
</b>
</p>
三、small標簽
- small標簽中的內容會比它的父元素中的文字要小一些
- 在h5中使用small標簽來表示一些細則一類的內容
比如：合同中小字，網站的著作權宣告都可以放到small
<p>
我是p標簽的內容<samll>我是small標簽中的內容</samll>
</p>
四、cite標簽
- 網頁中所有的加書名號的內容都可以使用cite標簽，表示參考的內容
比如：書名 歌名 話劇名 電影名
<p>
<cite>《論語》</cite>是最喜歡的一本書
</p>
五、q和blockquote標簽
-
q標簽表示一個短的參考（行內參考）
q標簽參考的內容，瀏覽器默認加上引號 -
blockquote標簽表示一個長參考（塊級參考）(塊元素不能放在p里面，可以放div里面)
<p>
子曰：<q>學而時習之</q>
</p>
<div>
子曰：
<blockquote>
不亦樂乎
</blockquote>
</div>
六、sup和sub標簽
- 使用sup標簽來設定上標
- sub標簽表示一個下標
<p>2<sup>2</sup></sub></p>
<p>趙薇<sup><a href="#">【1】</a></sup></p>
<p>H<sub>2</sub>O</p>
七、del和ins標簽
-
使用del標簽來表示一個洗掉的內容
del標簽中的內容，會自動添加洗掉線 -
ins表示一個插入內容
ins中的內容，會自動添加下劃線
<p>
<del>17.75</del><br />
15.54<br />
</p>
<p>
好<ins>haoa</ins>
</p>
八、pre和code標簽
需要在頁面中撰寫一些代碼：
-
pre是一個預格式標簽，（有多少空格都保留）會將代碼中的格式保存，不會忽略多個空格
-
code專門用來表示代碼
-
我們一般結合使用pre和code來表示一段代碼
<pre>
<code>
window.onload = function(){
alert("hello");
};
</code>
</pre>
文本標簽的結果：
九、無序串列
-
無序串列：
-
使用ul標簽來創建一個無序串列
-
使用li在ul中創建一個一個的串列項
一個li就是一個串列項 -
通過type屬性可以修改無序串列的專案符號
-
可選值：
disc,默認值，實心的遠點
square,實心的方塊
circle,空心的圓 -
注意，默認的專案符號我們一般都不使用
-
如果需要設定專案符號，則可以采用為li設定背景圖片的方式來設定
-
ul和li都是塊元素
<ul type="disc">
<li>大霧</li>
<li>計組</li>
<li>匯編</li>
<li>離散</li>
</ul>
可以用CSS去掉專案符號：
<style type="text/css">
/*
去掉專案符號
*/
ul{
list-style:none;
}
</style>
串列就相當于去超市購物的清單，
在HTML也可以創建串列，在網頁中一共有三種串列：
1.無序串列
2.有序串列
3.定義串列
十、有序串列
-
有序串列和無序串列類似，只不過它用ol代替ul
-
有序串列使用有序的序號作為專案符號
-
type屬性，可以指定序號的型別
-
可選值：
1，默認值，使用阿拉伯數字 a/A 采用小寫或大寫字母作為序號 i/I 采用小寫或大寫的羅馬數字作為序號 -
ol也是塊元素
<ol type="1">
<li>大霧</li>
<li>計組</li>
<li>匯編</li>
<li>離散</li>
</ol>
串列之間都是可以互相嵌套，可以在無序串列中放個有序串列，也可以在有序串列中放一個無序串列
<p>菜譜</p>
<ul>
<li>
魚香肉絲
<ol>
<li>魚</li>
<li>香</li>
<li>肉絲</li>
</ol>
</li>
<li>宮爆雞丁</li>
<ul>
<li>宮保</li>
<li>雞丁</li>
</ul>
<li>青椒肉絲</li>
</ul>
十一、定義串列
-
定義串列用來對一些詞匯或內容進行定義
-
使用dl來創建一個定義串列
-
dl中有兩個子標簽
dt：被定義的內容 dd：對定義內容的描述
<dl>
<dt>武松</dt>
<dd>景陽岡打虎英雄，戰斗力99</dd>
<dd>后打死西門慶，投奔梁山</dd>
<dt>武大</dt>
<dd>著名餐飲企業家，戰斗力0</dd>
</dl>
串列的結果：
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/157636.html
標籤：其他
上一篇：Maven | Maven生成及安裝jar包到本地倉庫
下一篇：CSS（第一篇）