H5：
<h1>一级标题</h1>
<h2>二级标题</h2>
<p>段落</p>
基本结构：
<html>
<head>
<title></title>
</head>
<body></body>
</html>
<head>表示的是头部（网页中的元数据）->浏览器
<body>网页中的可见内容
<img> <img />
<input> <input /> //自结束标签
<!-- 禁止套娃-->注释标签（注释不能嵌套）
<font></font>标签(现在已经很少使用了）
<! DOCTYPE HTML>
<html>
<head><meta charset="utf-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>这是主要内容</h1>
</body>
</html>
<!-- 实体-->
在网页中，多个空格会默认被浏览器解析为一个空格，转而使用转义符（实体）
 =空格
meta：元数据标签，在<head>标签里面
<!--meta主要用于设置网页中的元数据，不是给用户看的
charset指定网页字符集
name指定数据名称
content 指定数据内容
（定义常量）
description：描述，网站的简介
重定向：几秒后跳转 http-equiv="refresh"
content="3;url=https://www.baidu.com"
<!--语义化标签-->
在网页中，html 专门用来负责网页的结构，使用的时候应该关心的是标签的语义，而不是样式
h1 ~h6一共六级标题
h1是仅次于title的标题，一般来说一个页面只会有一个H1，4-6很少用
p表示页面中的一个段落 ，也是一个块元素
<h1>我的区长父亲</h1>
<hgroup>将几个标题放在同一个标题组中
</hgroup>
<em>标签表示语音语调的加重
<blockquote>块状引用
用于大段引用
<q>单行引用</q>，行内元素
块元素（block element）
-在网页中一般通过块元素进行布局
行内元素(inline element)
-一般用来包裹文字
p元素中不能放任何的块元素
块元素中基本什么都能放
语义化标签
<main></main>主体部分
（一个页面中只会有一个main）
footer脚注
nav表示网页中的导航（可嵌套有序列表）
<aside></aside>侧边栏
<article></article>文章
<section></section>表示一个独立的区块，上面的标签都不能表示的时候使用（可作为下属区块）
<div></div>主要布局元素没有语义，只用于表示一个区块
span 行内元素，没有任何的语义，一般用于在网页中选中文字
列表略。。
超链接
从一个页面跳转到另一个页面，或者是当前页面的某一个指定的位置
跳转到其他页面 使用a标签定义超链接
<a>超链接</a>
并不独占一个行，属于行内元素。在a标签中可以嵌套任何的元素，除了a自身。（禁止套娃）
<a href="www.baidu.com">超链接</a>
（访问过的a标签将会变色）
也可以跳转到同一个目录下的内部地址（文件名）
<a href="www.baidu.com">超链接</a>--使用的是绝对路径
<a href="01.列表.html">超链接</a>--使用的是相对路径
target属性：指定超链接打开的位置
可选值：_self默认值（在当前页面中打开）
_blank（在新页面中打开超链接）
例：target="_blank"
<a href='#'>回到顶部</a>
当移动到任意位置时：
id 属性（唯一不重复的标识，页面中不能出现重复的id属性）
<a href="#id">name</a>
<p id="id">
在开发中，可以将#作为超链接路径的占位符使用
也可以使用javascript:;作为占位符使用（没有任何反应）
326
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
