二级Web基础操作题练习(1)——表格类

 -----要求-----

实现如下页面:


-----代码示例-----

<!doctype html>
<html>
<head>
<meta charset="utf-8">           <!-- meta 指定网页的字符编码方式为 utf-8 -->
<title>合并单元格</title>           <!-- title 定义页面标题 -->
</head>
<body>
<table border="2" width="450px" >  <!-- border 设置表格的边框为 2 个像素,width设置宽度为450个像素 -->
	<caption>报名表</caption>       <!-- caption 定义表格标题 -->
      <tr>
        <td>姓名</td>
        <td>张三</td>
        <td>性别</td>
        <td>女</td>
        <td rowspan="2">  <!-- rowspan 定义了一个横跨两行的单元格 -->
          <img src="face.jpg" alt="登记照">   <!-- <img> 标签用于在单元格中插入图片,src 属性指定了图片的路径,alt 属性提供了图片的替代文本 -->
        </td>
      </tr>
      <tr>
        <td>姓名</td>
        <td colspan="3">
          <a href="#">李四</a> <!-- <a> 标签用于创建链接,href 属性定义了链接的 URL -->
        </td>
      </tr>
      <tr>
        <td>所在单位</td>
        <td colspan="4" align="center">信息科技大学</td> <!-- colspan定义了一个横跨四列的单元格,并align设置单元格内容居中显示。 -->
      </tr>
</table>
</body>
</html>

-----HTML表单、表格常用元素及属性总结-----
http://t.csdnimg.cn/OE4Laicon-default.png?t=N7T8http://t.csdnimg.cn/OE4La

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值