HTML5学习笔记(前台页面)_第1页
HTML5学习笔记(前台页面)_第2页
HTML5学习笔记(前台页面)_第3页
HTML5学习笔记(前台页面)_第4页
HTML5学习笔记(前台页面)_第5页
已阅读5页，还剩2页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第一节—网站开发的介第二节—网站开发工URL网（协议、域名—IP地址、端口‘默认求的文件、附加资源）ftp上及下载做一个服务器发布网站的构件常见组合：1Linux+（放）（放PHP=LAMP（当今做网站最好的组合、很多公司选择）自软件、无需费用、容易获得开源文件开速度快（PHP是的3.5倍2Unix+Tomcat+Oracle+JSP=J2EE最（银行、电信作系统贵大公司开发3Windows+IIS+SQLSeverASP盗（便宜服器要用正版定杀毒易习，帮助文档多第三节—三者作用csshtmljavascript此三者都可独立编写、嵌入在HTMLGSPASPvimimg图标签<br><hr><!--注（不能嵌套、不在标记中使用、注释后要保证文档的完整性）代码格式：任回车或空格在源代码中都不起作用、应代码排版缩的格式编写（可读性强）字实体(<<<>>>&1

颜的设置（关键字或加拉伯数字）第四节—结构<html><head>

是网页文件的最外层标记之间的文本是头信息不会显示在浏览器中，包括基本的描述，整个网页的公共属性name="keywords"关键字一php,apache,mysql,linux">name="description"我们网站是做什么的，你可以在这学到什么内容，也就是当前面的中心思"name="robots"content="all">name="author"content="lampbrother,gaoluofeng">name="copyright"content="2001-2012EDU.">http-equiv="Content-Type"content="text/html;charset=utf-8">http-equiv="refresh"content="3000;url=">http-equiv="expires"content="0">http-equiv="Windows-Target"content="_top">http-equiv="Enter"content="revealTrans(Transition=2,Duration=1.000)">http-equiv="Exit"content="revealTrans(Transition=22,Duration=1.000)"></head><body>是页文件的主体部分正文：文、图片、链接、表单等</body></html>第五节—标签（一）格式标签用于定义网页中文本的布局、缩进、位置、换行、列表等<br> :<p>

换行空格段落<center>居<pre>

保留文字在源代码中的格式<ul><li>无列表<ol><li>有序的列表<hr>

水平分隔线数组按原格式呈现：’’;2

’’;有列和序表与项编”“目号对）使百比使固值文本标签格式标签<hn>标类型（只有一个，否则浏览器为非法）<b>加<i>斜体<u>下线<sub>上<sup>下<font>设置字体（类似样式的用法）<tt>输出字体<cite>

输出斜体输出强调斜体<strong>强调<small>小字体<big>

大型字体标、题体自换字体的设置（可以层层嵌套）▲文环与止本绕语:<imgsrc="file_name"align="value">★align取值两(left和right)★果停环.就在停的方入<clear=""><clear>属性:A.left止文本绕到有齐页的像B.right停文环直没对右边图像c.all停止本绕到有两边没的像▲如改滚条颜★<head>之间输以代:<styletype=text/css>body{scrollbar-base-color:black;}</style>1.scrollbar-face-color:滚条面色定2.scrollbar-highlight-color:滚条面左颜色定动下面右颜色定;滚条边左的沿色定5.scrollbar-arrow-color:滚条头两颜设;6.scrollbar-darkshadow-color:滚条边右的沿色定7.scrollbar-Track-color:滚动条版色定;3

第六节—标签（二）链接标签图片标签../(表上一级目录链接a(超接的表示方)锚点name=“”内</a>使用时a“定位位置/a>#表当前位置3图标签）Src:指图片所在的URL*一图像只能加一个标签，做一个链接*如把一幅图像分成多个区域，每个区域指向不同的URL地址（为一个图片加多个链接）在图像img>中用属去使用地图（）定热点区域<area>指定每个热点区域Shape指定形状poly,circleCoords确形状href指链接的位置eg：<imgsrc="logo.gif"usemap="#mymap"border=0/><map<areashape="rect"（形）coords="5,5,50,70"href=""target="_blank"><areashape="circle"范围)="75,35,30"href=""target="_blank"><area多边形）coords="175,0,110,70,180,70"href=""target="_blank"></map>边的度:

鼠标放上有黄色小图标如图像不存在，则出现它指定的文字搜索引擎可以通过它指定的文字搜索该图片、指定一个或百分比可等比例缩放第七节表标签（）<table>Align:center,指表格再上一层的位置Border:边4

Width:宽度Height:高Cellspacing、Cellpadding指表格单元格距离边框的位置，可以清空单元格间的距离（“定标题表格标签一体，使用caption>(定表格标题的位Align水位置左中右Valign垂直距离的上中下放在标之前，放在的部使用字标签<th>和td>的用法一至，但文字以体中示行签<tr></tr>）<tr>AlignValignbgcolor列签<td></td>）<td><th>、、Align、left,、、right、Valign:top,middle,bottom可样式调节Colspan、rowspan这个用样式调不了（调整单元格宽度，可以只调节某一单元格的宽度而改变整行或整列的宽度Colspan、rowspan来并单元格，需要删除相应的内容）第八节—窗口分帧把一个浏览器文档窗口分隔成多个窗每个窗口都可以显示一个独立的网页文件每个帧页都自的（多分帧不利于搜索引擎的搜索，一般用于后台）标签属性：（多行（多可以使用定，分和三种窗（可表剩、可用等窗）个体几<用帧注<body>或容用border边的宽度（可以隐藏边框（框是否隐藏）1.<frame>标签属性：name（否出现滚动条、no”=”（止边框尺寸调节）<a“”>的target属四个内置的取值_blank新建空白窗（己的副窗体——同一行（身窗体（个页面）2.<noframes>标签5

<noframes>提示用户览器不支持多分帧网页，应访问不使用分帧网访问</noframes>使用MicrosoftVisualStudio.NET创框架集<iframe>标<用法差不多它可以和共用出现画中画的效果前台中注意：分桢能和body标签及内容体共存第九节标对用来创建一个表单，即定义表单的开始和结束位置，<form>标签具有下面等属性。action属性用来设置接收和处理浏览器递交的表单内容的服务器程的。对和绝对Method属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式，取值可以为览器地址栏中显示提交的信息只能传utf-8的字符最有819个或（常用在浏览器地址栏中显示提交的信息.Target性用来指定服务器返回结果显示的目标窗口或目标交后响应的窗口指定）Title属用来设置当网站访问者的素、鼠标在表单上的任一位置停留过几秒时，浏览器用黄色小浮标显示的文本（如表单的名称或描述提的设置）Enctype属指示浏览器使用哪种编码方法将表单数据传送给www服器。该属性以有两种取值：（认的设置）multipart/form-data（件上传时用，其他情况用默认值）表单字段元素<inputtype=<inputtype=“reset”>（置按钮，回到默认值，没有value则为空）<inputtype=”>属性：（显示文本的长度（认值交置”普通按钮要结合javascript用{}、（限制最大的输入长度（读，不能修改<inputtype=“checkbox（选框选项选项）属性：（认选中）<inputtype=“radio（选框标签，必须是一个组，要name相同）<inputtype=隐藏框）<inputtype=“password（密码域）<inputtype=（增加普通按钮）<inputtype=上文件)文件上传（两个条件：、multipart/form-data）6

<input“image”><select></select><option></option>（拉列表）<select>标的属性multiple（表中设置多选（示数，多了有动条,name标的属性：valueselected如何在列表中实现取消选项<textarea></textarea>属性：、<label>（快捷键字设置）属性：、（义快捷键）落球法测

主教

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论