图像
1、格式
2、图像元素
语法：<img>
属性：
1、src
指定要显示图像的URL
2 、width
宽度，指定图像的宽度
以px作为单位的数值，px可以省略
3、height
高度，指定图像的高度
以px作为单位的数值，px可以省略
注意：
1 、如果 width 和 height 只设置了一个属性的话，那么另外一个属性会跟着"等比缩放"
2、src中的 URL ，要严格区分大小写(服务器端约束)
<!doctype html> <html> <head> <title>我的第一个作业</title> <meta charset="utf-8"> </head> <body> <h1 align="center">HTML5 <DAY01></h1> <hr> <h2>1 HTML 文档片段</h2> <h3>1.1 问题</h3> <p> 创建如图－1所示的 HTML 页面： </p> <!-- 添加一副图像 以及 文本 --> <p align="center"> <a href="http://www.tmooc.cn" target="_blank"> <img src="../Images/page.JPG"> </a> </p> <h4 align="center">图-1</h4> </body> </html>
3、链接
1、链接元素
语法：<a>内容</a>
属性：
1、href 属性
链接的文件的url
2、target
目标，打开新网页的方式
取值：
1、_self
在自身页面中打开新页面
2、_blank
在新标签页中打开新页面
2、链接的表现形式
1、链接目标为资源下载
<a href="***.rar/zip">下载</a>
rar/zip:压缩包
2、电子邮件链接
<a href="mailto:电子邮件地址">联系我们</a> 前提：
1、有电子邮件
2、机器中必须装有邮件客户端(Foxmail,outlook,...)
3、返回页面顶部的空链接
<a href="#">返回顶部</a>
4、链接到Javascript
<a href="javascript:">JS功能</a>
3、锚点
1 、作用
在html文档中某个位置处做记号
2、使用方式
1、定义锚点
1、任何一个元素的id属性可以作为锚点
<div id="name1"></div>
2、a 元素 的 name 属性
<a name="name2"></a>
2、链接到锚点
<a href="#锚点名称">链接到锚点</a>
<a href="页面URL#锚点名称">其他页面锚点</a>