标签

常用标签

Html标签：

作用所有html中标签的一个根节点。

Head标签：

作用：用于存放：

title,meta,base,style,script,link

注意：每个head标签中都必须有一个有title标签，其它的可选。

Body标签：

作用：用于存放所有的html的结构标签：

p,h,a,b,u,i,s,em,del,ins,strong,ul,li,ol,

Title标签：

作用：让页面拥有一个属于自己的标题。

meta 标签：

常用用法：

1.Description：可以描述页面，可以用来使用百度程序（网络爬虫）来收录关键信息，以此提高页面的排名。

2.Keywords：关键词，可以用来提高页面的关健词的比重（前升排名的一种方式）

3.字符集（编码格式）：charset

gbk,utf-8之间的区别：

相同点：都是字符的编码格式。

区别：

utf-8:收录是全世界所有的语言中的文字。

gbk:收录了汉字，片假名。

大小：

utf-8>gbk

性能：

uft-8

约定：将来我们在整个学习过程中都用utf-8;

utf-8存储一个汉字占3个字节，

gbk存储一个汉字上2个字节

标签的分类：

双标签：有开始有结束，开始和结束之间是存在内容

单标签：只有一个标签，自己闭合自己

标签与标签之间的关系：

嵌套关系：一个标签包含另外一个标签，他们之间构造父子关系。

并列关系：两个标签并列，他们构造兄弟关系。

注意：将来在书写代码的时候如果两个标签之间的关系是嵌套关系，最好通过代码直接反映出来（子元素相对于父元素有一个缩进）。如果是并列关系，最好要有对齐。

h系列的标签(Header)：h1,h2,h3,h4,h5,h6

作用：把页面上的文字加上标题的语义。

h1,h2,h3,h4,h5,h6:将文字放大，加粗.并且逐渐变小。（h1标签是最大的。）

p标签(Paragraph)：段落标签

作用：给页面的上一段文字加上段落的说语义

在footer的时候可以的

hr标签

作用：在页面显示一条横线

br标签

作用：换行

b u i s(没有语义)  strong ins em del

作用：

b：加粗

u: 下划线

i:  倾斜

s: 删除线

建议在含有语义化情景时尽量不要使用，因为这些标签没有语义。

有语义

strong:加粗

ins:下划线

em:倾斜

del:删除线

Img标签

作用：在页面显示一张图片

属性1：src  图片显示的路径

属性2： alt 如果图片加载不出来会显示这个属性中的文字

属性3：介绍这张图片

a标签（锚）

作用：可以在一个页面跳转到另一个页面。注意：在a标签之内必须要写上文字，如果没有，那么这个标签在页面上找不到。

1.可以跳转到另外的页面。

2.可以不跳转（跳转到当前页面）href=”#”

3.可以在当前页面进行定位。     

 A.设置a标签的href属性为“#id名”

 B.在页面的指定位置加入一个目标标签（可以是任意标签）     

 C.必须给这个标签设置一个id名：

4.在一个页面跳转到指定的页面的指定的位置。

a标签的其它属性

1.href  a标签跳转的目标地址

2.target 

 _blank:保留原始页面，再进行跳转

_self:在当前页面进行跳转

3.base 

为页面上所有的a标签设置跳转的方式（base标签一般放在titile标签下面）

路径问题：

第一种：绝对路径

带有盘符的路径：C:\上课内容\01html第一天\4-源代码\1.jpg.

第二种：相对路径

由页面是一个文件，图片 也是一个文件，而现在需要在页面上输出图片，所以需要得到图片相对于文件的路径.

a.如果页面与图片在同一目录下面：

<img src="1.jpg" >

b.如果页面在图片一上级目录：

<img src="img/1.jpg">

c.如果图片在页面的上一级目录：

<img src="../img/1.jpg">

问题：那么将来我们在实际开发中到底是用绝对路径，还是用相对路径？？

只要不出意外情况都是用相对路径：因为相对路径的可移植性要强。

无序列表 ul li

有序列表 ol

自定义列表 dl dt dd