HTML的表格
概述:
表格由
<table>
標(biāo)簽來(lái)定義租幕。每個(gè)表格均有若干行(由<tr>
標(biāo)簽定義),每行被分割為若干單元格(由<td>
標(biāo)簽定義)着倾。字母 td 指表格數(shù)據(jù)(table data)拾酝,即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本卡者、圖片蒿囤、列表、段落崇决、表單材诽、水平線、表格等等恒傻。
表格和邊框?qū)傩?/strong> 表格的表頭 實(shí)例: 注意:這個(gè)空的單元格的邊框沒(méi)有被顯示出來(lái)外遇。為了避免這種情況注簿,在空單元格中添加一個(gè)空格占位符( 表格標(biāo)簽: 無(wú)序列表 無(wú)序列表是一個(gè)項(xiàng)目的列表寄摆,此列項(xiàng)目使用粗體圓點(diǎn)(典型的小黑圓圈)進(jìn)行標(biāo)記谅辣。 實(shí)例: <html> <h4>Disc 項(xiàng)目符號(hào)列表:</h4> <h4>Circle 項(xiàng)目符號(hào)列表:</h4> <h4>Square 項(xiàng)目符號(hào)列表:</h4> </body> 有序列表 同樣桑阶,有序列表也是一列項(xiàng)目,列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記勾邦。 實(shí)例: <html> <h4>數(shù)字列表:</h4> <h4>字母列表:</h4> <h4>小寫(xiě)字母列表:</h4> <h4>羅馬字母列表:</h4> <h4>小寫(xiě)羅馬字母列表:</h4> </body> 定義列表 自定義列表不僅僅是一列項(xiàng)目眷篇,而是項(xiàng)目及其注釋的組合萎河。 列表鑲嵌 實(shí)例: <html> <body> <h4>一個(gè)嵌套列表:</h4> </body> 列表標(biāo)簽 希望對(duì)你們有幫助值朋,O(∩_∩)O謝謝!P萜!
如果不定義邊框?qū)傩粤辰模砀駥⒉伙@示邊框。有時(shí)這很有用盈厘,但是大多數(shù)時(shí)候睁枕,我們希望顯示邊框。
使用邊框?qū)傩?border =“”設(shè)置 表格邊框?qū)傩?/p>
表格的表頭使用 <th>
標(biāo)簽進(jìn)行定義。
大多數(shù)瀏覽器會(huì)把表頭顯示為粗體居中的文本:<html>
<body>
<h4>表頭:</h4>
<table border="1">
<tr>
<th>姓名</th>
<th>電話</th>
<th>電話</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>
<h4>垂直的表頭:</h4>
<table border="1">
<tr>
<th>姓名</th>
<td>Bill Gates</td>
</tr>
<tr>
<th>電話</th>
<td>555 77 854</td>
</tr>
<tr>
<th>電話</th>
<td>555 77 855</td>
</tr>
</table>
</body>
</html>
),就可以將邊框顯示出來(lái)跳仿。
<table>
定義表格
<caption>
定義表格標(biāo)題诡渴。
<th>
定義表格的表頭。
<tr>
定義表格的行菲语。
<td>
定義表格單元妄辩。
<thead>
定義表格的頁(yè)眉。
<tbody>
定義表格的主體山上。
<tfoot>
定義表格的頁(yè)腳恩袱。
<col>
定義用于表格列的屬性。
<colgroup>
定義表格列的組胶哲。HTML 列表
無(wú)序列表始于 <ul>
標(biāo)簽。每個(gè)列表項(xiàng)始于 <li>
婶恼。<html>
<body>
<h4>Disc 項(xiàng)目符號(hào)列表:</h4>
<ul type="disc">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ul>
<h4>Circle 項(xiàng)目符號(hào)列表:</h4>
<ul type="circle">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ul>
<h4>Square 項(xiàng)目符號(hào)列表:</h4>
<ul type="square">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ul>
</body>
</html>
<body>
<ul type="disc">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ul>
<ul type="circle">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ul>
<ul type="square">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ul>
</html>
有序列表始于 <ol>
標(biāo)簽蚣录。每個(gè)列表項(xiàng)始于 <li>
標(biāo)簽。<html>
<body>
<h4>數(shù)字列表:</h4>
<ol>
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
<h4>字母列表:</h4>
<ol type="A">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
<h4>小寫(xiě)字母列表:</h4>
<ol type="a">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
<h4>羅馬字母列表:</h4>
<ol type="I">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
<h4>小寫(xiě)羅馬字母列表:</h4>
<ol type="i">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
</body>
</html>
<body>
<ol>
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
<ol type="A">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
<ol type="a">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
<ol type="I">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
<ol type="i">
<li>蘋(píng)果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
</html>
自定義列表以 <dl>
標(biāo)簽開(kāi)始。每個(gè)自定義列表項(xiàng)以 <dt>
開(kāi)始蕉饼。每個(gè)自定義列表項(xiàng)的定義以 <dd>
開(kāi)始虐杯。<html>
<body>
<h4>一個(gè)嵌套列表:</h4>
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>紅茶</li>
<li>綠茶
<ul>
<li>中國(guó)茶</li>
<li>非洲茶</li>
</ul>
</li>
</ul>
</li>
<li>牛奶</li>
</ul>
</body>
</html>
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>紅茶</li>
<li>綠茶
<ul>
<li>中國(guó)茶</li>
<li>非洲茶</li>
</ul>
</li>
</ul>
</li>
<li>牛奶</li>
</ul>
</html>
標(biāo)簽 描述
<ol>
定義有序列表。
<ul>
定義無(wú)序列表昧港。
<li>
定義列表項(xiàng)擎椰。
<dl>
定義定義列表。
<dt>
定義定義項(xiàng)目创肥。
<dd>
定義定義的描述达舒。