日期:2014-05-17  浏览次数:20711 次

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" 的页面。该页面将显示出输入的结果。