1、主页面
2、列表页
（图+表/表/图/视频）
mata标签规定字符集
！！规定的字符集和编辑软件保存发类型要一致（utf-8/gbk）
Utf-8：包含所有语言，不包含加载速度。
Gbk：大量中文/要求速度
整个网站必须同一编码
文档保存时就要保存成utf-8格式，否则显示乱码。
title
引擎优化做得好—提升搜索排名。
（title里的文字会首先被搜索引擎抓取）
四。html的基本语法
1.标签之间换行和空格不敏感（空格多-占空间大）-（p-换行标签）
对标签之间的嵌套敏感（嵌套p标签自动换行）
？嵌套保证合理的换行和缩进-右键自动规范化
2.空白折叠现象
普通文本内：空格缩进换行会被折叠成一个空格显示在浏览器内。（ ；-特殊字符表示一个空格）
3.html标签
1）标签必须写在尖括号内
2）双标签必须成对出现
3）结束标签必须写关闭符号/
4）标签分类：
容器级：内部可放置嵌套任意类型标签。
文本级：不能放容器级标签。
4.标签属性（写在起始标签内部）
属性名k（key），属性值v（value），键值对写法。
1）标签之间 属性之间用空格隔开。
2）键值对格式：k=“v”。中间不能有空格。
3）属性值用双引号包裹。
4）标签属性值可以有一个或多个。间隔隔开 在引号内部。
五·html标签
1.h系列（headline）-容器级
h系列标签分了六个等级，表示一到六级标题。
语义：给文本添加一到六级标题语义。
级别·重要程度依次降低-一般h1标签权重最高-便于搜索引擎的
一个页面只写一个h1标签-给logo
六级标签单独书写，不存在嵌套关系。
2.p标签（paragraph）-文本级
给文本添加一个段落的语义。
一个段落一个p标签。
3.img标签（image）
相当于一个特殊的文本
单标签
img标签属性：
src：（source）表示图片的来源路径。？必须写
width/height：单位px（像素），可省略，等比例变化（同时设置可变形）
title：鼠标悬停时提示文本，属性值就是我们提示的具体文本。
alt：设置图像没有找到时的替换文本。（路径出错时）
4.路径
-查找相关文件的位置的方法。
1）相对路径：查找文件时，从html文件本身出发，找文件的位置。
同级查找：直接输入文件名（文件名+扩展名）
子集查找：/表示进入文件夹（/文件名+扩展名）
上级查找：……/表示退回到上级文件夹，退出几次就书写几次。
可综合使用 不可跨盘符进行查找
2）绝对路径（可跨盘符）
从盘符出发查找，http开头的也是绝对路径。
常用：相对路径和http开头的绝对路径。
5.控制图片位置（居中/偏左/偏右）
放在
二、a标签（anchor锚）-双标签
超级链接，可跳转到相应网站。
a的属性：
href（hypertext reference超文本引用）值为跳转链接的地址。？必须有
target:设置跳转后是否在新窗口打开。
在原来窗口打开：默认
在新窗口打开：添加属性值”_blank”
a的页面内锚点跳转：
添加锚点的方法：
1）对应位置的标签添加一个id属性，属性值就是id名（href书写#id名）
//xxxx
……
2）在需要添加锚点的位置加入一个a标签，不书写href属性，添加一个name属性命名与id一样。
id名和name名必须为一。
a的跨页面锚点跳转：
使用图片作为超链接：
a标签只能自己修改
a有一个伪类，可设置鼠标移上时的效果
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery