html教学课件能解决新手大部分的问题.ppt

第3章 HTML语言基本结构 3.1 基本结构标记 3.1.1 开始和结束标记 HTML文档的开始标记是html，它告诉浏览器下面的内容是HTML文档，在HTML文档结束处要有对应的/html标记，它告诉浏览器HTML文档结束了。 它的语法格式为 html HTML文件的所有内容 /html 3.1.2 头部标记 HTML文档的头部标记是head，它告诉浏览器下面的内容是HTML文档的头部，显示在文本之前，而/head标记告诉浏览器头部内容结束了。头部里面一般包括注释、Meta和标题。 它的语法格式为： head HTML文档的头部内容 /head 3.1.3 标题标记 title和/title标记中间所包含的文字将成为这个Web页面的标题，一般写在头部标记之中。标题文字会显示在Web浏览器最上面的title(标题)栏上。浏览器用户可以把标题加入收藏夹中。标题文字最好使用中文并且有明确的意义。 它的语法格式为 titleWeb页面的标题/title 下面用一个例子来看看用HTML语言是如何编写Web页面的，虽然有点麻烦，可是能帮助你弄清Web页面的真正面目。还要说明的是，文件3.1.htm是一个文本文件，可用任何编辑器编写。 [例3.1]头部标记和标题标记的使用。 html head title Web页面的标题/title Web页面的标题和头部标记练习 /head /html 将上述语句保存为3\1.htm文件，在IE浏览器菜单“文件”（File）的下拉菜单中选择“打开”，通过选择可打开3.1.htm文件。头部标记在IE浏览器里的运行结果如图3.1所示。 3.1.4 主体标记 body标记是Web页面主体标记的开始，并对应结束符/body。Web页面的主要内容都出现在body和/body标记之中。 它的语法格式为 body 主体内容 /body [例3.2]HTML语言的主体标记。 html head title Web页面的标题/title /head body 这是使用HTML语言编写的Web页面文件 /body /html 例3\2在IE浏览器里的运行结果如图3.2所示。 3.1.5 设定Web页面背景 body标记还具有一些可以设定Web页面背景色的属性，可使用图片/图像作背景，确定链接的颜色，设置文字的颜色等。 它的语法格式为 body [bgcolor=#text=#link=#alink=#vlink=#background=图像文件名] 文档内容 /body 其中，bgcolor指定HTML的背景颜色；text指定HTML文件中文字色彩属性；link指定HTML文件中待连接超链接对象的色彩属性；alink指定HTML文件中连接超链接对象的色彩属性；vlink指定HTML文件中已连接超链接对象的色彩属性；background指定HTML背景为平铺图像（这个功能最好不用，因为它会大大降低显示速度）。 各属性的参数值可以是用英文描述的颜色，如“red”、“blue”、“yellow”等，也可以是#与6位十六进制数,每种颜色使用两位十六进制数，从00到FF，前两位设置红色的深浅，中间两位设置绿色的深浅，后两位设置蓝色的深浅。如红色可以表示为“#FF0000”，蓝色可以表示为“#0000FF”等。各属性可选择使用。 注意： “[ ]”中的属性可选可不选，“”表示可同时选的属性。根据需要可以选择其中的一个、部分和全部。 [例3.3]改变文字的颜色和背景的颜色。 html head title Web页面的标题/title 这是头部里的文字 /head body Bgcolor=″red″ text=″#000000″ 这是主体里的文字并加入文字和背景颜色编写的Web页面文件 /body /html 例3-3在Web浏览器里的运行结果如图3.3所示。不过，颜色从本书上是看不出来的，可以亲手试一试。 注意： 在编写HTML文件时要采用“编写—存盘—浏览”三步曲，以此循环工作，否则会耽误时间的，千万要记住！ 3.1.6 说明信息标记 meta可以用来说明语言字符集的信息，例如：meta httpequvi=“ContentType” content=“text/html;charset=#”，属性httpequvi描述特征名，属性content描述特征值。 常用的有#=xmacroman、gb2312、gb-231280、big5等。 Meta也用来描述文档的自身信息，如作者信息、过期时间、关键词列表等。例如： meta httpequvi=″ 作者″ content=″张驰″ meta httpequvi=″ 文档期限″ content=″2001/