# 页面基本结构
<!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>
</body>
</html>
# 语义化标签
无语义标签，它们就是一个盒子，用来装内容的。
<div></div>：块元素，一行只能放一个div <span></span>：行元素，一行可以放多个span有语义
- 网页头部
<header> - 导航栏
<nav> - 主内容
<main> - 网页侧边栏
<aside> - 网页区块
<section> - 网页文章
<article> - 网页底部
<footer>
- 网页头部
# 排版标签
注释标签
<!-- 这是注释 -->标题标签
<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> 特点： 标题独占一行，加了标题的文字会加粗，字号从h1到h6依次减小。 一个页面一般只有一个h1标签，给logo使用段落标签
<p></p> 特点： 段落与段落之间保有空隙，文本在一个段落中会根据浏览器窗口的大小自动换行。换行标签
<br> 特点： 单标签，让文字强制换行。 与段落标签的区别 <br>只是换行，跟<p>不一样，<P>之间会插入一些垂直的间距水平线标签
<hr> <hr color="red" width="100px"> 特点： 单标签，在页面中显示一条水平线。