html中Table和div怎么用

這篇文章將為大家詳細講解有關html中Table和div怎么用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

html有什么特點

1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證。  3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網盛行的一個原因。 4、通用性：HTML是網絡的通用語言，它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。

 Web前端1

表格的組成部分：

    標題 表頭 主體 表尾

Table 定義一個表格

<table border="1" cellspacing="0" cellpadding="0" align="center">
</table>

Caption 定義表格的標題

<caption>web前/caption>端1<

Thead 定義表頭的部分

<thead>
				<tr>
					<th>學號</th>
					<th>姓名</th>
					<th>性別</th>
					<th>年齡</th>
				</tr>
			</thead>

Tbody 定義表格的主體

<tbody>
				<tr>
					<td>01</td>
					<td>張三</td>
					<td>男</td>
					<td>20</td>
				</tr>
				<tr>
					<td>02</td>
					<td>李四</td>
					<td>女</td>
					<td>21</td>
				</tr>
				<tfoot>
					<tr>
						<td colspan="3">人數合計:</td>
						<td>60</td>
					</tr>
				</tfoot>
			</tbody>

Tfoot 定義表尾，一般來顯示匯總信息

<tfoot>
					<tr>
						<td colspan="3">人數合計:</td>
						<td>60</td>
					</tr>
				</tfoot>

Tr 定義一行

<tr>
					<th>學號</th>
					<th>姓名</th>
					<th>性別</th>
					<th>年齡</th>
				</tr>

Th td 定義數據項（單元格） th 一般用于表頭，有加粗的樣式

                                             Td 一般用于主體部分，沒有加粗樣式

<tr>
					<td>01</td>
					<td>張三</td>
					<td>男</td>
					<td>20</td>
				</tr>

Td rowspan 和 colspan 分別定義單元格跨行的行數，跨列的列數

<td colspan="3">人數合計:</td>

Cellspacing 定義表格的間距

Cellpadding 定義表格的邊距

<table border="1" cellspacing="0" cellpadding="10">

Div 定義一個分塊 （division）

<div style="width: 200px;height: 200px;background-color:skyblue";>

特點：在新的一行顯示  塊級標簽

塊級標簽 與 行內標簽的區別：

塊級標簽占滿行  行內標簽會按照順序從左到右依次排列

塊級標簽：h2-h7  p  ul  ol  li  div table  dl  form

行內標簽：span  a  br lable  I  em

塊級元素的特點：display:block

• 每個塊都是從新的一行開始，后面的元素會另起一行

• 元素的寬度、高度、行高、內外邊距都是可設置的

• 如果不設置元素的寬度，是他父容器的100%，除非你給他設定高度

行內元素的特點：display：inline

• 和其他的元素都在一行上

• 不能設置元素的寬度，高度，行高，內外邊距

• 元素的寬度是他包含文字或圖片的寬度，不能改變

行內塊元素的特點：display：inline-block

• 和其他的元素都在一行上

• 寬度，高度，行高，內外邊距都可以設置的

關于“html中Table和div怎么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。