web前端內容1

body中常用的標籤
1.文字標籤

• 內容標題：h1-h6 數字越大，字型越小 align屬性可以設定字型的 位置，align=“center”、“left”、“right” 居中，靠左、靠右
• 段落標籤： p
• 水平分割線： hr
• 換行: br

2. 列表標籤

• 無序列表：
  ul li

<!-- type 控制圖示的樣式 -->
<ul type = "square">      <!-- unordered list 無序列表 -->
	<li>劉備</li><!-- list列表  item 項 -->
	<li>關羽</li>
	<li>張飛</li>
	<li>呂布</li>
	<li>貂蟬</li>
</ul>

程式碼效果：

<ul type="value">

**type=“disc”**表示在無序列表前面的控制圖示是實心圓,預設值
**type=“circle”**表示在無序列表前面的控制圖示是空心圓
**type=“square”**表示在無序列表前面的控制圖示是實心方塊

• 有序列表：
  ol li

<!-- type：序號樣式  start：開始數值 reversed:反轉（倒序）-->	
	<ol type = "1" start = "3" reversed="reversed">
		<li>開啟冰箱門</li>
		<li>把大象裝進冰箱</li>
		<li>關上冰箱門</li>
	</ol>

程式碼效果：

有序列表中type的屬性值可以為：

type 屬性規定列表中要使用的標記型別（字母或數字）。
<ol type="1|a|A|i|I">

type = “1” 數字有序列表，表示有序列表的序號以數字開始，預設有序數字列表
type = “a” 字母有序列表，表示有序列表的序號以小寫字母開始
type = “A” 字母有序列表，表示有序列表的序號以大寫字母開始
type = “i” 字母有序列表，表示有序列表的序號以小寫羅馬數字開始
type = “I” 字母有序列表，表示有序列表的序號以大寫羅馬字母開始

• 定義列表：
  dl dt dd

<dl> <!-- definition定義 list列表 -->
	<!-- definition定義 term 組 -->
	<dt>冷盤類</dt>
	<!-- definition定義 description描述 -->
	<dd>皮蛋豆腐</dd>
	<dd>東北大拉皮</dd>
	<dt>炒菜類</dt>
	<dd>蕃茄炒雞蛋</dd>
	<dd>尖椒豆腐皮</dd>
</dl>

程式碼效果

• 列表巢狀：有序和無序可以任意無限巢狀

<!-- 有序和無序列表可以任意無限巢狀 -->
<ul>
	<li>冷盤類
		<ul>
			<li>東北大拉皮</li>
			<li>皮蛋豆腐</li>
		</ul>
	</li>
	<li>熱菜類
		<ul>
			<li>蕃茄炒雞蛋</li>
			<li>尖椒豆腐皮</li>
		</ul>
	</li>
</ul>

程式碼效果如下：