HTML5学习笔记(前台页面).docx

第一节网站开发的简介第二节网站开发工具URL网址（协议、域名IP地址、端口默认80、请求的文件、附加资源）ftp上传及下载做一个服务器发布网站的构件常见组合：1）Linux + Apache（开放）+ MySQL（开放）PHP =LAMP（当今做网站最好的组合、很多公司选择）1.自由软件、无需费用、容易获得开源文件2.开发速度快（PHP是J2EE的3.5倍）2）Unix + Tomcat + Oracle + JSP =J2EE1.最贵（银行、电信），操作系统贵2.大型公司开发3）Windows + IIS + SQL Sever + ASP =ASP.net1.盗版（便宜），做服务器要用正版2.定期杀毒3.易学习，帮助文档多第三节三者作用css html java script此三者都可独立编写、嵌入在HTML中GSP ASPvimimg图像标签（不能嵌套、不在标记中使用、注释后要保证文档的完整性）代码格式：1.任何回车或空格在源代码中都不起作用、应用代码排版2.缩进的格式编写（可读性强）3.字符实体( > & )4.颜色的设置（关键字或#加阿拉伯数字）Dreamwaver第四节Html结构 是网页文件的最外层标记 之间的文本是头信息不会显示在浏览器中，包括基本的描述，整个网页的公共属性 是网页文件的主体部分正文 ：文字、图片、链接、表单等第五节标签（一）格式标签用于定义网页中文本的布局、缩进、位置、换行、列表等 换行 : 空格 段落 居中 保留文字在源代码中的格式 无序列表 有序的列表 水平分隔线数组按原格式呈现：echo;Print_r($arr);echo;有序列表和无序列表（与“项目编号”与“项目符号”对应）使用百分比与使用固定值文本标签格式标签 标题类型（ h1只能有一个，否则浏览器认为非法）加粗斜体下划线上标下标设置字体（类似样式的用法）输出字体输出斜体输出强调斜体强调小型字体大型字体标签、标题字体会自动换行字体的设置（可以层层嵌套）.文本环绕与停止文本环绕语法:align取值有两个(left 和right)如果想停止环绕.就在想停止的地方插入属性有:A.left 停止文本环绕直到没有对齐左页边的图像B.right 停止文本环绕直到没有对齐右页边的图像c.all 停止文本环绕直到没有两边边都没有的图像.如何改变滚动条的颜色在之间输入以下代码:bodyscrollbar-base-color:black;1.scrollbar-face-color:滚动条页面颜色设定;2.scrollbar-highlight-color:滚动条斜面和左面颜色设定;3.scrollbar-shadow-color:滚动条下斜面和右面颜色设定;4.scrollbar-3dlight-color:滚动条上边和左面的边沿颜色设定;5.scrollbar-arrow-color:滚动条箭头两端颜色设定;6.scrollbar-darkshadow-color:滚动条下边和右边的边沿颜色设定;7.scrollbar-Track-color:滚动条底版颜色设定;第六节标签（二）链接标签图片标签./(表示上一级目录1.链接某某页面(超链接的表示方法)2.锚点内容 使用时定位位置 # 表示当前位置 3图像标签（img）Src: 指定图片所在的URL*一个图像只能加一个a标签，做一个链接*如果把一幅图像分成多个区域，每个区域指向不同的URL地址（为一个图片加多个链接）在图像中使用usemap属性去使用地图（ ）定义热点区域指定每个热点区域Shape指定形状 rect, poly, circleCoords确定形状href指定链接的位置eg：Border=边框的宽度Alt: 1. 鼠标放上有黄色小图标2. 如图像不存在，则出现它指定的文字3. 搜索引擎可以通过它指定的文字搜索该图片Width、height 指定一个或百分比可等比例缩放第七节1.表格标签（）Align: left, center, right 指定表格再上一层的位置Border: 边线Width:宽度Height:高度Cellspacing、Cellpadding指定表格单元格距离边框的位置，可以清空单元格间的距离（Cellspacing=“0”）2.定义标题表格标签一体，使用(定义表格标题的位置)Align水平位置左中右Valign垂直距离的上中下放在tr标签之前，放在table的内部使用3.字段标签和的用法一至，但文字是以粗体居中显示4.行标签（）AlignValignbgcolor5.列标签（） 、Width、Height、Align、 left,、 center,、 right、Valign:top, middle, bottom可用样式调节Colspan、rowspan这两个用样式调不了（调整单元格宽度，可以只调节某一单元格的宽度而改变整行或整列的宽度Colspan、rowspan 来合并单元格，需要删除相应的内容）第八节窗口分帧把一个浏览器文档窗口分隔成多个窗口,每个窗口都可以显示一个独立的网页文件每个帧(即页面)都有自己的url（多分帧不利于搜索引擎的搜索，一般用于后台）标签属性：rows（分多行）、cols（分多列）、 可以使用固定值，百分比和 * 三种分窗体（*可以表示剩余、也可以用来等分窗体）几个窗体就几格用分帧就注意或内容混用border边框的宽度（可以隐藏边框）、frameborder（边框是否隐藏） 1.标签属性：src、name、scrolling（是否出现滚动条、=”no”、=”yes”）、noresize（禁止边框尺寸调节）的target属性四个内置的取值：_blank（新建空白窗）、_parent（自己的副窗体同一行）、_self（自身窗体）、_top（整个页面）2.标签提示用户浏览器不支持多分帧网页，应访问不使用分帧的网页访问使用Microsoft Visual Studio.NET创建框架集标签用法差不多它可以和共用出现画中画的效果前台中注意： 分桢不能和body标签及内容体共存第九节表单的设计标签对用来创建一个表单，即定义表单的开始和结束位置，标签具有下面等属性。1. action属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL。相对和绝对2. Method属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式，取值可以为：GET（浏览器地址栏中显示提交的信息只能传utf-8的字符，字符最多有819个）或POST（常用不在浏览器地址栏中显示提交的信息）.3. Target属性用来指定服务器返回结果显示的目标窗口或目标帧。（信息提交后响应的窗口指定）4. Title属性用来设置当网站访问者的素、鼠标在表单上的任一位置停留过几秒时，浏览器用黄色小浮标显示的文本（如表单的名称或描述）。（相当于提示的设置）Enctype属性指示浏览器使用哪种编码方法将表单数据传送给www服务器。该属性可以有两种取值：application/x-www-form-urlencoded（默认的设置）multipart/form-data（文件上传时用，其他情况用默认值）表单字段元素（重置按钮，回到默认值，没有value值则为空）属性：size（显示文本的长度）、value（默认值）“提交”“重置”普通按钮要结合javascript用、maxlength（限制最大的输入长度）、readonly（只读，不能修改）、disabled（复选框选项选项）属性：checked（默认选中）（单选框标签，必须是一个组，要name相同）（隐藏框）（密码域）（增加普通按钮）(上传文件) 文件上传（两个条件：post、multipart/form-data）（下拉列表）标签的属性：multiple（列表中设置多选）、size（显示个数，多了有滚动条）,name标签的属性：value、selected如何在列表中实现取消选项属性：cols、rows（快捷键字母设置