HTML總結(中篇)

本篇博客是接着上篇博客的總結

HTML註釋

<!-- 註釋語句 -->  //快捷鍵時ctrl + / 網頁上是不會顯示，前端開發人員纔看得到

定位標籤(錨定)

定位錨定可以讓用戶通過它快速的定位到目標內容

	<h2 id="one">one</h2>//通過點擊one 跳轉到目標
	<a href ="超鏈接文本"></a>
	<a href ="#one">//建立聯繫

表格 框架

<table>     //table 定義一個表格，表格相當於容器可以容納所有元素
	<caption>表格標題</caption> 表格標題
	<tr>  //tr定義表格中的行，只能用在<table></table>之中
		<th>表頭單元格內容</th>
		<td>單元格中的內容</td>//定義表格中的單元格，與<tr></tr>嵌套使用
	</tr>
	<tr>
		<th></th><th colspan=2></th> //跨列合併
		<td rowspan=2></td>  //跨行合併
		<td></td>
	</tr>
</table>

總結

表格屬性

表格屬性	含義	常用屬性值
border	設置表格的邊框	像素值
cellspacing	設置單元格與單元格邊框之間的間距	像素值
cellpadding	設置單元格內容與單元格邊框之間的間距	像素值
width	設置表格的寬度	像素值
height	設置表格的高度	像素值
align	設置表格在網頁中的水平對齊方式	left、center、right

列表 1.無序列表

無序列表彼此並列，沒有順序級別

<ul>
	<li>列表項1</li>
	<li>列表項2</li>
	<li>列表項3</li>
<ul>

2.有序列表

有序列表與無序列表相反，有順序級別

<ol>
	<li>列表項1</li>
	<li>列表項2</li>
	<li>列表項3</li>
<ol>

3.自定義列表

<dl>
	<dt>名詞1</dt>
	<dd>名詞解釋</dd>
	<dd>名詞解釋</dd>
	...
	<dt>名詞2</dt>
	<dd>名詞解釋</dd>
	<dd>名詞解釋</dd>
	...
<dl>

總結

無序列表：包含li沒有順序，最常用
有序列表：包含li有順序
自定義列表：根據dt與dd進行排列