第08章HTML标记语言讲解.pptVIP

信息学院公共教学部; 在Internet中，应用最广泛的无疑为World Wide Web 了，无论是Web应用还是开发，都应该对标记语言有一个基本的认识。;8.2.1什么是HTML ; HTML 语言是 通过利用 各种标记(Tags)标识文档的结构以及标识超链接(Hyerlink)的信息; 利用文本编辑器软件编写HTML文件非常麻烦，效率很低，因此有很多专门的优秀的 HTML编辑器。常用的HTML编辑软件有FrontPage ,Dreamweaver等，它们都是所见即所得的编辑器，借助于HTML专用工具，在屏幕上页面进行交互设计，将自动生成对应的 HTML文件，并且具有预览功能，大大提高了设计WEB页的效率。;8.2.2 HTML 文档结构;HTML HEAD TITLE一个最简单的超文本文件/TITLE /HEAD BODY 您好！这是在执行一个HTML文件br /BODY /HTML;标记分为单标记和双标记两种类型。 单标记的语法：标记 例：br 表示回车 双标记的语法：标记文档内容 /标记 例：BI粗体和斜体/I/B ; 许多单标记和双标记的首标记内可以包含一些属性。 语法：标记 属性1＝属性值 属性2＝属性值2.. 例：hr Size=3 Align=left Width=“50%” Size 属性定义线的粗细 Align 属性定义对齐方式 Width 属性定义线的长度 ; HTML中的标记大致可以分为：文档标记、排版标记、字体标记、表格标记、图像与控制标记、超级链接标记等。;一.文档标记 1.html /html??? html标志用于Html文档的最前边，用来标识Html文档的开始。而/html标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。;3.title /title??? 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在title/title标志对之间加入您要显示的文本即可。 注意：title/title标志对只能放在head/head标志对之间。;1、bgcolor 设置背景颜色 2、background 设置背景图片 body background=D:\网络技术与应用\89章例题\lushan01.jpg 3、text 设置文本颜色 4、link 设置链接颜色。 5、vlink 设置已使用的链接的颜色。 6、alink 设置正在被击中的链接的颜色。;颜色的设定的两种常用方法： 1、用颜色常量名表示，如：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Fuchsia、Silver、Red、Blue等。 例：body bgcolor=red红色背景;htmlheadtitle显示在浏览器最上边蓝色条中的文本/title/headbody bgcolor=red text=blue红色背景、蓝色文本/body/html; 2.排版标记 (1)!—说明性文字 标记：书写说明文字，内容不在浏览器中显示。 (2)P标记。双标记。用来创建一个段落的标记，标记间的文本按照段落的格式在浏览器中显示。属性：Align,style (3)BR标记。单标记。用来创建一个回车换行 (4)HR标记。单标记。在该位置加入一条水平线 属性：Size,Color,Width,Noshade ;(5)PRE标记。双标记.预排板文本标记，输出时，不希望对内容重新排版而使用。 例：PRE 华北 华东 华南 234 244 243 123 345 333 /PRE; 2.排版标记 (6)blackquote标记。双标记。用来在文档中标记一段引用文字，它所包含的文字相对于标记外的文字往左缩进两个字符的距离。 见课本P203;3.文本格式标记 (1)H1、H2、H3….H6 双标记。他们是六种不同等级的标题标记，从大到小，可以增加属性Align，定义对齐方式。 例：H1 Align=centermy centered Heading/H1 (2)FONT标记。双标记。用来设置输出文本的字体、字号、颜色等。常用属性：Face、Size、Color (3)B、I、U标记。双标记。 B指定文本为粗体。I指定文本为斜体。U 指定文本为下划线 (4)SUB和SUP标记。双标记。 SUB指定下标文本