第三节 HTML标签中

2017-04-14 本文已影响9人哈哈super

1.body标记

所有文本、图像、音频和视频等信息都必须位于<body>标记内，<body>标记中的信息才是最终展示给用户看的。

一个html文档中只有一对body标记−且<body>标记必须在<html>标记内，位于<head>头部标记之后，与<head>标记是并列关系。

2.标题标签

h1~h6 字体从大到小 注意只有<h1><h1>~<h6></h6>

注意：标题标签之嵌套行内标签

3.段落标记，行内标签

水平线标记<hr/>

换行标记<br/>

<em> 定义着重文字

<strong> 定义家中语气

<sub>定义下标字

<sup>定义上标字

<del>定义删除字

3.超级链接标签a 行内标记

href属性指向跳转的地址

#空链接

target属性：_blank新窗口打开 _self原窗口打开默认值

锚点链接

通过创建锚点链接，用户能够快速定位到目标内容。

创建锚点链接分为两步：

l使用“<a href="#id名">链接文本”创建链接文本。

l使用相应的id名标注跳转目标的位置。

4.URL协议

统一资源定位符

常见的协议:http、https、ftp、迅雷协议等

5.路径

相对路径：/ ../ ../../ 不带有盘符

绝对路径：C：\Users\ 带有盘符的路径

6.图片格式

gif: 色彩效果最低，支持透明，支持动画，适合颜色比较少，不适合渐变色。常用于logo

jpg

色彩还原高，适合复杂颜色图片，比如banner

png

清晰，无损压缩，压缩比率很高，可渐变透明，具备几乎所有GIF的优点；缺点是不如JPG的颜色丰富，同样的图片体积也比JPG略大

总结:

gif和png基本差不多，色彩比较少的直接gif，如果图片动画用gif。对色彩要求高的用jpg。

7.图片标签的使用

Src：图片的网站。

Alt：图片不显示的时候，会显示alt属性的文本

Title：对网站的seo有很大的影响。当鼠标移上去的时候，图片显示的tip提示文本内容。