前端学习-1day

1.网站:网页的集合;网页:HTML格式的文件
2.HTML:超文本标记语言
3.Web标准的构成:结构、表现、行为
结构:对网页元素进行整理和分类(HTML)
表现:设置网页元素的版式、颜色等外观样式(CSS)
行为:网页模型的定义及交互的编写(JS)

4.HTML标签

  • HTML标签是由尖括号包围的关键词;
  • HTML标签通常成对存在,称为双标签;
  • 有些特殊标签称为单标签;
  • 双标签关系:包含和并列关系;

5.表格标签
表格用于显示、展示数据
在这里插入图片描述

  1. table 是用于定义表格的标签;
  2. tr标签用于定义表格中的行,嵌套在table标签中;
  3. td和/td用于定义表格中的单元格,嵌套在tr和/tr标签中;
  4. td指表格数据,即数据单元格的内容;

6.表头单元格标签
表头单元格常用于第一行,里面的文本内容加粗居中显示在这里插入图片描述
th标签表示HTML表格的表头部分

实例1

<!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>Document</title>
</head>
<body>
    <!--属性要写到表格标签table里面-->>
    <table align="center" border="1" cellpadding="20" cellspacing="0" width="500" height="259">
        <tr><th>姓名</th> <th>性别</th> <th>年龄</th></tr>
        <tr><td></td> <td></td> <td>20</td></tr>
        <tr><td></td> <td></td> <td>18</td></tr>
        <tr><td></td> <td></td> <td>22</td></tr>
    </table>
</body>
</html>

结果显示
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值