HTML和CSS以及JS关键字释义.docx

1、HTML和CSS以及JS关键字释义HTML网站开发的主要原则是：用标签元素HTML描述网页的内容结构；用CSS描述网页的排版布局；用JavaScript描述网页的事件处理，即鼠标或键盘在网页元素上的动作后的程序HTML（HyperTextMark-upLanguage超文本标记语言）的缩写，是最基础的网页语言。Html是通过标签来定义的语言，代码都是由标签所组成。Html代码不用区分大小写。Html代码由开始结束。里面由头部分和体部分两部分组成。标签：是由一对尖括号和标签名称组成。标签分为“起始标签”和“结束标签”两种，二者的标签名称是相同的，只是结束标签多了一个斜杠“/”在元素的起始标签中，

2、可以包含“属性”来表示元素的其他特性数据内容多个属性时：用空格分开Html的命名：文件的扩展名要以.html或.html结束。文件名中只可由英文字母、数字或下划线组成。文件名中不要包含特殊符号，比如空格、$等所有标记都要用尖括号（）括起来，这样，浏览器就可以知道，尖括号内的标记是HTML命令。任何空格或回车在代码中都无效，插入空格或回车有专用的标记，分别是、。因此，不同的标记间用回车键换行再编写是个不错的习惯。title元素：文件标题声明link元素和style元素常用于CSSscript元素用于脚本meta元素元信息超链接网址基准参考点元素可提供有关页面的元信息（meta-informati

