06-29图像标签+超链接标签（a标签+页面+锚点+功能）

一、图像标签

body部分设计图像的标签，如下：

<dl><dt><img src="图片连接 或者 本地的图片 路径"> </dt><dt>  喜欢的网站</dt><dd>百度</dd><dd>京东</dd><dd>视屏网站</dd></dl>
图片格式（所有网站通用的）： png  gif  jpg注：图片连接后 还可以 设置  height="80" width="30" ,但一般图片大小提前设计好，这里不修改图片大小；

二、超链接（href）–页面链接

在每个按钮旁附加网页连接，点击按钮直接调至链接目的地—页面标签，如下：

href--超链接(一般是a标签的属性）
anchor---a标签-链接target= "_blank"  空白的新窗口打开新页面
target="_self" 在当前窗口打开（不写self默认当前窗口）
http  链接（加不加s都行，很多网站自动调至安全链接https）
https 安全链接
href 也可以写自己写的网站页面

<h2>liam喜欢的网站</h2>
<ul><li><a href="http://www.baidu.com"  target= "_blank"> 百度</a></li><li><a href="http://www.jd.com"></a>京东</li><li>视频网站<ol><li>优酷</li><li><a href="hello.html" ></a>爱奇艺</li><li>腾讯视频</li></ol>
</ul>
修改超链接： 调整颜色和去除下划线
在样式中：
<style>
a{-----------------a 表示a标签， .a（点a)表示属性
color:red;  ------------------------a标签下的字体为红色
text-decoration:none;----------------a标签下划线装饰不要
}a：hover {----------修改鼠标放在页面连接按钮上时：按钮字体颜色的改变color=green；
}
</style>

三、超链接—锚点连接

如：回底部和回顶部按钮；
设锚点,到锚点去

<a name="shit"> </a>  <a href="#shit2"> 去底部</a>
页面底部：
<p><a href= "#shit"> 回顶部</a><a name=shit2"></a>
</p>

锚链接不仅可以去当前页面的顶部或底部，还可以去其他页面的锚点位置，如：

<a href =" hello.html#foo"> 看新闻</a>

四、超链接—功能连接

如页面底部的联系站长–发邮件
连接是用来 连接其他应用做一些事情

页面底部：

<a href="mailto:guanliyuan@123.com"> 联系管理员</a>

这个连接标签会直接打开电脑桌面上的邮件 应用

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！