HTML网页设计基础重点.pptVIP

;本次课主体纲要;第一部分 开发工具WebStorm的使用 ;第二部分 网页介绍;些HTML翻译成网页。 所谓超文本，是因为它可以加入图片、声 音、动画、影视等内容，事实上每一个HTML 文档都是一种静态的网页文件。 二、静态与动态网页 静态网页与动态网页区别：前者是相对于后 者而言，是指没有后台数据库、不含程序和 不可交互的网页。你编的是什么它显示的就是 什么、不会有任何改变。; 常见的动态网页开发技术：JSP、PHP、ASP.NET、ASP。 三、浏览器与服务器的通信;第三部分 HTML5文档结构;DTD说明： Document Type Definition，用来说明文档类型的版本 网页必须具备的4个标签 html、head、title、body lang=“en” ：给搜索引擎看是英文网站 meta charset=“UTF-8”：网页的字符集， 防止乱码 ;第四部分 常用标签;三、a标签 1. 链接到其他网站的网页 a href = “ “ 请点击/a 注：这里的http不能省略 2. 链接到自己网站的网页 a href=“2.htm”请点击/a a href=“test/2.htm”请点击/a a href=“../2.htm”请点击/a ;3.图片超链接 a href=“2.htm img src=“1.gif” alt=“请点击”/ /a;四、列表标签 1.无序列表 ;五、p标签 主要用来作文字段落 六、span标签 主要应用在行内，用以定义一小块需要特 别标示的内容，它只能通过设置CSS样式才 能发挥作用 ;七、各种input标签 1.简单文本框 2.密码框 3. 数字框;4.复选框 5.单选框 6. 日期选择;7.上传文件框 8.普通按钮 9.图片按钮 10.提交表单数据按钮 ;11.清除表单数据按钮 12.颜色选择框 13.日期+时间输入;14.周数选择 15.月份选择;16.时间输入 17.Email输入框 注：在表单提交时，自动检测是否为email格式 ;18.电话输入框 注：在表单提交，需要和正则表达式结合 19.网址输入框 注：在表单提交时，自动检测是否为网址 ;20.搜索框 21.滑块 22.隐藏域 input type=“hidden” value=“huangbo”/ ;八、下拉框???签 select标签，它的每个选项使用option标签进行嵌 套，显示的文字在option和/option之间，每个选项对 应的值在option的value属性中设定，若想其中某个选项 被选中，请设定该项的selected;九、表单标签 表单标签（form）是网页的重要组成部分，主要用 于采集和提交用户输入的信息。表单本身是没有什么用的。 这需要编一个程序来处理表单中的数据。 form标签主要有三个重要的属性 1. action属性： 用户填入表单的信息总是需要程序来进行处理，这个属 性指明表单数据要发送到的页面或程序，如果这个属性是 空的或未写，那么当前的文档URL将被使用。 2. method属性： 有两个值: ; get:它是默认值，使用这种方法表单中提交的数据将会附 加在url之后，以?分开与url分开。字母数字字符原样发送, 空格转换为”+”，其它符号转换为%XX,其中XX为该符号以 16进制表示的ASCII（或ISO Latin-1）值。 例如： /1.htm?keyword=+ajax 使用这种方式传输的数据量小，由于受到URL长度的限 制，最多只能传递1024字节（1KB），它在HTTP头部传递 post：这种方法传递的数据量大，可以达到2M，它把数据 作为http请求的内容，数据不会附加在url之后。;3. enctype属性 有两个值： application/x-www-form-urlencoded 窗体数据被编码为名称/值对。这是标准的编码格式，缺 省值； multipart/form-data form表单中需要上传文件时需修改成这个值 4.HTML5表单中的一些新属性 （1）placeholder 用户还没有输入值时，输入型控件向用户显示提示信息 ;（2）list 和datalist属性 （