HTML学习第二日

1. 图片标签
即img,用于加载图片
属性：

• src：设置图片路径
• width：设置图片宽度（单位可以是px也可以是百分比）
• height：设置图片高度（单位可以是px也可以是百分比）
• title：设置图片标题，鼠标放在图片上会显示
• alt：图片加载失败后的提示

<img src="2-html-0.png" width="20%">
<img src="2-html-1.jpg" width="30%" title="鸣人">
<img src="2-html-2.jpg" width="30%" title="雏田">

2. 超链接标签
即a，用于加载超链接
属性：

• href：要跳转网页资源的路径
• target：知名跳转网页资源的位置(_self 在当前网页中刷新显示；_blank 在新的标签页中显示；_top 在顶层页面中显示；_parent 在父级页面中显示)
• name ：锚点名（可使用访问方式标签跳转到指定锚点）

<a href="http://www.baidu.com"><img src="2-html-3.png" width="18%" height="15%" title="百度"></a>
<a href="http://www.taobao.com"><img src="2-html-4.png" width="18%" height="15%" title="淘宝"></a>
<a href="http://www.jd.com"><img src="2-html-5.png" width="18%" height="15%" title="京东"></a>
<a href="https://v.qq.com/"><img src="2-html-6.png" width="18%" height="15%" title="腾讯视频"></a>
<a href="https://y.qq.com/"><img src="2-html-7.png" width="18%" height="15%" title="QQ音乐"></a>

3.iframe标签
即iframe，用于在当前网页中显示另一网页
属性：

• src：设置目标网页路径
• width：设置网页显示宽度（单位可以是px也可以是百分比）
• height：设置网页显示高度（单位可以是px也可以是百分比）

		<a href="http://v.qq.com" target="-if"><b>腾讯视频</b></a>
		&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
		<a href="http://www.baidu.com" target="-if"><b>百度一下</b></a>
		&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
		<a href="http://www.taobao.com" target="-if"><b>淘宝商城</b></a>
		&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
		<a href="http://y.qq.com" target="-if"><b>QQ音乐</b></a>
		&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
		<a href="http://www.bilibili.com" target="-if"><b>bilibili</b></a>
		<br>
		<br>
		<iframe src="" width="100%" height="500px" name="-if"></iframe>