今日学习知识
- html里的标签是元素的功能。
- 属性是元素的特征。
- 布局元素：由页眉，页体，页脚三部分组成。
- 列表元素：
<ul><li></li></ul>为无序列表。
<ol><li></li></ol>为有序列表，一般开发时每行列表都会加上<a>标签来添加一个超链接。 - 图文列表：同理在上面的标签里面再加入一个
<img>标签并把属性设置成图片的地址。 - 以及如何制作一个表格。
下面是我写的表格代码以及成品图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表格作业</title></head><body> <br> <br> <br> <br> <table border="1" cellspacing="0" cellpadding="0" width="80%"> <!-- 标题 --> <caption> 商品信息表 </caption> <!-- 表头 --> <thead bgcolor="burlywood"> <tr> <th>id</th> <th>品类</th> <th>商品</th> <th>数量</th> <th>单价</th> <th>总计</th> </tr> </thead> <!-- 表体 --> <tbody align="center"> <tr bgcolor="aquamarine"> <td>1</td> <td rowspan="2">水果</td> <td>香蕉</td> <td>2</td> <td>5元</td> <td>10元</td> </tr> <tr bgcolor="aquamarine"> <td>2</td> <!-- <td>水果</td> --> <td>草莓</td> <td>5</td> <td>2元</td> <td>10元</td> </tr> <tr bgcolor="darkkhaki"> <td>3</td> <td rowspan="2">日用品</td> <td>牙刷</td> <td>4</td> <td>6元</td> <td>24元</td> </tr> <tr bgcolor="darkkhaki"> <td>4</td> <!-- <td>日用品</td> --> <td>牙膏</td> <td>8</td> <td>10元</td> <td>80元</td> </tr> </tbody> <tbody align="center"> <tr> <td bgcolor="darkorchid">5</td> <td colspan="4" bgcolor="darkgrey"></td> <td bgcolor="darkorchid">124元</td> </tr> </tbody> <!-- 表尾部 --> <tfoot bgcolor="burlywood"> <tr> <th colspan="6"> 表格制作于2021年6月29日 </th> </tr> </tfoot> </table></body></html>
