Html元素-清单&表格(DAY4)
建立清单或表格的用意，可以把资料排序得更加整齐，让人一看到就能浅显易懂，若想要让资料更方便阅读或是有条理地呈现，就可以使用这些元素。
-
清单
清单可以分为两种，分别是「无排序的清单」和「排序的清单」。
无排序的清单<ul></ul>
<li>元素为要条列出的资料
<ul>
<li>为排序的清单 </li>
<li>computer</li>
<li>mouse</li>
<li>audio</li>
</ul>
排序的清单<ol></ol>
<ol type="A">
<li>排序清单</li>
<li>computer</li>
<li>mouse</li>
<li>audio</li>
</ol>
<!--type属性可以是"1"、"A"、"a"等等-->
在上方程序码有看到一个<!-- -->的标签，它是注解符号，不会呈现在网页上，是用来让自己或是其他编辑程序码的人了解这段程序码的用意。
-
表格
在表格中，我们定义这个区块为表格，必须使用<table></table>元素来包装整格表格的架构和其他与表格相关的元素，那这些与表格相关的元素有哪些呢!
以下介绍比较重要的几种元素和属性。
表格基本元素:
<tr>:表格的横列
<td>:表格的直行
<th>:表格的直行，文字粗体
<caption></caption>:表格标题
结构化表格元素:
<thead></thead>:表头区块
<tbody></tbody>:表的内容区块
<tfoot></tfoot>:表尾区块
表格属性:
border:表格框线粗细
colspan:横向合并储存格
rowspan:直向合并储存格
<body>
<table border="1">
<caption>基本资料表</caption>
<tr>
<td rowspan="5"><img src="doraemon.jpg" width="150" height="200" /></td>
</tr>
<tr>
<td>姓名</td><td>Jeff</td>
</tr>
<tr>
<td>年龄</td><td>34</td>
</tr>
<tr>
<td>运动</td><td>游泳、网球、羽球</td>
</tr>
<tr>
<td>才艺: 钢琴、小提琴</td><td>钢琴、小提琴</td>
</tr>
</table>
</body>
这样就完成一张表了，当然表格的元素和属性还有很多，像是表格的背景颜色bgcolor、储存格与表格边框距离cellpadding、储存格之间的距离cellspacing以及让资料在表格中对齐的属性:
align="center"置中水平对齐
align="left"靠左水平对齐
align="right"靠右水平对齐
vertical-align="central"置中垂直对齐
vertical-align="top"靠上垂直对齐
vertical-align="buttom"靠下垂直对齐
结语
这篇文章介绍了清单&表格两个元素，也介绍了一些相关的属性，让我们把资料更浅显易懂的排序呈现出来，就可以使用这些元素，下一篇要进入表单form等各种元素，例如:输入框、按钮等，与使用者互动!
【day15】DashboardFragment X Firestore搜寻
今天要来带大家看一下搜寻资料，Firestore最简单的方式就是直接透过get()来拿到资料，但是...
[Day8] 学 Bootstrap 是为了走更长远的路 ～ 下一站 ‧ Reactstrap
前言 今天的文章会再对 Bootstrap 做个 recap， 然後就会稍微对接下来的里程碑 ─ R...
Day 3: LeetCode 995. Minimum Number of K Consecutive Bit Flips
Tag:随意刷-未写过的 Source: 995. Minimum Number of K Cons...
[Day 4] -『 GO语言学习笔记』- GO语言架构介绍
如本日主题，今天要来介绍一下Go语言的程序码架构，以下内容摘录自『 The Go Workshop ...
[Day 22] 谈 test double 的五种类型
昨天我们讲了针对 removeTag() 的单元测试 不过，如果我们考虑到针对 updateUser...