html 基础的标签

head标签：

文件头标签，用来设置样式，或者页签，用户看不到这里的内容

每个html文件只能有一对head标签

body标签：

所有的用户需要看到的内容都写在body标签中

h标签：

用来给文本添加标题语义的，不是用来改变样式的

h标签从大到小有h1,h2,h3,h4,h5,h6六种样式

用h标签包裹的文本都独占一行

在企业项目中要慎重使用h标签，每一个html文件中之能还有一个h1标签，这个跟SEO有关

p标签

告诉浏览器那些文本是一个段落

在浏览器中单独占据一行

hr标签：

在浏览器上显示分割线，单标签<hr/>

img标签：

图片标签，

格式：<img src = "xxx.jpg" width = "100" height = "88" title = "照片" alt = "对不起图片找不到">

src属性（source），表示图片名称，

------------------------------------------------------------------------------------------------------------------------

有两种赋值方法

1.相对路径

　　在html文件所在的文件夹中查找图片名称的图片

src = "xxx.jpg"

或在该文件夹下的子文件件中查找

　　src =" images/xxx.jpg"

　　在上级文件夹中查找

src = "../xxx.jpg"

src = "../images/xxx.jpg"

在上上级中

　　src = "../../images/xxx.jpg"

　　这是浏览器推崇的方法，一般同一个工程的文件放在一个包里

2.绝对路径

　　src = "http://xx.xxx.xxx.xxx:xx/images/xx.jpg"

　　src = "C:UsersAdministratorDesktopimages/DSC_98893.jpg"

　　一般不使用绝对路径，因为绝对路径的可移植性差

注意：路径中最好不要出现中文，有可能会出现错误

　　　在企业开发中，如果需要编写路径，统一使用反斜杠/，不用正斜杠\,因为其他操作系统的路径都是使用反斜杠/,项目有可能会移植到其他操作系统

----------------------------------------------------------------------------------------------

可选属性

width和 height，可以只指定其中一个，另一个按照比例缩放

title 鼠标停在图片上时，弹出的提示

alt 英语alternate的缩写，告诉浏览器当图片找不到时，显示的内容

br标签：

换行标签<br/>

企业开发中很少使用，因为需要在段落内换行的情况比较少，一般用p标签

a标签：

用于控制页面与页面之间的跳转

格式 :<a href = "指定需要跳转的网页">需要给用户查看的内容</a>

1.a标签中不仅能包裹文字，也可以包裹图片

2.a标签中必须有href属性，href的值是一个url地址或者本地网页

3.taget属性，控制跳转方式，有两个值_self和_blank

　　_self在当前选项卡中跳转，覆盖原来的页面

　　_blank在新的选项卡中跳转

4.title 属性，鼠标放在文本或图片上时显示的提示

　　<a href = "http://www.baidu.com" target = "_blank" title = "跳转百度">百度以下你就知道</a>

base标签：

专门用来统一指定a标签的target属性值的<base target = "_blank">

1.必须写在<head>标签中间

2.如果base中指定了target属性，a标签中也指定了target属性，浏览器会按照a标签指定的属性跳转

假连接 #和javascript:

在网站开发初期，可能很多跳转的网页都还没以后开发出来，这时候可以先用假连接展位，等其他子网址都开发出来了再替换

区别：如果假连接在网页的中部或者底部，#点击后网页会自动回滚到顶部，而点击javascript:不会自动回到网页顶部，保留在原来的地方

锚点

a标签不仅可以跳转到别的页面，还可以跳指定页面的指定位置

需要两个步骤：

1.(所有的标签都有id属性)给指定位置绑定id：<p id = “gohere”>跳转到这里来</p>

2.给a标签指定跳转位置：

　　本页面中:<a href = "#gohere">跳转</a>

　　其他页面的指定位置：<a href = "页面地址#gohere">跳转</a>

特点：这样的方式跳转是无动画的

列表标签：

分类：

1.无序列表，使用最多，(unordered list)，存放不需要顺序的数据组，比如中国城市

　　使用场景：新闻列表，商品列表，

　　列表标签格式 <ul>

　　　　　　　　</ul>

注意：a.ul标签是用来给数据添加列表语义的，不是用来添加小圆点的

　　 b.li标签和ul标签是一个组合，不会单独使用，在ul标签中，不推荐使用除了li标签之外的其他标签,但是在li标签中可以使用其他标签（包括ul标签）来丰富列表样式

2.有序列表,使用最少，ordered list，存放需要顺序存放的数据，比如排行榜　　

　使用场景：新闻列表，商品列表，

　　列表标签格式 <ol>

　　　　　　　　</ol>

注意：ol标签的注意点和ul相似

　　　ol的属性type可以指定排列方式，比如abcd,ABCD,1234

3.定义列表,使用频率在两者之间，definition list, 　

使用场景：做网站底部的相关信息，做图文混排

给以对数据添加列表语义，先通过dt标签定义列表中的所有标题，再用dd标签描述每个标题的内容　

　　列表标签格式 <dl>

　　　　　　　　　　<dt>标题(difinition title)</dt>

　　　　　　　　　　<dd>描述(difinition description)</dd>

　　　　　　　　</ol>

注意：dl和ul标签一样，dl标签和dt/dd标签是一个整体，dd中可以使用其他标签，但在dl中不要使用其他标签

　　　dt和dd标签虽然可以一对多，多对一的使用，但是推荐一对一的使用方式

表格标签：

用来给一对数据添加表格，是一种数据的展现形式，当数据量非常大的时候，用表格展示最为清晰，过去表格标签用得非常多，绝大多数的网站都是用来用表格标签来做的，像一些古老的网址新浪，或者政府网站

格式：<table>

　　　　<tr>

　　　　　　<td>需要显示的内容</td>

　　　　</tr>

　　　</table>

tr表示表格中的一行，td表示一行中的一个单元格

注意：表格标签有一个边框属性border,这个属性决定了表格的边框的宽度，默认属性值为0，看不到边框

　　　table标签都是和tr和td一起使用的