HTML 学习小记（三）

1. HTML 块
<div> 元素 和 <span> 元素
这两个元素本身都没有特殊的意义，只是用来整合HTML各元素的一个标记。 如果与CSS结合使用，那么css的样式可以在这两个元素中进行定义， 对该块中的内容附上样式
块级元素，显示出来的时候前后都会换行

2. HTML 布局
一般使用 <div>和<table> 两种方式进行布局。
虽然table也可以设计出不错的布局，但是table的本质目的是为了展现表格式数据，table不是布局工具。
页面的布局推荐使用CSS，便于维护和修改。如果把 CSS 代码存放到外部样式表中，那么站点会更易于维护。通过编辑单一的文件，就可以改变所有页面的布局。
（由于创建高级的布局非常耗时，使用模板是一个快速的选项。通过搜索引擎可以找到很多免费的网站模板。 可以使用这些预先构建好的网站布局，之后按照自己的需求进行调整。
）

3.HTML 表单
表单是一个包含表单元素的区域，使用表单标签<form>定义
表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。

通常情况下我们用到的输入元素是 <input> 然后按照不同的需求设置type属性
常用文本输入：

<form>
Your name: 
<input type="text" name="firstname" />
</form>

密码输入：
<input type="password" name="firstname" />
选项输入：
<input type="radio" name="firstname" />
checkBox：
<input type="checkbox" name="firstname" />
等等，具体不同的样式还有很多，具体用到的时候查一下就可以

带有提交按钮的表单：

<form name="input" action="html_form_action.asp" method="get">
Username: 
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

这时在上面的文本框内键入几个字母，然后点击确认按钮，那么输入数据会传送到 "html_form_action.asp" 的页面。该页面将显示出输入的结果。