html语言基础语法迅阳科技出版.ppt

《html语言基础语法迅阳科技出版.ppt》由会员分享，可在线阅读，更多相关《html语言基础语法迅阳科技出版.ppt（31页珍藏版）》请在三一办公上搜索。

1、HTML语言,编写：jerry yang迅阳科技,1.1文件结构,HTML文件的结构如下：标题标题部分 正文部分,1.2头标记,标题部分主要是包括一些基本的页面描述。通过的属性定义。的属性：Description-网页的描述信息；Keywords-关键字，也就是搜索引擎查找的依据：Content-type-用来设置网页的编码；Author-用来设置网页作者姓名。Refresh-用来设置网页的自动更新。,1.3 正文标记,Html的正文部分一般包括在 对标记之间。标记有自己的多个属性，用于定义显示页面的多个内容。语法格式如下:其中：Bgcolor-用于定义网页的背景色；Text-用于定义文字符的

2、颜色，默认为黑色；Link-用于定义网页中的超级链接的字符的颜色，默认为蓝色；Vlink-用于定义网页中被访问过的超级链接字母的颜色，默认为紫红色；Alink-用于定义被鼠标选中，但未使用的超级链接字符的颜色，默认为红色；Background-用于定义网页背景图案的图案文件。,1.4 HTML常用排版标记,1.标题字符语法格式：标题字体(i=1,6)标题字体一共有6级，从到，字号从大到小，标题字体默认为黑体和粗体。其中：Color-用于标记字体的颜色，可用颜色编号或者产用颜色的英文名。Align-用于定义字体的对齐方式，值可选Lift(句左)、Center(剧中)、Right(居右)等值。,2

3、.字体标记也是标记对，一般用于定义文档中要显示文字的字体、大小和颜色。语法格式为：文字其中：Face-用于定义字体。值为字体的名称；Size-值为1、2、，7定义字体的大小，缺省时为三号字体。,3.段落标记语法格式为：定义段落的开始，是必须的，可省略。可以使用Align属性定义新开始的一行内容在页面中的对齐位置，属性值可以为Left、Center、Right。4 换行标记格式为：换行标记是单标记，其作用相当与回车。后面的内容另起一行。,5 插入水平线标记标记用于产生一条水平线，用来区分不同的能容不分，是单标记。其语法格式为：其中：Align-用于定义水平线的对齐方式，属性值为lift,cent

4、er,right.Size-用于定于水平线的粗细，单位为像素；Width-用于定义水平线的宽度可使用像素或占窗口百分比来度量；,Noshade-用于定义水平线是否有阴影三维效果（1或者0）；Color-用于定义水平线颜色。6 块级元素 块级元素宝货和两种标记。成为层叠记或者块标记，是对标记。用于文档分节，以便为文档的不同部分应用不同的段落格式。标记符要使用属性Align来控制段落对齐格式，其属性值为lift，right，center或者justify（两端对齐）。和格式使用基本一样。,1.5HTML文件的超连接标记,超连接标记是对标记是单词anchor的缩写，意思是锚。以下是几种常用的连接语法

5、格式。1.连接到本机的另一网页 语法格式：连接文字其中：Href-定义连接到那一页，若被连接的文件与链接的文件不在同一目录，应写明路径。链接文字-在页面显示超连接样式的文字。,2。在同一网页内的自身连接超连接不仅可以实现从一个网页连接到另外一个网页还可以实现连接到网页的某个部分。这需要两部来实现。第一步 在页面中为被连接点做一个“锚”标记，即确定连接的目的地；第二步 对连接文字做对瞄的连接，即点击文字跳到瞄点。（1）定义瞄标记显示文字其中：Name-用于定义锚标记。,（2）做对锚的连接连接显示文字其中：#-被连接的另一个锚标记。若被连接的锚点与连接文字不在同一个页面上，则在链接锚点前列出所在的

6、文件名即可3 链接到另外一个网站上的WEB页其用法如下：这里是某个地方其中:url-是统一资源定位。,4.电子邮箱连接语法格式：连接文字其中:mailto-电子文件连接的关建字；Email地址-点击链接文字后发送邮件的收信人的信箱地址。,1.6 图像标记,使用单标记可在HTML页面中显示图像。语法格式：其中：Src-指出图像文件的源地址。Width-定义图像在页面上显示的宽度（可以用像素也可以用百分比表示）。Height-定义图像在页面显示的高度（可以用像素也可以用百分比表示）。Ait-指出图像的说明文字，该说明文字有两点，一是鼠标经过显示的提示，二死当图像不显示时，在图像位置显示该属性定义的

7、文字；Border-定义图像边框像素值，默认为0，表示没有边框；Alight-当图像与文字混排时，可以使用alight文字说明与图像的对齐方式其值可以为top(顶部对齐)bottom(底部对齐-默认为此)left(图像居左)right(图像居右)。,1.7表格标记,Table 表示一个表格的开始表示一个表格的结束。表格包含了定义标题，行，字段名和表格中的数据等标记。1 定义表格的标题的标记语法格式为：表格标题标题可以位于标题的上方下方，用属性align的值确定，align的值有top或Bottom2 定义表格行的标记语法格式为：定义一行的开始，没行可包行多干行。3 定义字段名的标记语法格式：对

