| 定義表格 |
|
| 定義表格的表頭，大多數(shù)瀏覽器會(huì)把表頭顯示為粗體居中的文本 |
|
| 定義表格的行 |
| |
定義表格單元 |
|
定義表格標(biāo)題 |
|
定義表格列的組 |
|
定義用于表格列的屬性 |
| 定義表格的頁(yè)眉 |
| |
定義表格的主體 |
|
定義表格的頁(yè)腳 |
表格形式：
1.無(wú)邊框表格
第一種：
<table>
<tr>
<td>100td>
<td>200td>
<td>300td>
tr>
<tr>
<td>400td>
<td>500td>
<td>600td>
tr>
table>
第二種：
<table border="0">
<tr>
<td>100td>
<td>200td>
<td>300td>
tr>
<tr>
<td>400td>
<td>500td>
<td>600td>
tr>
table>
2.表頭
水平標(biāo)題：
<table border="1">
<tr>
<th>表頭一th>
<th>表頭二th>
<th>表頭三th>
tr>
<tr>
<td>100td>
<td>200td>
<td>300td>
tr>
table>
垂直標(biāo)題：
<table border="1">
<tr>
<th>表頭一th>
<td>100td>
tr>
<tr>
<th>表頭二th>
<td>200td>
tr>
<tr>
<th>表頭三th>
<td>300td>
tr>
table>
運(yùn)行結(jié)果：
3.標(biāo)題
<table border="1">
<caption>標(biāo)題caption>
<tr>
<th>表頭一th>
<td>100td>
tr>
<tr>
<th>表頭二th>
<td>200td>
tr>
<tr>
<th>表頭三th>
<td>300td>
tr>
table>
運(yùn)行結(jié)果：
標(biāo)題
| 表頭一 |
100 |
|---|
| 表頭二 |
200 |
|---|
| 表頭三 |
300 |
|---|
4.跨行跨列的表格單元格（
合并單元格：
? ? ? 單元格屬性：
? ? ? colspan=2 水平合并 向右合并 值包含自己
? ? ? rowspan=2 垂直合并 向下合并 值包含自己
? ? ? 合并單元格本質(zhì)就是改變寬度 高度 占位實(shí)現(xiàn)的
）
<table border="1">
<tr>
<th>表頭一th>
<th colspan="2">表頭二th>
tr>
<tr>
<td>100td>
<td>200td>
<td>300td>
tr>
table>
<table border="1">
<tr>
<th>表頭一th>
<td>100td>
tr>
<tr>
<th rowspan="2">表頭二th>
<td>200td>
tr>
<tr>
<td>300td>
tr>
table>
運(yùn)行結(jié)果：
5.表格內(nèi)的標(biāo)簽
<table border="1">
<tr>
<td>
<p>這是一個(gè)段落p>
<p>這是另一個(gè)段落p>
td>
<td>這個(gè)單元格包含一個(gè)表格:
<table border="1">
<tr>
<td>Atd>
<td>Btd>
tr>
<tr>
<td>Ctd>
<td>Dtd>
tr>
table>
td>
tr>
<tr>
<td>這個(gè)單元格包含一個(gè)列表
<ul>
<li>applesli>
<li>bananasli>
<li>pineapplesli>
ul>
td>
<td>HELLOtd>
tr>
table>
運(yùn)行結(jié)果：
|
這是一個(gè)段落
這是另一個(gè)段落
|
這個(gè)單元格包含一個(gè)表格:
|
這個(gè)單元格包含一個(gè)列表
- apples
- bananas
- pineapples
|
HELLO |
6.單元格邊距，? ?cellpadding="0" 邊距（內(nèi)容和單元格的距離）
<h4>沒(méi)有單元格邊距:h4>
<table border="1">
<tr>
<td>Firsttd>
<td>Rowtd>
tr>
<tr>
<td>Secondtd>
<td>Rowtd>
tr>
table>
<h4>有單元格邊距:h4>
<table border="1"
cellpadding="10">
<tr>
<td>Firsttd>
<td>Rowtd>
tr>
<tr>
<td>Secondtd>
<td>Rowtd>
tr>
table>
運(yùn)行結(jié)果：
沒(méi)有單元格邊距:
有單元格邊距:
7.單元格間距，? ?cellspacing="0" 間距（單元格與單元格的距離
<h4>沒(méi)有單元格間距:h4>
<table border="1">
<tr>
<td>Firsttd>
<td>Rowtd>
tr>
<tr>
<td>Secondtd>
<td>Rowtd>
tr>
table>
<h4>單元格間距="0":h4>
<table border="1" cellspacing="0">
<tr>
<td>Firsttd>
<td>Rowtd>
tr>
<tr>
<td>Secondtd>
<td>Rowtd>
tr>
table>
<h4>單元格間距="10":h4>
<table border="1" cellspacing="10">
<tr>
<td>Firsttd>
<td>Rowtd>
tr>
<tr>
<td>Secondtd>
<td>Rowtd>
tr>
table>
運(yùn)行結(jié)果：
沒(méi)有單元格間距:
單元格間距="0":
單元格間距="10":
?
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/1596.html
-
摘要：聲明允許表現(xiàn)性元素，廢氣元素以及。眾所周知強(qiáng)制屬性就是為禁用圖片時(shí)的兼容性作考慮。而正確的遵循標(biāo)簽的語(yǔ)義，則是保證禁用時(shí)的兼容性。這種合并外邊距的方式被稱為折疊，并且因而所結(jié)合成的外邊距稱為折疊外邊距。
HTML&CSS 大綱
對(duì)Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異、兼容性、hack、CSS基本功：布局、盒子模型、選擇器優(yōu)先級(jí)、
HTML5、CSS3、Flexbox
doctype
聲...
-
摘要：聲明允許表現(xiàn)性元素，廢氣元素以及。眾所周知強(qiáng)制屬性就是為禁用圖片時(shí)的兼容性作考慮。而正確的遵循標(biāo)簽的語(yǔ)義，則是保證禁用時(shí)的兼容性。這種合并外邊距的方式被稱為折疊，并且因而所結(jié)合成的外邊距稱為折疊外邊距。
HTML&CSS 大綱
對(duì)Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異、兼容性、hack、CSS基本功：布局、盒子模型、選擇器優(yōu)先級(jí)、
HTML5、CSS3、Flexbox
doctype
聲...
 Scliang
