结构标记
经常使用
元素设计页面的大致布局,如页头、导航栏、主要内容部分和页脚等
布局复杂时,会出现大量的
元素
元素相互形成嵌套,页面会难以处理和维护
HTML5 提供了结构标记,专门用于标识常见的结构
如页头、页脚等
可以很方便的实现页面各个部分的划分
使得文档结构更清晰明确,代码更容易阅读
html
页头部分内容
页面主体部分内容
页脚部分
HTML5
页头部分内容
页面主体部分内容
页脚部分
标签,用于定义文档的页眉
通常是一些介绍信息、导航信息、站点标题或者logo 图片等
可以在页面上出现多次,可以作为任何部分的头部定义
元素来定义页面的导航链接部分
用于包含表示链接的其他元素
Flowers
标签用于定义文档中的节
表示文档中的一个具体的组成部分
常用于为页面上的内容分块,比如定义章节、页眉、页脚或文档中的其他部分可以使用 元素为内容添加标题
Rose
With sunshine, water, and careful tending, roses will bloom several times in a season.
标签常用于定义独立于文档的其他部分的内容
比如论坛的一个帖子、一篇报纸文章、某个博客条目或者用户评论等
Rose
With sunshine, water, and careful tending, roses will bloom several times in a season.
Internet Explorer 9
IE9于 2011 年 3 月 14 日发布.....
元素常用于定义某区域的脚注信息
常用来定义文档的页脚,以包含友情链接、版权信息和作者信息等
一个页面中也可以包含多个 元素
…
©2012 XX网 京ICP证XXXXX号
元素常用于定义页面的一些额外组成部分
如广告栏、侧边栏和相关引用信息等
…
最新留言
广告
©2012 XX网 京ICP证XXXXX号
表单
表单的作用
表单用于显示收集信息,并提交信息到服务器
表单有两个基本部分:1,实现数据交互的界面可见元素,如短文本框和按,2,提交后的表单处理
界面元素
用创建表单,在中添加表单可以包含的其他控件元素
定义表单
的主要属性:
action 定义表单被提交时发生的动作,通常包含服务器方的脚本
method 表单提交数据的方式,取值为get或者post //需要复习
enctype 表单数据进行编码的方式
name表单名称
表单控件
input 单选,复选框,按钮,选项,文本选择和隐藏控件等等
用于收集用户信息
主要属性:
type 文本框,复选框等类型
name 控件名称
value 控件的数据
disabled 禁用控件
textarea
select和option元素
文本框与密码框
主要属性
name 名称
value 由用户自由输入任何文本
maxlength 限制输入的字符数
readonly 限制为只读姓名:
value="mary" maxlength="6" />
密码:
单选框和复选框
主要属性
name 名称
value 文本,选中则被提交
checked 默认被选中
性别:
男
女
保密
喜欢的城市:
北京
厦门
敦煌
杭州
按钮
提交按钮
重置按钮
普通按钮
常用属性 name value
隐藏域和文件选择框
name value
name
lable控件
主要属性:
for:表示与该元素相联系的控件的 ID 值
作用:
将文本与控件联系在一起后,单击文本,效果就同单击控件一样
不要公开我的信息
选项框
两种 下拉框和滚动列表
常用属性
name
size 大于1则为滚动列表
multiple 设置多选
选项
value 选项的值
selected 预选中
选择课程:
Java
C++
PHP
textarea 多行文本输入框
多行文本输入框
文本
主要属性:
name:名称
cols:指定文本区域的列数
rows:指定文本区域的行数
readonly:只读 元素:为控件分组
元素:为分组指定一个标题
地址信息
地址:
邮编:
网友评论