1 HTML基本结构
<!DOCTYPE html > 声明文档类型
<html lang=”en”> 跟标记、跟标签
<head> 描述区
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0”>
控制视口的比例
<title>Document</title> 当前网页的标题，显示在状态栏上面
</head>
<body>
内容区
</body>
</html>
H5基本结构：
Head 描述区
Body 内容区
2 HTML语法
Html标签分为两类：单标记（空标记）和双标记（常规标记）
双标记：<标签名称 属性名=“属性值“> </标签名称>
单标记：<标签名称 属性名=“属性值”>
2.Html语法说明
1.尖括号后面的第一个单词是标签名称
2.标签后面，用空格隔开的是属性
3.属性和属性值之间用等号连接
4.属性值放在引号里面
5.如果一个标签拥有多个属性，属性和属性之间用空格隔开
3 HTML常用的标签
1.标题标签
文本标题共有6个:
<h1> </h1>一级标题（具有唯一性，一个页面只能出现一次，放logo）
<h2> </h2>二级标题
<h3> </h3>三级标题
<h4> </h4>四级标题
<h5> </h5>五级标题
<h6> </h6>六级标题
特点：拥有自己的大小，文本也是加粗状态。H2-H6可以是网页板块的标题、也可以是一段内容的标题，没有唯一性。
2.加粗标记
文本加粗： <b>文本</b>
<strong>文本</strong>
特点：默认显示加粗的状态，strong标签偏向强调预期的作用。
3.文本倾斜
文本倾斜： <i>文本</i>
<em>文本</em> 强调语义
4.下划线
<u>文本</u>
5.水平线
<hr>
6.强制换行符
<br> 浏览器只要遇到br,就会把后面的内容放在下一行
7.上标&下标
上标：<sup></sup>
下标：<sub></sub>
8.段落标记
<p></p>
9.字符（小段文本）
<span></span>
10.常用转义字符
不换行空格
> >右尖括号
< <左尖括号
© 备案图标（版本符号）
4 div的用法：划分网页布局（板块）
<div></div>
div是个盒子！！专门给王网页划分布局的
5 html的三个列表
（1）无序列表
<ul>
<li>列表项内容</li>
<li>列表项内容</li>
<li>列表项内容</li>
... ...
</ul>
(2)有序列表 <ol>
<li>列表项内容</li>
<li>列表项内容</li>
<li>列表项内容</li>
... ...
</ol>
(3)自定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>
5 超链接
<a></a>
a里面的属性：
Href=”跳转的地址”
target=””
属性值：
_self(默认值：在当前页面打开）
_blank(新创建一个窗口打开)
title=””提示信息（大部分标签都能支持title属性）
6 图片
网页的图片展示两种：
一种是img标签导入的图片
一种是通过css添加的背景图
<img>标签的应用：
img标签里面的属性：
src=”图片的路径”
alt=”文本替换图片”
alt说明：（alt属性，属性值为空也不要删除）
a:当图片加载不出来的时候，alt里面的文本替换图片
b:有利于seo优化！！方便搜索引擎对图片的检索
title=””
title说明：
a=提示信息
b=title作为图片的一个小标题
7 相对路径的写法
（1）同级找同级（同个空间） ./目标名称
（2）父级找子集 ./文件夹的名称/目标文件的名称
（3）子级找父级（返回上一级） ../目标名称 返回上一级
../ 返回上一级 、 ../../ 返回两级
拓展：不要用绝对路径，一般用的是相对路径
8 表格
表格的作用：显示数据
<table></table>
tr 行
td 列
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
