0x00x0 <table>表格
有关样式还是尽量用样式表吧, 这些属性不看也罢!
| table属性 | 取值 | 作用 |
|---|---|---|
| align(不赞成) | left, center, right | 整个表格对齐方式 |
| bgcolor(不赞成) | - | 背景颜色 |
| background(不赞成) | url | 背景图片 |
| cellpadding | % / px | 单元格边与内容 空白 |
| cellspacing | % / px | 单元格之间 空白 |
| frame | void above below hsides lhs rhs vsides box border | 外侧边框哪个课件 |
| rules | none groups rows cols all | 内侧边框哪个可见 |
| border | px | 表格边框宽度 |
| width | % / px | 表格宽度 |
| - | - | - |
| rowspan | 数字 | 占几行 |
| colspan | 数字 | 占几列 |
| 表格相关标签 | 描述 |
|---|---|
| caption | 标题 |
| tr | 行 |
| th | 表头单元格 |
| td | 普通单元格 |
| thead | 页眉 |
| tbody | 主题 |
| tfoot | 页脚 |
| colgroup | 列组, 统一施加属性 |
| col | 列, span=数字, 表示覆盖列数 |
colgroup 和 col 示例
<table border="1">
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>
效果如下,
css表格示例 https://www.runoob.com/css/css-table.html
0x0001 <列表>
注意ul的 type 属性 html5 已经弃用, 最好改用css!
| 相关标签 | 作用 |
|---|---|
| ol | 有序列表, type属性, 1, i, I, a, A |
| ul | 无序列表, type属性: circle空心圆, disc空心圆, square实心方块 |
| li | 列表项目 |
| dl | 定义列表 |
| dt | 定义列表的项目 |
| dd | 定义列表的描述 |
0x0010 <input>
