列表、表格與圖片插入

一、列表：

主要學習了三種：1、有序列表

　　　　　　       2、無序列表

　　　　　　　    3、定義列表

1、有序列表：<ol type=“符號類型”>

　　　　　　　　<li>列表項1</li>

　　　　　　　　<li>列表項2</li>

　　　　　　　</ol>

2、無序列表：<ul type="符號類型">

　　　　　　　　<li>列表項1</li>

　　　　　　　　<li>列表項2</li>

　  　　　　    </ul>

3、定義列表：由定義和定義描述組成

　　　　　　<dl>

　　　　　　　　　　<dt>定義名詞</dt>

　　　　　　　　　　<dd>定義描述</dd>

　　　　　　</dl>

二、表格

　　　　<table>

　　　　　　<tr>

　　　　　　　　<td>單元格1</td>

　　　　　　　　<td>單元格2</td>

　　　　　　</tr>

　　　　　　

　　　　　　<tr>

　　　　　　　　　<td>單元格4</td>

　　　　　　　　　<td>單元格5</td>

　　　　　　</tr>

　　　　</table>

 

表格：等長等寬

　　　　<table border="設置表格邊框(單位：px像素)" width="設置表格的寬度(px)" height=“設置表格的高度(px)”cellspacing="設置單元格之間的距離(px)" cellpadding="設置文字與單元格邊框的距離(px)">

　　　　　　<tr>

　　　　　　　　<td colspan="列合並" rowspan="行合並"></td>

　　　　　　</tr>

　　　　</table>

三、圖片的插入

　　　　圖片標簽:<img src="圖片的地址" title="當鼠標放上時顯示的文字" alt="當圖片顯示不出來時顯示的文字">

　　　　圖片地址:

　　　　　　　　1、絕對路徑：X盤：\xxx\xxx\xx.jpg

　　　　　　　　2、相對路徑：../   代表相對於本html所在文件夾的上一級文件夾

　　　　　　　　　　　　　　 ./    代表本html所在文件夾