《HTML语言介绍》由会员分享,可在线阅读,更多相关《HTML语言介绍(17页珍藏版)》请在金锄头文库上搜索。
1、HTMLHTML语言介绍语言介绍利用源代码开发网页利用源代码开发网页利用源代码开发网页利用源代码开发网页要开发一些具有交互功能的动态网页,必须要要开发一些具有交互功能的动态网页,必须要用到源代码编程。用到源代码编程。2HTMLHTML文件结构文件结构文件结构文件结构基本结构基本结构 头部元素头部元素 页面标题页面标题 正文内容正文内容语句写法不分大小写。语句写法不分大小写。htmlhtml是由英文单词或字母是由英文单词或字母 和和 ,/ /等组成的。等组成的。英文单词或字母,称为元素英文单词或字母,称为元素,/等称为标识符。等称为标识符。有些元素是成对出现的,即有些元素是成对出现的,即。前面一
2、。前面一个表示元素开始起作用,后个表示元素开始起作用,后面一个表示这种元素的作用面一个表示这种元素的作用结束。结束。有些元素是单个的。有些元素是单个的。3HTMLHTML文件结构文件结构文件结构文件结构文档的头部文档的头部1.1.HEADHEAD元素元素HEADHEAD中包含中包含htmlhtml的一些常规信息,一般并不显的一些常规信息,一般并不显示在浏览器的主页上。示在浏览器的主页上。它包含一些标识元素:它包含一些标识元素:TITLETITLE,NEXTIDNEXTID,LINKMLINKM,BASEBASE等等语法:语法:2. 2. TITLETITLE元素元素和和之间的内容出现在浏览器之
3、间的内容出现在浏览器的顶部标题栏中,这便于浏览者初步了解文档的顶部标题栏中,这便于浏览者初步了解文档的内容。的内容。标题字符长度不能超过标题字符长度不能超过6464个字符。个字符。语法:语法: 标题的文本标题的文本 4HTMLHTML文件结构文件结构文件结构文件结构文档正文文档正文1.1.BODYBODY元素元素HTMLHTML文档的正文部分,一般包括在文档的正文部分,一般包括在BODYBODY元素的开始与元素的开始与结束标记中。结束标记中。语法:语法:.说明:可以加背景,说明:可以加背景, 如如2. 2. 标题标题章节标题可以使用不同的字号,一共六级,从章节标题可以使用不同的字号,一共六级,
4、从到到,字号逐渐减小,字号逐渐减小语法:语法:居中元素居中元素 语法:语法:.5标题标题标题标题 第一级标题第一级标题H2H2第二级标题第二级标题H3H3第三级标题第三级标题H4H4第四级标题第四级标题H5H5第五级标题第五级标题H6H6第六级标题第六级标题6文本文本文本文本可以直接写入文字,写入文字的字体、颜色、大可以直接写入文字,写入文字的字体、颜色、大小都是默认的,如要设置,就要用到字体元素了小都是默认的,如要设置,就要用到字体元素了字体元素字体元素 语法:语法:例如:例如:font color=#0000FF face=size=7我的个人主页我的个人主页字符修饰元素字符修饰元素成对出
5、现,对其中的文字起修饰作用。常用的有:成对出现,对其中的文字起修饰作用。常用的有:语法:语法: 强调(斜体)强调(斜体) 特别强调(黑体)特别强调(黑体) 斜体斜体 黑体黑体 下划线下划线例子:例子:我是北大的学生我是北大的学生7文本文本文本文本分段元素分段元素分段标志分段标志,开始一个新的文本段落。开始标记是必,开始一个新的文本段落。开始标记是必须的,结束标记可以省略。须的,结束标记可以省略。语法:语法:.例子:例子: 美丽的北京我的家美丽的北京我的家 换行元素换行元素 换行标志换行标志,开辟一个新行。它没有结束标记。,开辟一个新行。它没有结束标记。语法:语法:.例子:例子: 那年那月那年那
6、月我们来到了北大我们来到了北大8文本文本文本文本特殊字符特殊字符用两种特殊方式表示键盘上没有的特殊字符,如汉字。用两种特殊方式表示键盘上没有的特殊字符,如汉字。一种是字符引用:一种是字符引用:ASCIIASCII码:码: 例如例如 是是.0.0;空格是;空格是 一种是实体引用,一种是实体引用,& &实体:但只有几个常用字符具有实实体:但只有几个常用字符具有实体名。体名。 例如例如 是是<<;空格是;空格是     插入水平线插入水平线水平线标志水平线标志,不须结束标记,不须结束标记语法:语法:9列表列表列表列表两个列表元素
7、两个列表元素或或 ,必须成对出现。,必须成对出现。在列表项目前加符号在列表项目前加符号“* *”。在列表项目前加上序号在列表项目前加上序号1 1,2 2,。 单个出现,用于单行内容。单个出现,用于单行内容。语法:语法: 文本串文本串1 1 文本串文本串2 2 例子例子: 1988-1993 1988-1993 北京小学北京小学 读小学读小学 1993-1996 1993-1996 北京中学北京中学 读中学读中学 1996-1999 1996-1999 北京大学北京大学&n
8、bsp; 读本科读本科 10插入图象插入图象插入图象插入图象语法:语法:IMG 说明:说明:图象元素(图象元素(IMGIMG)。不需要配对。一般具有三个属性。)。不需要配对。一般具有三个属性。SRC=SRC=“图象文件名图象文件名”,指出图象的名字,可以包含地址信,指出图象的名字,可以包含地址信息。息。ALIGN=BOTTOMALIGN=BOTTOM或或MIDDLEMIDDLE或或TOPTOP,指出图象和附近文本的位置,指出图象和附近文本的位置关系。关系。ALT=ALT=“替代文字替代文字”,如果不能显示图象,出现的替代文字。,如果不能显示图象,出现的替代文字。例如例如img s
9、rc=align=top border=2,表示调用目录表示调用目录PIPI里的文件里的文件hanhui.gifhanhui.gif,正文在图象顶部右,正文在图象顶部右侧,如果图象不能显示,则出现替代文字侧,如果图象不能显示,则出现替代文字“北大西门北大西门”,边框厚度为边框厚度为 2 2。11表格表格表格表格表格是为了行和列的排列整齐。注意,表格也可以嵌表格是为了行和列的排列整齐。注意,表格也可以嵌套,表格里的内容可以是文字、图片,也可以插入超套,表格里的内容可以是文字、图片,也可以插入超级链接级链接基本结构:基本结构: . . 定义表格定义表格.定义标题定义标题 定义表行定义表行 定义表头
10、定义表头 定义表元定义表元( (表格的具体数据表格的具体数据) )12表格表格表格表格语法:语法: 表格标题信息表格标题信息 其中包含了其中包含了、元素,其中元素,其中是表格标题信息,是表格标题信息, 和和是一行,是一行, 和和是一列是一列13超级链接超级链接超级链接超级链接 浏览器的光标在中间的文本或图形处时,变成一只小手状,表浏览器的光标在中间的文本或图形处时,变成一只小手状,表示这是一个链接;单击之就会转向这个新的链接。示这是一个链接;单击之就会转向这个新的链接。语法:语法:a href= 文本或图象文本或图象URL (Universal Resource Locator)URL (Un
11、iversal Resource Locator)包括被访问的信息资源的包括被访问的信息资源的类型(协议)、地址和文件名。可以包含绝对的地址(在不同类型(协议)、地址和文件名。可以包含绝对的地址(在不同的服务器上),也可以包含相对的目录(在同一服务器)。的服务器上),也可以包含相对的目录(在同一服务器)。例如:例如:a href=.htm个人简介个人简介 链接到本地一个文件链接到本地一个文件我的母校我的母校 链接到其他网站文件链接到其他网站文件我的信箱我的信箱 链接到一个信箱链接到一个信箱14框架框架框架框架 框架又称图文框框架又称图文框例如:例如:frameset cols= frame n
12、ame= frame name= 该浏览器不支持框架,无法正常显示该浏览器不支持框架,无法正常显示 上面的例子只是一个简单的框架,分为左右两部分,分别显示上面的例子只是一个简单的框架,分为左右两部分,分别显示left.htmleft.htm和和right.htmright.htm两个普通的网页文件,左边框架中的超链接默认两个普通的网页文件,左边框架中的超链接默认在右边框架中打开在右边框架中打开如果客户端不支持框架,将给出提示信息。如果客户端不支持框架,将给出提示信息。15滚动字幕或图片滚动字幕或图片滚动字幕或图片滚动字幕或图片 语法:语法: 滚动字幕滚动字幕 marquee border=0 width=80% height=5% direction=right 大家好,请大家好好学习大家好,请大家好好学习 滚动图片滚动图片 img src= .jpg16结束结束