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