一、<a></a>标签
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性，它指示链接的目标。
// a标签
// 1.页面跳转
// <a href = "路径" target ="打开方式：默认"> 内容 </a>
<a href = "https://www.sogou.com" target = "_blank">跳转到搜狗</a>
// 跳转到搜狗搜索的首页，打开方式为新建一个页面，打开方式默认为
// 2.定位
//设定锚点
//在要定位到的位置 找一个标签 给他加id属性 属性值就是锚点名称
//id属性添加到标签之中，例如：<h1 id = "id名称"></h1>
//定位到锚点
<a href = "#id名称">内容</a>
//跳转到本页面中的某一处，值由id来决定，“#”代表跳转到本页面中的内容，只写一个“#”代表刷新页面
// 3.下载
// a标签跳转到的文件 浏览器打不开 则提供下载
<a href="index.rar">跳转到index.rar</a>
二、<iframe></iframe>标签
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
<!--iframe标签可以把一个网页的内容放在另一个网页中显示-->
<a href="index.html" target="dd">点击</a>
<iframe id="dd" src="
http://www.sogou.com" frameborder="1"></iframe>
<!--src:路径，frameborder:边框宽度-->
三、<img></img>标签
img 元素向网页中嵌入一幅图像。
请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
<p>
实验：
<a href="
http://www.sogou.com" >
<img border="1" src="Matteo_Panama_4.jpg" width="100px"; height="100px"; />
<!--通过点击img标签里的图片，进行跳转，最终目标为a标签内的搜狗的首页。-->
</a>
</p>
<!--img标签 路径：src herf 都代表路径，注意用在哪个标签里-->
<!--<img src="路径" alt="图片替代文本" width:“宽度”; height:“高度”; />-->
<!-- src和alt属性是img标签内必须要有的两个属性。-->
<!-- 另外，宽度和高度默认只设置一个，因为尺寸可以等比例放大或者缩小。保持图片的比例。 -->
四、<ol></ol> <ul></ul> <li></li>
<ol> 标签定义有序列表。
<ul> 标签定义无序列表。
<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中
<ul type="circle" >
<li>你好</li>
<li>nihao</li>
</ul>
<ol type="A">
<li>nihao</li>
<li>你好</li>
</ol>
<!-- ul为无序排列，ol为有序排列,使用TYPE改变排序所用的符号-->
<!-- 内容只能放在li标签内 -->
五、<link>标签
<link rel="shortcut icon" href="file:///E:/JAVAxuexi/20180621/bitbug_favicon.ico" />
<!-- <link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
此元素只能存在于 head 部分，不过它可出现任何次数。
rel为类型，其中shortcut icon 为快捷图标，href为路径，图片格式只能存放*.ico的图片文件。 -->