学习第二天0629
16lz
2021-06-30
php学习第二天0629
回顾一下今天的学习
1.元素
2.标签
3.属性
标签是元素的功能,属性是元素的特征
下面做一个表
<!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>html表格</title>
</head>
<body>
<table border="1px" width="60%">
<!-- 表头 -->
<thead>
<caption style="font-size: 23px;">商品信息表</caption>
</thead>
<!-- 表内容 -->
<tbody>
<tr>
<td width="15%">id</td>
<td>品名</td>
<td>价格(元)</td>
<td>数量(个)</td>
<td>金额(元)</td>
<td>手机类别</td>
</tr>
<tr>
<td>1</td>
<td>iphone12</td>
<td>6000</td>
<td>3</td>
<td>18000</td>
<td rowspan="3" style="text-align: center;">苹果</td>
</tr>
<tr>
<td>2</td>
<td>iphone11</td>
<td>4000</td>
<td>3</td>
<td>12000</td>
<!-- <td>金额(元)</td> -->
</tr>
<tr>
<td>3</td>
<td>iphone10</td>
<td>3000</td>
<td>3</td>
<td>9000</td>
<!-- <td>金额(元)</td> -->
</tr>
<tr>
<td>4</td>
<td>华为mate40</td>
<td>6000</td>
<td>3</td>
<td>18000</td>
<td style="text-align: center;">华为</td>
</tr>
<tr>
<td>合计</td>
<td colspan="3" style="text-align: center;">总金额</td>
<!-- <td>6000</td>
<td>3</td> -->
<td>75000</td>
</tr>
</tbody>
<!-- 表底 -->
</table>
</body>
</html>
效果如下:
更多相关文章
- 数据泄露频发,云厂商开放源代码是“顺势”还是“作妖”?
- 华为是对的,网传谷歌税来了!
- 光网络市场三巨头:Ciena、华为和诺基亚
- 喵喵的华为DevCloud使用指南(3)-项目构建和部署
- 程序员如何活成华为让人害怕的样子
- 华为联运游戏或应用审核驳回:游戏启动后弹出HMS Core更新提示,点击
- 1分钟手把手教你破解华为交换机密码
- 时代变了,这才是敏捷DevOps、低代码、微服务的正确打开姿势
- 让AI像Excel一样普及:这周末,我们聊了聊AI的无障碍打开方式