第8篇：网页中使用超链接（html）
程序员文章站
2022-07-14 14:50:15
...
创建超链接
基准URL标签<base>
超链接的类型
内部链接
外部链接
书签链接
脚本链接
文件下载
若链接的目标文档类型属于doc,rsr,cab,zip,exe等时，可以获得文件下载链接
文本链接
图片链接
超链接与浮动框架
在页面中嵌入浮动框架
浮动框架就像HTML页面中的其他对象一样，可以出现在页面中任何一个位置，但与其他对象不同的是浮动框架在页面中构建了一个 区域，这个区域可以显示另一个HTML页面的内容，区域中显示的页面使用浮动框架的属性src来指定。
基本语法：<iframe src="源文件地址" width="宽度" height="高度"></iframe>
设置浮动框架大小
基本语法：<iframe src="源文件地址" width="宽度" height="高度"></iframe>
设置浮动框架的边框
默认情况下，浮动框架会显示边框。
基本语法：<iframe frameborder="0|1"></iframe>
取1显示边框；取0则不显示边框。
浮动框架作为超链接目标
例子-超链接的使用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超链接的使用</title>
</head>
<body>
<a href="https://blog.csdn.net/weixin_40119412/article/details/103324803" target="_blank">HTML5视频</a>
<br />
<a href="https://blog.csdn.net/weixin_40119412/article/details/103324803" target="_parent">HTML5视频</a>
<br />
<a href="https://blog.csdn.net/weixin_40119412/article/details/103324803" target="_self">HTML5视频</a>
<br />
<a href="https://blog.csdn.net/weixin_40119412/article/details/103324803" target="_top">HTML5视频</a>
<br />
<p>脚本链接</p>
<a href="javascript:alert('这是脚本链接!')">脚本链接（点击则出现脚本！）</a>
<p>
<a href="../file/空文件.doc">空文件下载</a>
</p>
</body>
</html>
例子-书签链接的使用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超链接-书签链接的使用</title>
</head>
<body>
<a id="ff">HTML基础教程</a>
<p><a href="#one">基本概念</a></p>
<p><a href="#two">头部标签</a></p>
<p><a href="#three">多媒体</a></p>
<br />
<br />
<br />
<p><a id="one">基本概念</a>
HTML就是万维网中的超文本，也叫做超文本标记语言。”超文本”就是表示页面内可以包含非文字元素，如：图片、链接、音乐等等。
在Web服务中，信息一般是使用HTML格式以超文本和超媒体方式传送的，所使用的Internet协议是HTTP协议。
</p>
<br />
<br />
<p><a id="two">头部标签</a>
meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们都能看到meta标签,不过浏览器的显示页面中是看不到的,
也许你认为这些代码可有可无。其实meta标签很重要，会给你的网站带来实际的效果，
例如网站描述()会在搜索引擎的索引中得到体现. 例如使用meta标签设置网站的编码是gbk2312还是utf-8meta标签设定关键字
</p>
<br />
<br>
<p><a id="three">多媒体</a>
多媒体来自多种不同的格式。它可以是您听到或看到的任何内容，文字、图片、音乐、音效、录音、电影、动画等等。
在因特网上，您会经常发现嵌入网页中的多媒体元素，现代浏览器已支持多种多媒体格式。
</p>
<iframe src="https://blog.csdn.net/weixin_40119412/article/details/103128279" height="600" width="800" frameborder="1"></iframe>
<br />
<a href="https://blog.csdn.net/weixin_40119412/article/details/103128279" align="center">点击查看</a>
<br />
<div align="center">
<iframe src="https://blog.csdn.net/weixin_40119412/article/details/103124821" height="400" width="800" name="iframe"></iframe>
</div>
<br />
<a href="https://blog.csdn.net/weixin_40119412/article/details/103128279" target="iframe">点击查看</a>
<br />
<hr />
</body>
</html>