1.body标记
所有文本、图像、音频和视频等信息都必须位于<body>标记内,<body>标记中的信息才是最终展示给用户看的。
一个html文档中只有一对body标记−且<body>标记必须在<html>标记内,位于<head>头部标记之后,与<head>标记是并列关系。
2.标题标签
h1~h6 字体从大到小 注意 只有<h1><h1>~<h6></h6>
注意:标题标签之嵌套行内标签
3.段落标记,行内标签
<p>我是段落</p>
水平线标记<hr/>
换行标记<br/>
<em> 定义着重文字
<strong> 定义家中语气
<sub>定义下标字
<sup>定义上标字
<del>定义删除字
3.超级链接标签a 行内标记
<a href="www.baidu.com">百度</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.图片标签的使用
<img src="" title="图片的标题" alt="当图片不显示的时候,会显示alt属性的文本">
Src:图片的网站。
Alt:图片不显示的时候,会显示alt属性的文本
Title:对网站的seo有很大的影响。当鼠标移上去的时候,图片显示的tip提示文本内容。
网友评论