- 文件后缀名:代表当前文件的类型
- 网页的后缀名:.html
- html:Hyper Text Mark-up Language: 超文本标记语言
!DOC TYPE 声明文档类型
html5的网页声明--告诉浏览器用html5版本的语法解析文件
不是标签 声明语句
必须写在html的第一行
html 网页根标签
定义整个html文档,包含head和body
<head>
定义文档头部---头部信息---其中的内容不会显示在网页中
包含:title、可以放文档的脚本文件(JavaScript)、样式(style)、met信息标签、tdk
<body>
网页的主体内容---在浏览器窗口中能看到的内容都要写在它的内部
div标签:
搭建网页结构的基本标签---盒子;无语义标签
作用:是用来划分网页区块,里面可以嵌套任何标签
特性:
1、宽度默认撑满整个父元素
2、高度默认由内容撑开
3、独立成行,--垂直布局
h系列标签:标题标签 h1~h6
标题标签中文字大小依次减小,重要程度依次减弱
注意事项:h1标签有个页面中只能有一个,h2~h6可以有多个
特性:
1、宽度默认撑满整个父元素
2、高度默认由内容撑开
3、独占一行---垂直布局
4、自带外间距
5、自带加粗效果
应用场景:
文章页的标题、内容章节的标题
logo
产品的标题
p标签:段落标签
特性: | |
1、宽度默认撑满整个父元素 | |
2、高度默认由内容撑开 | |
3、独立成行--垂直布局 | |
4、自带外边距 | |
应用场景: | |
文章中的段落、也面中的文字快 | |
注意:p标签里面不能再嵌套【块级标签】;例如:div、p、h系列 |
hr标签:水平分割线、块级标签
特性: | |
1、宽度继承父元素的宽度 | |
2、高度默认为0 | |
3、自带边框 | |
4、自带外间距 | |
作用:在页面中显示一条水平线 |