3、on），比如针对搜索引擎和更新频度的描述和关键词。name属性：网页的描述信息。当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。http-equiv属性：模拟HTTP协议的响应消息头。body元素是html文件的主体元素，它包含所有要在网页上显示的各种元素。设置页面背景:bgcolor设置背景图片:background设计正文颜色:text设置页面边距:topmargin、leftmargin、rightmargin、bottomnargin设置显示内容与浏览器的距离添加空格粗.斜删下划下标上标.地址自动倾斜.大字加强语气(加粗.加强语气(倾斜段落缩进设置水平线

4、向中对齐格式：插入定义列表名称说明说明说明名称说明说明说明插入无序列表项目名称项目名称项目名称：符号标签（）type属性：disc(默认)circlesquare插入有序列表项目名称项目名称项目名称超链接概述链接在网页制作中是一个必不可少的部分，在浏览网页时，单击一张图片或者一段文字就可以弹出一个新的网页，这些功能都是通过超链接来实现的，在HTML文件中，超链接的建立是很简单的，但是掌握超链接的原理对网页的制作是至关重要的。在学习超链接之前，需要先了解一下“URL”，所谓URL（UniformResourceLocator）指统一资源定位符，通常包括三个部分：协议代码、主机地址、具体的文件名超

5、链接标签的使用创建超链接的标签为和，使用格式如下：链接名称_parent在上一级窗口中打开，一般使用分桢的框架页会经常使用_blank在新窗口打开_self在同一个框架或窗口中打开，该项一般不用设置_top在浏览器的整个窗口中打开，忽略任何框架链接路径绝对路径：包含了标识Internet上的文件所需要的所有信息，包括完整的协议名称、主机名称、文件夹名称和文件名称。格式为：通信协议:/服务器地址:端口号/文件位置/文件名相对路径：是以当前文件所在路径为起点，进行相对文件的查找。链接到同一文档的某个部分锚记标签用于使用户“跳”到文档的某个部分HTML的NAME属性用于创建锚标记主题名称主题名称为达

6、到这种跳转效果，请在HREF参数中使用该标记B发送E-mail：在html页面中，可以建立e-mail链接，当浏览者单击链接后，系统会启动默认的本地邮件服务系统发送邮件，格式为：描述文字联系我LINK颜色的设置基本格式：link超链接尚被选中的文字alink超链接点选但未被放开的颜色vlink超链接已被点选过的颜色插入并格式化图像B标签：用于在网页中插入图像内容。src属性：用于设置图像文件的相对或绝对URL地址。共三种类型：GIF：是图形和图片的最佳格式，适用于透明或动画图形。JPG或JPEG：更适合存放照片PNG：拥有许多JPEG与GIF的共同优点，所以最近越来越流行。通过设置width属

7、性和height属性可以控制图像的显示宽度和高度，他们的长度单位可是百分比，也可是像素。注意点:边框的问题.可通过border=“0”去掉边框属性名称属性值说明Alignleft图像靠左文字靠右Right图像靠右文字靠左Top文字往上靠middle文字靠中bottom文字靠下空隙设置Vspace垂直上下两端和物件距离Hspace水平左右两端和物件距离设置图像映射图像地图：map标签要和img标签联合使用。语法说明标记表示插入图像文件，src表示插入图像的路径；标记表示插入图像映射；标记表示图像映射区域；rhape属性表示映射区域形状：“rect”表示矩形区域；“circle”表示椭圆形区域；“

8、poly”表示多边形区域；cords表示感应区域的坐标创建表格姓名性别分数姓名性别分数表示行或列标题，粗体显示.性别居中COLSPAN=“n”属性表示跨多少列ROWSPAN=“n”属性表示跨多少行表格的颜色设置：表格的背景色行的背景色列的背景色表格的尺寸设置：frame常见属性规定表格周围的哪一侧的边框是可见的。rules常见属性规定水平或垂直的分界线。注释：必须与border属性配合使用！定义表格列的分组。通过此元素，您可以对列进行组合以便进行格式化。Span:表格的直列数，而不是第几列。定义某个表格中针对一个或多个列的属性值。您只能在表格或colgroup中使用此属性。代表第1列代表第2，

9、3两列.单元格间距，边距表格嵌套在HTML文件中，第一个标记表示插入第一表格，第二个标记插入在标记之间，表示在单元格中插入表格，也就是嵌套表格。框架标签框架就是把一个浏览器窗口划分为若干个小窗口，每个窗口可以显示不同的URL网页。所有的框架标签要放在一个HTML文档中，HTML页面的文档体标签被框架集标签所取代，然后通过的子窗口标签定义每一个子窗口和子窗口的页面属性。B标签框架的基本结构还可设置的属性包括：frameborder：是否显示框架结构的边框线，取值为0、1或yes、no。取值为1或yes边框将会显示，取值为0或no边框将会隐藏。framespacing：默认边框线的宽度为1，该属性

10、可调整边框线的宽度。（以像素为单位）bordercolor：可设置边框线颜色。scrolling：设置框架是否显示滚动条。取值为yes、no或auto。yes表示滚动条一直显示；no表示无论什么情况都不显示滚动条；auto是系统的默认值，它是根据内容来调整的，当页面长度超过浏览器窗口的范围时就会自动显示滚动条。B标签如果遇到不支持框架结构的浏览器，此时就需要用到该标签来设置替换的内容，并告诉浏览者其浏览器无法打开框架页面。新闻中心使用iframe进行页面内的页面嵌套可以定义嵌套页面的大小、位置等用法：可以通过name属性将链接的显示目标定位到iframe框架内。是用以插入背景音乐，但只适用於I

11、E，其参数设定不多。如下src=your.mid设定midi档案及路径，可以是相对或绝对autostart=true是否在音乐档传完之後，就自动播放音乐。true是，false否(内定值)。loop=infinite是否自动反覆播放。LOOP=2表示重复两次，Infinite表示重复多次。是用以插入各种多媒体，格式可以是Midi、Wav、AIFF、AU等等，Netscape及新版的IE都支援。其参数设定多。如下src=your.mid设定midi档案及路径，可以是相对或绝对autostart=true是否在音乐档传完之後，就自动播放音乐。true是，false否(内定值)。loop=true是

12、否自动反覆播放。LOOP=2表示重复两次，true是，false否。HIDDEN=true是否完全隐藏控制画面，true为是，no为否(内定)。STARTTIME=分:秒设定歌曲开始播放的时间。如STARTTIME=00:30表示从第30秒处开始播放。VOLUME=0-100设定量的大小，数值是0到100之间。内定则为使用者系统本身之设定。WIDTH=整数和HIGH=整数设定控制画面的宽度和高度。(若HIDDEN=no)ALIGN=center设定控制画面和旁边文字的对方式，其值可以是top、bottom、center、baseline、left、right、texttop、middle、ab

13、smiddle、absbottom。controls=smallconsole设定控制画面的外貌。预设值是console。console一般正常的面板smallconsole较小的面板playbutton只显示播放按钮pausecutton只显示暂停按钮stopbutton只显示停止按钮volumelever只显示音量调整钮滚动的文字Direction=”滚动方向”left左right右up上down下Behavior=”滚动方式”scroll一圈一圈绕着走slide只走一次alternate来回的走Loop=”滚动的循环次数”若未指定则循环不止(loop=”infinite”)Bgcolor

14、=”背底颜色”Width=“宽度”Height=“高度”onMouseOver=”this.stop()”onMouserOut=”this.start()”Scrollamount=”速度”数值越大速度越快Scrolldelay=“延时”（走一步，停一停）表单Form表单元素/form文本框密码框多行文本框初始内容单选框、复选框单选框复选框列表框(A)、菜单式列表1列表2列表3.(B)、列表式列表1列表2列表3.下拉菜单谁是2002年世界杯冠军？西班牙法国巴西德国按钮隐藏域浏览框BUTTON（按钮）Type属性：submit：提交按钮reset：重置按钮button：普通按钮文本框、按钮、单

15、选按钮、复选框等都是输入元素。Type此属性指定元素的类型。元素类型可以有多种选择：TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN和BUTTON。默认选择为TEXT。Name此属性指定控件的名称。例如，如果表单中有几个文本框，则可以用名称TEXT1、TEXT2或选择的任何名称来标识它们。Name属性的作用域是在FORM元素内。Value此属性是可选属性，它指定控件的初始值。但是，如果TYPE为RADIO，则必须指定一个值。Size此属性指定控件的初始宽度。如果TYPE为TEXT或PASSWORD，则控件的大小以字符为单位。对于其他输入

16、类型，宽度以像素为单位。Maxlength此属性用于指定可在TEXT或PASSWORD元素中输入的最大字符数。Checked此属性是Boolean属性，指定按钮是否是打开的。当输入类型为RADIO或CHECKBOX时，使用此属性。CSSFCSS的基本概念掌握样式表的语法规则样式表的分类：行内样式表内嵌样式表外部样式表掌握常用的样式指定显示样式FCSS基础CSS是CascadingStyleSheet的缩写，翻译为“层叠样式表”，简称“样式表”。样式表的首要目的是为网页上的元素精确定位。其次，把网页上的内容结构和格式控制相分离。即html的标签主要是定义网页的内容，而CSS决定这些网页内容如何显

17、示。优点：简化网页的格式代码，加快网页下载显示的速度，也减少了需要上传的代码数量，大大减轻了重复劳动的工作量。属性CSS名称说明颜色color文本属性font-size字体大小font-family字体text-align文本对齐边框属性(用于表单元素)border-style边框样式border-width边框宽度border-color边框颜色定位属性(position)top顶部边距（上边距）left左边距width宽度height高度z-indexz轴索引号，用于层F使用CSSCSS通过“样式”来表示网页的颜色、字体、背景色、边框线及网页内容的位置及大小尺寸等属性。一系列的样式组成了“样式表”。CSS的语法结构：选择符样式属性:取值;样式属性:取值;样式属性