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>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好,html</title>
</head>
<body>
second
</body>
<!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>
<!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>
<!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>