第5章 制作静态网页

《第5章 制作静态网页》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第5章制作静态网页本章主要内容5.1制作网站的原型5.2制作注册页面5.2.1HTML的常用标签5.2.2CSS简介5.2.3使用HTML＋CSS制作注册页面5.2.4JavaScript简介5.2.5为注册表单添加JavaScript验证5.1制作网站的原型这里给出了几个主要页面的原型：页面整体布局原型图5.1制作网站的原型前台首页（帖子列表显示页面）原型：5.1制作网站的原型帖子详情页面的原型：5.1制作网站的原型发表新帖页面的原型：5.2制作注册页面为了给新会员提供一个注册页面，我们需要完成以下任务：使用HT

2、ML＋CSS制作输入页面使用JavaScript完成输入数据的前端验证下面介绍HTML、CSS以及JavaScript的基础知识。5.2.1HTML的常用标签1.表格系列标签

3、>标签对表示标题行中的一个单元格，一般为居中加粗显示。标签对显示在表格上方或下方的表格标题5.2.1HTML的常用标签例5.1的主要代码:CD库存表歌星库存量单价张学友1200120.00元

4、>李克勤68080.00元5.2.1HTML的常用标签例5.2表格标签的跨行跨列示例星期一上午下午语文数学

5、ody>5.2.1HTML的常用标签2.表单系列标签form标签格式：form标签对表示一个表单的开始和结束，属性说明：action属性：表示接收本表单数据的资源名称method属性：表示提交数据的方式，可取"post"或"get"值，默认值是"get"。取"get"方式时，提交的数据将附在网页地址(即url)后提交给接收页面。name属性：表示该表单的名称，若无需要可以省略。5.2.1HTML的常用标签input标签格式：

6、pe=""name=""id=""value="">input标签是最常用的输入标签，其属性说明如下：name属性表示该输入元素的名字，也即向服务器提交的请求参数的名称，通常应起一个有意义的名字；id属性表示该元素在页面中的唯一标识名，CSS可以通过id来控制该元素的样式，而JavaScript代码也是通过id来查找页面上的某个元素的。一般来说，在不引起混淆的情况下，可以将name和id设为相同的值。value属性表示该输入元素的初始值，默认值为空字符串。5.2.1HTML的常用标签input标签的type属性可取

7、不同的值，在页面上表现为不同的形态，如右表所示。type属性的取值类型说明text单行文本框password密码输入框radio单选按钮checkbox复选框file文件选择框hidden隐藏域submit提交按钮reset重置按钮button普通按钮image图片按钮5.2.1HTML的常用标签select标签格式：选项1选项2......5.2.1HTML

8、的常用标签例5.4使用下拉框提供多选一的选项