标签.html

创建网页

1. 新建一个文件后缀名为.html的文件
2. 输入：!+回车；html：5+回车

html：Hyper Text mark-up Language：超文本标记语言

       超级  文本   标记    语言

什么是标记（标签）？

构成网页的基本单位

标签：由<>括起来的关键字

双标签：<开始标签>内容</结束标签>

单标签：<标签名>或<标签名/>

属性：

<标签名 属性名1=“属性值1” 属性名2=“属性值2”>内容</标签名>

注释？

注释是对代码的解释和说明，不会被浏览器解析执行

     行级注释 Ctrl+/

     块级注释 shift+alt+a

标签的结构？

并列关系：兄弟关系

嵌套关系：父子关系

<div></div>

搭建网页结构的基本标签---盒子：无语义标签

特性：1）宽度默认撑满整个父元素

1. 高度默认由内容撑开
2. 独立成行，垂直布局

作用：用来划分网页的区块，里面可以嵌套任何标签

h系列标签：标题标签 h1~h6

标题标签中文字大小依次减小，重要程度依次减弱

特性：1）宽度默认撑满整个于元素

1. 高度默认由内容撑开
2. 独占一行，垂直布局
3. 自带外间距
4. 带加粗效果

注意事项：h1标签在一个页面中只能有一个，h2~h6可以有多个

应用场景：文章页的标题；内容章节的标题；logo；产品标题

P标签：段落标签

特性：1）宽度默认撑满整个父元素

1. 高度默认由内容撑开
2. 独立成行，垂直布局
3. 自带外边距

应用场景：文章中的段落，页面中的文字块

注意事项：P标签里不能再嵌套【块级标签】；例如：div、p、h系列

hr标签：水平分割线，块级标签

作用：在页面中显示一条水平线

特性：1）宽度继承父元素的宽度

1. 高度默认为0
2. 自带边框
3. 自带外间距