您的位置：首页 > Web前端 > HTML

html链接和框架标签

2016-03-08 09:10 459 查看

1.html链接标签

1.链接<a href=""></a>

<html>
<head>
<title>链接测试网页</title>
</head>
<body>
<a href="http://www.qq.com">qq</a>
</body>
</html>

有target标签这个标签可以让网页重新出现一个新的网页

_blank

_self

_parent

_top

framename

这个是其中的5个属性

我们以_blank为例

<html>
<head>
<title>链接测试网页</title>
</head>
<body>
<a href="http://www.qq.com" target="_blank">qq</a>
</body>
</html>

2.文字连接与图片链接

<html>
<head>
<title>链接测试网页</title>
</head>
<body>
<!-------文字链接---->
<a href="http://www.qq.com" target="_blank">qq</a>
<!-------图片链接---->
<a href="http://www.qq.com" target="_blank"><img src="8.png" width="20%"></a>
</body>
</html>

3.锚标记

<html>
<head>
<title>链接测试网页</title>
</head>
<body>
<!------测试码仅供参考------>
<a href="#poem">poem</a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a name="poem">
举头望明月
低头思故乡
</a>
</body>
</html>

4.链接一些其它应用

1.在链接中用锚标记

例如：<a href="http://www.w3schools.com/html_links.asp#tips">Jump to the Useful Tips Section</a>

2.发送文件

例如：<a href="mailto:someone@microsoft.com?subject=Hello%20again">

3.下载文件

例：<a href=""ftp://www.xinqushi.net/files/a.zip"">

这个需要下载fps 这个是个非常有用的东西

2.html框架标签

frame框架的关键字框架就相当于是给网页分成一个一个模块这些模块也是每个网页首先让我们了解几个关键字

col = column = 列

row = row = 行

frameset 框架的构建

frameborder 框架的边框

1.col框架

<html>
<head>
<title>框架测试网页</title>
</head>
<frameset cols="30%,*">
<frame src="">
<frame src="">
</frame>
</html>

2.row框架

<html>
<head>
<title>框架测试网页</title>
</head>
<frameset rows="30%,*">
<frame src="">
<frame src="">
</frame>
</html>

3.row和col混合框架

<html>
<head>
<title>框架测试网页</title>
</head>
<frameset rows="30%,*">
<frame src="">
<frameset cols="50%,*">
<frame src="">
<frame src="">
</frame>
</html>

4.举个带有内容的例子以col为例

<!-----my.html------>
<html>
<head>
<title>框架测试网页</title>
</head>
<frameset cols="30%,*">
<frame src="menu.html" frameborder="1">
<frame src="" frameborder="1" name="hehe">
</frameset>
</html>

<!-------menu.html------>
<p><a href="addbook.html" target="hehe">我需要增加这本书</a></p>
<p><a href="lookfor.html" target="hehe">我需要查找这本书</a></p>

<!-----addbook.html---->
没有错 我就是你要准备加的那本书！！！

<!------lookfor.html------>
请点击查找 输入你需要查找的那本书

5.内嵌框架<iframe src=""></iframe>

<!-----my.html------>
<html>
<head>
<title>框架测试网页</title>
</head>
nobody
<iframe src="http://www.qq.com" width="40%" height="40%" frameborder="1"></iframe>
</frameset>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航