HTML元素--iframe浮动窗口
对框架的补充,框架不能和body共存,而有时候我们恰恰又需要body,形成画中画的效果。需求: 有时我们需要,在一个含有<body>的页面嵌入另外一个页面,形成画中画的效果。
iframe元素(浮动窗口)
嵌入百度页面
- <html>
- <head></head>
- <body>
- <h1>Hello,world!</h1>
- <!--本页面浮动窗口的跳转-->
- <a href="http://www.taobao.com" target="iframe1">连接到淘宝</a>
- <br/>
- <iframe name="iframe1" src="http://www.baidu.com" width="500px" height="400px"/>
- </body>
- </html>
form(表单)元素介绍 **重点**
为什么需要
从上图可以看出,我们需要把一些数据提交给服务器处里,比如注册用户,发帖……,这样就需要使用到表单元素(常见:输入框、单选框、复选框、文本域、密码框、上传文件&……)
基本结构
<input type="类型" name="名字" />
一般说,表单元素通常是被<form>包含起来的
form(表单)元素—小练习
- <html>
- <head>
- <title>登录界面</title>
- </head>
- <body>
- <!--method 方法指定提交数据的方式,常用的有两种 get/post-->
- <!--action的值应当是提交给哪个页面(url)-->
- <form action="ok.html" method="get">
- <!--name 的值可以任意,但是不要使用关键字,中文和数字打头,有意义的用户名,实在不会用在线翻译-->
- 用户名:<input type="text" name="username" /><br/>
- 密 码:<input type="password" name="psword" /><br/>
- <!--此处的value用于在按钮上显示字-->
- <input type="submit" value="登录系统" />
- <input type="reset" value="重新填写" />
- </form>
- </body>
- </html>
基础扎实,原理性的东西搞明白,后劲足,不要浮躁,宁慢毋快