評(píng)論0
收藏0
-
摘要：本文內(nèi)容表格邊框合并兄弟標(biāo)簽外邊距合并父子標(biāo)簽的外邊距合并首發(fā)日期表格邊框合并發(fā)生情況當(dāng)設(shè)置了后，表格的相鄰邊框會(huì)合并，使得邊框變粗了。
本文內(nèi)容：
表格邊框合并
兄弟標(biāo)簽外邊距合并
父子標(biāo)簽的外邊距合并
?
首發(fā)日期：2018-05-01
?
表格邊框合并：
?
發(fā)生情況：
當(dāng)設(shè)置了cellpadding=0 cellspacing=0后，表格的相鄰邊框會(huì)合并，使得邊框變粗了。
D...
 _Dreams
評(píng)論0
收藏0
-
摘要：一列表標(biāo)簽列表標(biāo)簽分為三種。二表格標(biāo)簽表格標(biāo)簽用表示。單元格和單元格之間的距離外邊距，像素為單位。例如表示當(dāng)前單元格在水平方向上要占據(jù)兩個(gè)單元格的位置。輸入標(biāo)簽文本框輸入標(biāo)簽文本框用于接收用戶輸入。一 列表標(biāo)簽
列表標(biāo)簽分為三種。
1、無(wú)序列表，無(wú)序列表中的每一項(xiàng)是
英文單詞解釋如下：
a.ul：unordered list，無(wú)序列表的意思。
b.l...
-
摘要：規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對(duì)元素進(jìn)行拼寫(xiě)和語(yǔ)法檢查。規(guī)定元素的行內(nèi)樣式。
一些說(shuō)明
寫(xiě)在前面：HTML和CSS，當(dāng)你了解所有規(guī)則后，你應(yīng)該多寫(xiě)頁(yè)面并記錄你出現(xiàn)的問(wèn)題，這才是學(xué)習(xí)HTML和CSS的最佳方法
這是我學(xué)習(xí)一段時(shí)間之后，再次回顧HTML，希望大家也對(duì)HTML有不一樣的認(rèn)識(shí)
我把HTML標(biāo)簽分成兩大類，重要的和不重要的，...
 genefy
評(píng)論0
收藏0
男|高級(jí)講師
-
閱讀 2554·2021-09-08 09:45
-
閱讀 3450·2021-09-08 09:45
-
閱讀 3156·2019-08-30 15:54
-
閱讀 3411·2019-08-26 13:54
-
閱讀 1480·2019-08-26 13:26
-
閱讀 1440·2019-08-26 13:23
-
閱讀 978·2019-08-23 17:57
-
閱讀 2236·2019-08-23 17:14
| 
