3-图像与超链接标签的应用

一、案例：制作简单王者荣耀文化站

二、知识必备

1、图像标签img

1.1用法：
<img src="img/logo.png" alt="王者荣耀" width="200" height="200">
1.2属性说明：

src:图像路径，即URL
alt:替换文本
width:图像宽度,默认单位px，可省略
height:图像高度，默认单位px>

1.3 图像常用格式：

1.4图像路径：

2、超链接标签a

2.1作用：
从1个页面跳到另一个页面或在同一页面不同位置间跳转。

2.2用法：
<a href="news.html“ target="_blank" title="这里是王者现场">赛事新闻</a>

2.3属性说明：

href :链接指向页面的URL
target:链接文件的窗口打开方式
_blank:新窗口打开
_self:当前窗口打开。（默认）
title:提示文本

2.4应用

外部链接：
<a href="http://www.baidu.com">跳转到百度</a>
内部链接：
<a href="news.html">跳转到新闻页</a>
空链接：
<a href="#">空链接</a>
锚记链接：
在页面内不同位置间跳转。
第1步 ：添加锚记 <a id="top"></a>
第2步：锚记链接 <a href="#top">跳转到id为top处</a>

未完待续。。。