前言
关于本章,内嵌标签和表单是重中之重,必须要会,为日后的MVC架构做铺垫,起到基石的作用!
范例
1.iframe标签的用法
我们看到的网页,一般都是有布局的。比如顶部是标题,底部是产品简介及版权声明,中央左侧是功能菜单,右侧是内容显示等等。
其实说白了,其实际上是三种不同的网页的集合,使用内嵌标签进行管理
我们看一个实例:网页嵌套淘宝网站:
其代码实现如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>内嵌标签学习</title>
</head>
<body>
<iframe src="http://www.taobao.com" width="100%" height="600px"></iframe>
</body>
</html>
再看一个例子:如果你是个购物狂,京东和淘宝都逛,无法在一张页面上显示怎么办?没关系,实例代码如下: 这样,你就可以两个同时逛了吧,是不是很有意思!!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>内嵌标签学习</title>
</head>
<body>
<a href="http://www.jd.com" target="jd">我爱京东</a>
<a href="http://www.taobao.com" target="tb">我爱淘宝</a><br/>
<iframe src="" width="50%" height="400px" name="jd"></iframe>
<iframe src="" width="49%" height="400px" name="tb"></iframe>
</body>
</html>
表单相关知识日后补充。。。