HTML-页面布局 / 表单

页面布局

页面布局也可以叫做排版，他指的是把文字和图片等元素按照我们意愿有机的排列在页面上，布局的方式分别为两种：

1. table布局：通过table元素将页面空间划分为若干个单元格，将文字或者图片等元素放入单元格中，隐藏表格 边框，从而实现布局。这种布局方式叫做传统布局，目前主要用在EDM(广告邮件中的页面)中，主流的布局方式不是这种。
2. HTML+CSS布局(DIV+CSS):主要是通过CSS样式设置来布局文字或图片等元素，需要用到CSS盒子模型、盒子类型、CSS浮动、CSS定位、CSS北京图定位等知识来布局、他比传统布局更高复杂，目前是主流的布局方式。

HTML表单

表单用于搜集不同类型的用户输入，表单由不同类型的标签组成，相关标签及属性用法如下：

1. 标签，定义整体的表单区域
   • action属性，定义表单数据提交地址。
   • method属性，定义表单提交方式，一般有‘get’方式和‘post'方式。
2. 标签，为表单元素定义文字标注
3. 标签 定义通过的表单元素
   • type属性
     • type = 'text' 定义单行文本输入框
     • type = 'password' 定义密码输入框
     • type = 'rodi' 定义单选框
     • type = 'checkbox' 定义复选框
     • type = 'file' 定义上窜文件
     • type = 'submit' 定义提交按钮
     • type = 'image' 定义图片作为提交按钮
     • type = 'hidden' 定义一个隐藏的表单域，用来存储值
   • value属性，定义表单元素的值
   • name属性，定义表单元素的名称，此名称是提交数据时的键名
4. </strong> 标签定义多行文本输入框</li> <li><strong><select></strong>标签，定义下拉表单元素</li> <li><strong><option></strong> 标签与<strong><select></strong>标签配合，定义下拉表单元素中的选项。</li> </ol>