8、标记定义一行中的一个字段名，每行可包含若干个字段名。,4 定义数据的标记语法格式：对标记定义一行中一个数据项，每行可包含若干个数据项。等标记符都有若干属性，用来定义表格内容的显示格式。,1.8标单标记,定义表单用对标记语法格式：其中：Method-用与定义客户端浏览器将数据上传至服务器所使用的方式，有get方式和post方式两种。Get方式-将form中输入的信息作为字符串附加到要激活的网页的地址的后面，用“？”隔开，标单域（上传的每个字符之间）用&隔开，然后把整个字符串送到服务器端；,Action-当这个程序提交后要激活asp程序。1.文本框语法格式：功能：定义一个文本框。其中：Name-文

9、本框的名字，将文本框中的值传送给时所用的名字；Size-设置文本框的大小，已字节形式为单位。Value-设定预先在文本框中显示的信息。特别说明，制作密码框时只需将type属性值设为”password”即可，使用时不显示输入的内容，只显示“*”。,2.多行多列的文本框语法格式：功能：定义一个多行多列文本框。其中：Rows-定义文本框高度；Cols-定义文本框高度。3.单选按钮语法格式：功能：定义单选按钮。其中：type=“radio”-标识所定义的表单元素类型为单选按钮；name-表单元素名，服务器端使用这个表单元素名能够唯一的获取用户在相应表单元素上所选择的数据一组按选按钮可使用相同的表单元素

10、名，使用不同的value值；,Value=“x”-当相应按钮被选中时，向服务端传送的值；Checked-用与定义默认选中项。4.复选框语法格式：功能：定义复选框其中：Type=“checked”-标识所定义的表单元素的类型为复选框；Name-组复选框可以使用相同或者不同的标单元素名，使用不同的value值；其他项同单选项。,5.组合框及其列表框 组合框由对标记定义。若在标记中加上属性multiple，则以列表框的形式出现，且允许一次选择多个选项。语法格式:n1nm功能：定义组合框及其列表。其中：name=“name”-组合框或列表框的名字；value=“？”-选项被选中后向服务发送的值；Sel

11、ect-含有select属性的项默认被选中。6.提交及重复按钮语法格式：,功能：顶用重复或重置按钮。其中：Type=“submit”-定义提交按钮，把用户输入的内容提交给服务器。Type=“reset”-定义重置按钮，把用含糊输入的内容清空。,1.9框架结构,在HTML中，框架（frame）亦称为帧，含有框架结构的网页和普通的和一般没有框架的类似，只是用代替了。1.框架集标记 框架结构的所有内容都包含在了和之间。称为标记集，是构造整个框架结构的文档。他不包含具体的显示的文本和图像，是框架中最基础的文档，唱称之为整个框架的主文档。框架集用来定义对窗口的分割的情况，每一个框架页面的位置，大小和 初

12、始页面文件名称在单标记符中进行定义。,框架具体格式如下：其中：有多个属性，其属性和值：Cols-用来定义对窗口进行纵向分割的情况，同时定义窗口被纵向分割时，各行所在的框架占整个窗口的高度，用像素值或百分比来表示，“*”表示剩余部分；Rows-用来定义对窗口横向分割的情况，与cols相似。Frameborder-定义框架集合中各框架之间有无边线，值为yes或no；Border-定义框架集合中各框架之间边线的粗细，用像素值来表示；Bordercolor-若有边线，则用此属性定义框架集中各框架之间边线的颜色；,2.框架标记框架标记用来定义没一个匡框架的大小，页面位置及其初始页面文件名等其属性和属性的

13、值如下：Src-框架所在页面的源文件名；Name-框架的名称，可自定义；Scrolling-指定框架是否使用滚动条，该属性的取值有yes或者no，auto（自动），分别表示加入垂直和水平滚动条，不加滚动条，根据需要自动加滚动条，其中“auto”为默认值；Noresize-使用该属性值后，用户不能通过鼠标调整窗口大小。,4.targetTarget属性的作用是将链接的文件在指定的窗口中打开，常用于框架结构中。Target属性的使用方式一般有以下三种。第一种：用于A标记功能：将指定超连接的文件在名为”windows-name”的窗口中打开。第二种：用与base标记功能:指定多个被链接的文件在名为”

14、windows-name”的窗口中打开。第三种：用于form标记功能：将表单提交后激活的程序在名为”windows-name”的窗口中打开。,2.1CSS编程技术,2.1.1css 概述Css中文编译为层叠样式表单。是一种用来装饰HTML的标记的集合。Css 样式组成规则语法为：选择符属性：值 单一选择符的复合样式声明应该用分号隔开：选择符属性1：值1；属性2：值2,2.2加载css样式的三种方式,使用css 来格式化网页，共有三种方法：在中引用，在中引用和作为文件引用。1.在中引用在标记中加上标记即可。2.在中引用在中实现主要是指在标记中引用，只要将定义在标记中的值拿到对应的标记中就可以。3.文件外引用这种方式可以将中定义的样式另存为一个文件，样式表文件的扩展名为.css。Css作为外部引入的方式有两种，一种是连接，另外一种是导入。,在HTML中引用的方式可采用标记将该样式标连接进入HTML。使用import关键字将外部文件导入。import必须写在标记中。,2.3 CSS与标记对应的三种方式,1.标记选择符 任何HTML标记都可以是CSS选择符。2.类选择符 在style标记中定义一个“.类名”然后在HTML标记中使用CLASS=“类名”就可以引用该样式。3.id选择符定义id选择符时，在样式名之前家“#名字”，引用的时候使用“id=名字”。,谢谢观看,道 YDE,