1、主页面

 

　　2、列表页

 

　　（图+表/表/图/视频）

 

　　mata标签规定字符集

 

　　！！规定的字符集和编辑软件保存发类型要一致（utf-8/gbk）

 

　　Utf-8：包含所有语言，不包含加载速度。

 

　　Gbk：大量中文/要求速度

 

　　整个网站必须同一编码

 

　　文档保存时就要保存成utf-8格式，否则显示乱码。

 

　　title

 

　　引擎优化做得好—提升搜索排名。

 

　　（title里的文字会首先被搜索引擎抓取）

 

　　四。html的基本语法

 

　　1.标签之间换行和空格不敏感（空格多-占空间大）-（p-换行标签）

 

　　对标签之间的嵌套敏感（嵌套p标签自动换行）

 

　　？嵌套保证合理的换行和缩进-右键自动规范化

 

　　2.空白折叠现象

 

　　普通文本内：空格缩进换行会被折叠成一个空格显示在浏览器内。（&nbsp；-特殊字符表示一个空格）

 

　　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有一个伪类，可设置鼠标移上时的效果