前言

       关于本章,内嵌标签和表单是重中之重,必须要会,为日后的MVC架构做铺垫,起到基石的作用!

范例

1.iframe标签的用法

我们看到的网页,一般都是有布局的。比如顶部是标题,底部是产品简介及版权声明,中央左侧是功能菜单,右侧是内容显示等等。

HTML入门(五)内嵌标签及表单

其实说白了,其实际上是三种不同的网页的集合,使用内嵌标签进行管理

我们看一个实例:网页嵌套淘宝网站:

HTML入门(五)内嵌标签及表单

其代码实现如下:

<!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>

再看一个例子:如果你是个购物狂,京东和淘宝都逛,无法在一张页面上显示怎么办?没关系,实例代码如下:
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>

表单相关知识日后补充。。。

相关文章: