部分HTML超文本标记语言.ppt

《部分HTML超文本标记语言.ppt》由会员分享，可在线阅读，更多相关《部分HTML超文本标记语言.ppt（46页珍藏版）》请在三一办公上搜索。

1、HTML超文本标记语言,HTML概述,要把信息发布到全球，就必须要使用能够被大众接受的语言，也就是使用一种大多数计算机能够识别的语言在Internet上，通常使用的发布语言是HTML（Hyper Text Makeup Language），即超文本标识语言。,超文本描述语言HTML,HTML（超文本标记语言）是一种用于网页制作的排版语言，是WED最基本的构成元素。HTML并非一种编程语言HTML最早起源于SGML（标准通用化标记语言）HTML的语法规则建立的文档可以运行在不同的操作系统的平台上。因此HTML文档属于纯文本文件。,HTML发展概述,在20世纪90年代Web网络的迅速兴起，使得HT

2、ML空前繁荣。当时，HTML被发展成了许多不同的版本。出于解决这种混乱局面的考虑，迫切需要制定一个公认的HTML语言规范1995年11月，Internet Engineering Task Force（IETF）整理了以前的各种版本，倡导并主持开发HTML2.0规范，同年推出HTML3.0技术规范。1996年，World Wide Web Consortium（W3C）的HTML Working Group开始组织编写新的规范，于1997年1月推出了HTML3.2。在HTML3.2中做了许多重要改动。到1999年下半年推出到现在依然使用的HTML4.0。,HTML的作用和编辑环境,HTML语言

3、作为一种网页编辑语言，易学易懂，能制作出精美的网页效果，其作用如下:格式化文本创建列表插入图象建立表格加入多媒体交互式表单等HTML的编辑环境很简单，任何一台计算机都可以编辑网页。只要用户的计算机安装的有浏览器，就可以看到自己设计的网页。任何文本编辑器都可以来制作网页。,HTML文件的结构,HTML是一种纯文本文件，可以通过浏览器读取HTML文件，并用浏览器内含的语法分析器来解读各种特殊标记。一个HTML文件，可以由标记，文字与图形资料和统一资源定位器三部分组成。标记是HTML的基本元素，基本标记可分为单一标签和成对标签。文字与图形资料是指提供给浏览器信息的人阅读的内容。统一资源定位器URL可

4、以获取所指主机的主页,专用的网页编辑器,专用的网页编辑器主要分为三大类：完全的所见即所得工具纯粹的HTML代码编辑工具混合型工具,HTML结构的标记,了解HTML的标记受标记影响的文本受影响的文本HTML注释标记HTML的基本结构HTML文件以开头，以结尾。HTML文件包括头部（head）和主体(boay),编辑和保存网页,用任何网页编辑器都能编辑制作HTML文件打开记事本创建新文件并按HTML语言规则编辑（在HTML中，任何一个以上的空格，回车，TAB键产生的效果都将被忽略。）保存网页（一定要保存成扩展名为.HTML或.HTM的文件）,HTML的基本结构,HTML文件是由标记和文本组成的标记

5、能够产生各种不同的效果。各种标记的效果差别很大，但总的表示形式却大同小异，大多数成对出受影响的文本标记往往用“”括起，以表示这是HTML代码而非普通文本。标记也有不用结尾的，称之单标签。每个标记都有一系列的属性受影响的文本与其他语言一样HTML也有注释标记,HTML的基本结构,HTML文件以开头，以结尾HTML文件包括头部(head)和主体(boay),文件结构的格式标记,HTML文件标记HTML文档内容HTML文件头标记头部内容HTML文件标题标记标题名HTML文件主体标记,HTML头部标签(head),网页标题关于META,HTML头部标签,关于BASE 本文档的原始地址。这样，读者下载你

6、的文档之后，也可以知道是从哪里下载的。,加入背景声音,用标记能在网页中加入背景声音：要加入背景声音文件的格式为：.wav或.mid,定义链接显示效果,TEXT：设置文本的颜色。LINK：尚未被访问过的超文本链接的颜色。ALINK：超文本链接在被访问瞬间的颜色。VLINK：已访问过的超文本链接颜色。,设置背景颜色及图案,BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）BGCOLOR：背景色。,设置标题格式,页面中的标题格式与定义的网页标题

7、不同，标题格式显示在浏览器窗口内，而不显示在浏览器的标题栏中。设置标题的格式为：标题align：left(左对齐)，center(居中)，right(右对齐)n:(1-6),1为最大，6为最小。,设置文字的大小及字体,在页面中为了增强层次，其中的字体可以使用不同的大小，字体，字型和颜色用标记设置字号。设置文字大小的格式为：被设置的文字size:(1-7),1最小，7最大。face:设置字体。,设置字型,字型就是文本的风格，如加粗，斜体，带下划线，上标，下标等。加粗斜体下划线删除线上标下标,设置文字的颜色,设置文字的颜色有两中方法。1.标记中的text属性受影响的文字2.标记中的color属性受

8、影响的文字颜色可以用相应的英文单词或以“#”引导的一个十六进制数来表示。,强行换行标记,放在一行的末尾，可以使后面的文字换到下一行，而又不会在行与行之间留下空行，即强行换行。强制换行标记的格式为：文字为非换行空格符号,强制换段标记和设置段落标记,强制换段标记的格式为：文字设置段落标记的格式为：文字align:用来设置段落的对齐方式left:居左center:居中right:居中,分区显示标记,当在许多段落中设置对齐方式时，常使用标记。分区显示标记的格式为：文本或图象,创建指向其它页面的链接,创建指向其它页面的链接，就是在当前页面与其他相关页面建立超链接。无论目标文件与当前文件目录的关系如何，其

9、格式为：热点文本,创建指向本页面中的链接,要是在当前页面内实现超级链接，需要定义两个标记：一个为超链接标记，另一个为书签标记。超链接标记的格式为：热点文本记号名在的name属性中定义，格式为：目标文本附近的字符串,创建指向电子函件的链接,单击指向电子函件的链接，将打开默认的电子函件程序，并填写地址。要创建指向电子函件的链接，在标记的href属性中加入mailto,其格式为：热点文本,无序列表标记一,无序列表中每一个表项的前面都是项目符号(如和等)。建立无序列表使用标记和表项标记。格式为：第一个列表项第二个列表项,无序列表标记二,每个列表左端的项目符号可以为disc(实心圆点)、circle(空

10、心圆点)、square(方块)，也可以自己设置图象。在和后都可以设定加重符号。符号为实心圆点符号为空心圆点符号为方块,创建有序列表一,通过带序号的列表可以更清楚的表达信息的顺序。使用标记可以建立有序列表，表项的标记仍为。表项1表项2,创建有序列表二,有序列表中的序号种类可以改变。利用或中的type属性可以设定五种序号。默认序号的标记是数字。序号为数字序号为大写英文字母序号为小写英文字母序号为大写罗马字母序号为小写罗马字母,定义项目列表,用项目列表表示单词或语句，使之具有交互凹进的特点。定义项目列表使用标记、和。定义单词1单词1的说明定义单词2单词2的说明,图象标记,使用图象标记可以把一幅图片加

11、入到网页中。用图象标记还可以设置图象的替代文本、尺寸等属性。,设置图象的对齐方式,使用标记使用标记的align属性,用图象作为超级链接,图象也可以作为超级热点，单击图象则跳转到被链接的文本或其它对象。,建立简单的表格一,最简单的表格仅包括行和列。表格的标记为,行的标记为，表项的标记为。表项,建立简单的表格二,表格的整体外观由标记的属性决定：border定义表格边框的粗细width定义表格的宽度height定义表格的高度cellspacing定义表格的间隙cellpadding定义表格内部空白,设定表格在页面中的位置,与图象一样，表格在浏览器窗口中的位置也有三种：居左、居中、居右。使用标记的al

12、ign属性，格式为：,水平对齐表项,水平数据分为：表项数据的居中、左对齐、右对齐、左右调整、整列以特殊文字对齐。方式是用标记的align属性:center居中left左对齐right右对齐,垂直对齐表项,垂直对齐是由valign属性设定。其中valign属性值分别为：top数据项靠单元格顶。bottom数据项靠单元格底。middle数据项靠单元格中。,创建表单一,网页上具有可输入表项及项目选择等控制所组成的栏目称为表单。通过表单交流和反馈信息。与表单有关的标记有和。,创建表单二,标记主要用来设计表单中提供给用户的输入形式。type指定要加入表单的类型(text,password,checkbo

13、x,radio,image,botton.submit,reset)name表项的控制名，在处理表单时起作用size单行文本区域的宽度maxlength允许输入的最大字符数,重置和提交,浏览者想清除输入到表单中的全部内容，可以使用标记中的type属性所设的重置按钮，以省去重新输入前一项一项删除的麻烦。当浏览者完成表单的填写，想要发送表单时，可使用标记的属性type所设的提交按钮，将表单内容送给action中的网址或函数信箱。,复选框和单选框,在页面中有些地方需要列出几个项目，让浏览者通过选择钮选择项目。选择钮可以是复选框(checkbox)或单选框(radio)。用标记的type属性可以设置选择钮的类型，属性value可以设置该选择钮的控制初值，用以告诉表单制作者选择结果。用checked表示是否为默认选中项。Name属性是控制名，同一组的选择按钮的控制名是一样的。,弹出式选择栏,当浏览者选择的项目较多时，如果用选择按钮来选择时，占页面的区域就会多。可以用标记来设置选择拦。选项一选项二,多段文字的输入,在意见反馈栏中往往需要浏览者发表意见和建议，提供的输入区域往往较大，可以输入较多的文字。使用标记可以设置允许成段文字的输入，格式为：多行文本行数和列数是指不要滚动条就可以看到的部分。,