此内容包含:
目标:
HTML:Hyper Text Markup Language(超文本标记语言)
超文本包括:文字、图片、音频、视频、动画等
常见的网页编辑工具IDE:
....
无序列表和定义列表在网页制作中应用非常广泛
什么是列表:
列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息。
无序列表
列表项中可以包含图片、文本,还可以嵌套列表、其他标签等
无序列表的特性
有序列表
有序列表默认以数字序号显示
有序列表与无序列表一样,也可以嵌套列表、可以包含图片、文本、其他标签等
有序列表的特性
自定义列表
定义列表也可以嵌套列表、包含图片、文本、其他标签等
以后的网页制作中经常会用到定义列表,特别是图文混排的情况
定义列表的特性
为什么使用表格
基本结构
表格的基本语法
表格的跨列
表格的跨行
表格的跨行和跨列
用post方式提交表单数据。
1、文本框
2、密码框
向密码框中输入字符时,显示的效果,密码字符以黑色实心的圆点来显示。
3、单选按钮
同一组单选按钮,name属性值必须相同,才能在选中单选按钮时达到互斥
4、复选框
同一组复选框,根据需要可设置name属性值相同
5、下拉列表框
一个中至少包含一下
希望在页面加载时有默认选中的选中项,则必须使用selected属性,如果没有默认选中项则第一个选项默认被选中;演示时改变size的值和selected默认值,看到显示效果,加深对这两个属性的理解。
6、按钮
7、多行文本域
改变cols和rows的值,让学员看到由于这两个值的改变,文本框内容显示的改变。强调多行文本域的内容是在标签之间。
8、文件域
在表单中使用文件域时,必须设置表单的“enctype”编码属性为“multipart/form-data”,表示将表单数据分为多部分提交。未来文件上传和下载会详细讲解,现在了解即可!
9、邮箱
会自动验证Email地址格式是否正确
10、网址
会自动验证URL地址格式是否正确
11、数字
13、搜索框
type值为search即为搜索框。
在某些注册页面或本图片中订单信息页面,必须同意一些条款按钮才能使用等等
在浏览器中看不到隐藏域,但是在提交表单时可以看到隐藏域的内容被提交至服务器
W3C HTML5标准中,规定对于布尔类型的属性,属性值可以省略
增强鼠标的可用性
自动将焦点转移到与该标注相关的表单元素上
表单初级验证的方法
提示语默认显示,当文本框中输入内容时提示语消失
规定文本框填写内容不能为空,否则不允许用户提交表单
用户输入的内容必须符合正则表达式所指的规则,否则就不能提交表单