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

HTml的超链接

2016-07-09 10:02 381 查看
1.文字的超链接:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>你好,html</title>

</head>

<body>

<a href="http://www.baidu.com">百度一下</a>

</body>

</html>

2.图片的超链接:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>你好,html</title>

</head>

<body>

<a href="http://www.baidu.com"><img  src="666.jpg"/></a>

</body>

</html>

3.在新窗口打开链接:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>你好,html</title>

</head>

<body>

<a href="http://www.baidu.com" target="_blank">百度一下</a>

</body>

</html>

4.页面布局:

(1)行的处理:注意要把body给去掉

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>你好,html</title>

</head>

<frameset cols="30%,*">

<frame>

<frame>

</frameset>

</html>

(2)列的处理:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>你好,html</title>

</head>

<frameset rows="30%,*">

<frame>

<frame>

</frameset>

</html>

(3)行列综合

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>你好,html</title>

</head>

<frameset rows="30%,*">

<frame>

<frameset cols="30%,*">

<frame>

<frame>

</frameset>

</frameset>

</html>

(4)网页的嵌套:

first的网页:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>你好,html</title>

</head>

<body>

first

</body>
</html>

second的网页

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>你好,html</title>

</head>

<body>

second

</body>
</html>

嵌套:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>你好,html</title>

</head>

<frameset rows="30%,*">

<frame src="first.html">

<frame src="second.html">

</frameset>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html java 单表查询