【无标题】HTML结构

1,认识HTML标签

HTML 代码是由 "标签" 构成的.

<body>hello</body>

        标签名 (body) 放到 < > 中

        大部分标签成对出现,<body>为开始标签,<body>为结束标签

        少数标签只有开始标签, 称为 "单标签".

        开始标签和结束标签之间, 写的是标签的内容. (hello)

        开始标签中可能会带有 "属性". id 属性相当于给这个标签设置了一个唯一的标识符

2,HTML 文件基本结构


html 标签是整个 html 文件的根标签(最顶层标签)

        head 标签中写页面的属性.

       body 标签中写的是页面上显示的内容

        title 标签中写的是页面的标题.


head 和 body 是 html 的子标签(html 就是 head 和 body 的父标签)

        title 是 head 的子标签. head 是 title 的父标签

        head 和 body 之间是兄弟关系.

可以使用 chrome 的开发者工具查看页面的结构.

F12 或者右键审查元素, 开启开发者工具, 切换到 Elements 标签, 就可以看到页面结构细节


3.标签之间的结构关系, 构成了一个 DOM 树


4,格式化标签



6.超链接标签:a

<a href="http:www.baiducom">百度</a>


7,表格标签  基本使用

        table 标签: 表示整个表格

        tr: 表示表格的一行

        td: 表示一个单元格

        th: 表示表头单元格. 会居中加粗

        thead: 表格的头部区域(注意和 th 区分, 范围是比 th 要大的)

        tbody: 表格得到主体区域


 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值