整体结构：
<!--1.这是html的注释
2.加上以下代码的第一行就表示HTML5语法，去掉就表示HTML4.0
3.HTML不区分大小写，语法松散不严格
-->
<!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>标签</title>
</head>
<!-- 体 -->
<body>
</body>
</html>
<!-- 双标签：开始标签 结束标签
可以嵌套其他标签或文本
单标签 不可以嵌套其他标签或文本 可以设置属性
-->
<!-- 注释标签：注释标签的内容不会出现在页面上 用于解释说明 需要精简
注释标签中不能嵌套注释标签 ctrl+/
-->
<!-- html注重语义 -->
<!-- 标题标签 h1~h6的重要程度依次递减 h1最重要 能被搜索引擎检索
一个页面只能出现一个h1
独占一行
-->
<!-- h${$级标题}*6 -->
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6><!-- 段落标签
段与段之间有间距
独占一行
-->
<p>
2010 年以来，机构在昆明市五华区普吉街下属的城中村社区中发现很多单亲、孤儿、
残疾等类型家庭。这些家庭缺乏传统的家庭、家族和社区的支持，也缺少城市居民相应的社
会福利。
</p>
<p>
其中一位案主小浩（化名），今年 4 岁，母亲离家出走，父亲为了工作，不得不把孩子
锁在家中，吃喝拉撒全在屋内。社工发掘小浩的情况时，他严重营养不良，语言发展迟缓（4
岁还不会说话）。
</p>
<!-- 超链接标签a（有下划线，移入呈小手形状）
作用：通过超链接可以从浏览器向服务器发送请求
浏览器向服务器发送数据（请求：request）
服务器向浏览器发送数据（响应：response）
B/S结构的系统，每一个请求都会对应一个响应
B--请求--------------S
S--响应--------------B
-->
<!-- href：其他页面的路径
绝对路径：http://www.baidu.com
相对路径： ./ 当前文件所在目录 可省./
../当前文件所在目录的上一级目录
target: _self 默认值 新页面在当前窗口打开
_blank 在新页面打开
_top 顶级窗口
_parent 父窗口
-->
<!-- 用户点击超链接和用户在浏览器地址栏上直接输入URL，有什么区别？
本质上没有区别，都是向服务器发送请求。
从操作上来讲，超链接使用更方便
-->
<a href="http://www.baidu.com" target="_blank">跳转至百度</a>
<a href="http://www.mi.com">跳转至小米</a>
<a href="./联系/联系.html">跳转至miniso联系</a>
<a href="联系/联系.html">跳转至miniso联系</a><!-- 锚点链接 -->
<a href="#bottom">回到底部</a>
<a href="#ten">跳转至段落10</a>
<a href="#fifteen">跳转至段落15</a>
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
<p>段落4</p>
<p>段落5</p>
<p
最低0.47元/天 解锁文章
948
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
