1.HTML区块元素:块级元素在浏览器显示时,通常会以新行来开始(和结束)。
<div> 是块级元素,没有特定的含义。由于它属于块级元素,浏览器会在其前后显示折行。
内联元素在显示时通常不会以新行开始。
<span> 元素是内联元素,可用作文本的容器。
2.表单
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置:
输入标签<input>
文本域通过<input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。
示例1.
<form>
姓名:<input type="text" name="姓名"><br>
性别:<input type="text" name="性别">
</form>
密码字段通过标签<input type="password"> 来定义;
<form>
Password: <input type="password" name="password">
</form>
单选按钮Radio Buttons通过<input type="radio"> 标签定义;
<input type="radio" name="中国" value="北京">北京<br>
复选框Checkboxes通过<input type="checkbox"> 标签定义;
<input type="checkbox" name="国籍" value="中国">我是中国人<br>
提交按钮Submit Button由<input type="submit"> 标签定义;
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
示例2.
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
下拉列表
示例3.
<form action="">
<select name="人选">
<option value="小明">小明</option>
<option value="小王" selected>小王</option>
<option value="小方">小方</option>
</select>
</form>
创建按钮
示例4.
<form action="">
<input type="button" value="Hello world!">
</form>
带表题边框的表单
示例5.
<form action="">
<fieldset>
<legend>身份证:</legend>
Name: <input type="text" size="30"><br>
身份证号码: <input type="text" size="30"><br>
年限: <input type="text" size="10">
</fieldset>
</form>
表单发送邮件
<form action="MAILTO:dingzg1993@163.com" method="post" enctype="text/plain">
Name:<br>
<input type="text" name="name" value="your name"><br>
E-mail:<br>
<input type="text" name="mail" value="your email"><br>
Comment:<br>
<input type="text" name="comment" value="your comment" size="50"><br><br>
<input type="submit" value="发送">
<input type="reset" value="重置">
</form>
3.HTML框架
框架可以在浏览器中显示不止一个页面。
语法:
<iframe src="URL"></iframe>
实例.
<iframe src="demo.htm" width="500" height="400"></iframe>
移除边框:
<iframe src="demo.htm" frameborder="0"></iframe>
iframe可以显示一个目标链接的页面,目标链接的属性必须使用iframe的属性,
实例.
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.baidu.com" target="iframe_a">baidu</a></p>