令中国铁道出版社 ASP动态网页设 第3章HTML简介
第3章 HTML简介 ASP动态网页设计教程
令中国铁道出版社 第3章HTML简 3.1什么是HTML 3.2背景设置 3.3文字属性的变化 34图文并茂的文件 3.5超级链接 36表格 ·37段落 38水平线 39什么是CSS
2 第 3 章 HTML简介 • 3.1 什么是HTML • 3.2 背景设置 • 3.3 文字属性的变化 • 3.4 图文并茂的文件 • 3.5 超级链接 • 3.6 表格 • 3.7 段落 • 3.8 水平线 • 3.9 什么是CSS
令中国铁道出版社 3.1什么是HTM HTM全名为 Hyper Text Markup Language,中文 译为超文本标记语言,这是创建网页的脚本语言,它 提供了精简而有力的文件定义,使我们可以设计出多 姿多彩的超媒体文件( Hypermedia Document),通过 HTTP(HyperTextTransferProtocol)通讯协议,使得 HTML文件可以在全球互联网( World wide web, WWw)上进行跨平台的文件交换。 HTML文件为纯文本的文件格式,可以用任何的 文本编辑器来编辑,HML是以标记来描述文件中的 多媒体信息。 3
3 3.1 什么是HTML HTML全名为Hyper Text Markup Language,中文 译为超文本标记语言,这是创建网页的脚本语言,它 提供了精简而有力的文件定义,使我们可以设计出多 姿多彩的超媒体文件(Hypermedia Document),通过 HTTP(Hyper Text Transfer Protocol)通讯协议,使得 HTML文件可以在全球互联网(World Wide Web, WWW)上进行跨平台的文件交换。 HTML文件为纯文本的文件格式,可以用任何的 文本编辑器来编辑,HTML是以标记来描述文件中的 多媒体信息
令中国铁道出版社 3.1什么是HTM 3.1.1HTML文件 ·3.1.2HIM组成的基本组件
4 3.1 什么是HTML • 3.1.1 HTML文件 • 3.1.2 HTML组成的基本组件
令中国铁道出版社 3.1什么是HTM 3.1.1HTML文件 HIML文件的结构是由HEAD及BODY两大部分 所组成,如下图所示 HEAl
5 3.1 什么是HTML • 3.1.1 HTML文件 HTML文件的结构是由 HEAD 及 BODY 两大部分 所组成,如下图所示
令中国铁道出版社 3.1什么是HTM 3.1.2HTML组成的基本组件 . 开 始,至结束标记结束。 ●. 此标记为文件的表头区,主要作用是用来描述关于网页的相关 信息,例如编码方式、网页的标题等 o .. 网页输出编排的重头戏几乎全部放在与之间,凡 在网页上显示的各种文字或图片等,均必须置于这一标记的范围内
6 3.1 什么是HTML • 3.1.2 HTML组成的基本组件 … 此标记必须分别置于HTML文件的开头和结尾,其主要的功能是 告诉浏览器(Browser)这是HTML文件,且文件是由起始标记开 始,至结束标记结束。 … 此标记为文件的表头区,主要作用是用来描述关于网页的相关 信息,例如编码方式、网页的标题等。 … 网页输出编排的重头戏几乎全部放在与之间,凡 在网页上显示的各种文字或图片等,均必须置于这一标记的范围内
令中国铁道出版社 3.1什么是HTM HTML文件范例(page31.htm) HIM第一步 标题名称 How do you do! 强HT第一步- icrosoft Internet Explorer 回囟 文件①)编辑①)查看)收震)工具①)帮助0 ⊙后退··国搜索☆收藏夹②,圆 地址①)Ht:171.0/dpt3/s1m转到链接” 执行结果如图所示。dm 包完毕 2 Internet (7
7 3.1 什么是HTML • HTML文件范例 (page3_1.htm) HTML第一步 How do you do! 执行结果如图所示
令中国铁道出版社 3.2背景设置 在 HTMLI中,可以自行定义网页的背景颜色或以某张 图片填满网页的背景,而这些设置必须在的属性 里进行,其用法如下 body text=blue"=red' vlink- black alink- green bgcolor= white? background=images/bg. jpg Body的相关属性说明请见下页表所示
8 3.2 背景设置 在HTML中,可以自行定义网页的背景颜色或以某张 图片填满网页的背景,而这些设置必须在 的属性 里进行,其用法如下: Body的相关属性说明请见下页表所示
令中国铁道出版社 3.2背景设置 属性 说 明 设置网页默认的字体颜色,对于没有特别指定颜色的文字,都以 此设置为准。颜色值有两种表示方式,第一种为常数表示方式, 例如red代表红色,ylow代表黄色等。另一种表示方式为RGB三 Tex=“颜色值” 原色的表示,颜色值是以三组十六进制的RGB数值来表示(十六 进制的前导字符为“#”),颜色值的格式如下“# RRGGBB”,例如 红色的值为“#FF0000,绿色的值为“#00FF00”,蓝色的值为 “#0000FF” Link=“颜色值” 超级链接文字的字体颜色,默认值为蓝色加下划线的字,颜色的 指定方法同上 Vlink=“颜色值” 已点击( Click)过的超级链接文字的字体颜色 Bgcolor=“颜色值”指定网页的背景颜色,仅能指定单一颜色(无法指定渐变的颜色) 指定背景图将使图片充满整个浏览器的显示区,背景图片的格式以 Background=图浏览器支持的图形格式为主,通常为jpg或gf的图形,目前有许多 形名” 浏览器已支持 Kodak所发表的png文件格式。若 bgcolor与 background同时指定,浏览器以 background的设置为主
9 3.2 背景设置 属 性 说 明 Text =“颜色值” 设置网页默认的字体颜色,对于没有特别指定颜色的文字,都以 此设置为准。颜色值有两种表示方式,第一种为常数表示方式, 例如red代表红色,yellow代表黄色等。另一种表示方式为RGB三 原色的表示,颜色值是以三组十六进制的RGB数值来表示(十六 进制的前导字符为“#”),颜色值的格式如下“#RRGGBB”,例如 红色的值为“#FF0000”,绿色的值为“#00FF00”,蓝色的值为 “#0000FF” Link =“颜色值” 超级链接文字的字体颜色,默认值为蓝色加下划线的字,颜色的 指定方法同上 Vlink =“颜色值” 已点击(Click)过的超级链接文字的字体颜色 Bgcolor =“颜色值” 指定网页的背景颜色,仅能指定单一颜色(无法指定渐变的颜色) Background =“图 形名” 指定背景图将使图片充满整个浏览器的显示区,背景图片的格式以 浏览器支持的图形格式为主,通常为.jpg或.gif的图形,目前有许多 浏览器已支持Kodak所发表的.png文件格式。若bgcolor与 background同时指定,浏览器以background的设置为主
令中国铁道出版社 3.2背景设置 说明:浏览器对于每一个标记均有默认值,因此,上述的参数 如果都不设置,也不会影响网页正常的显示。理论上不设置背景及 字体颜色,反而会加速网页的下载速度,像鼎鼎大名的 Yahoo,其网 页都是不设置背景颜色。如下图所示 n。naa4 YAHOO! a Owers sst wers
10 3.2 背景设置 说明:浏览器对于每一个标记均有默认值,因此,上述的参数 如果都不设置,也不会影响网页正常的显示。理论上不设置背景及 字体颜色,反而会加速网页的下载速度,像鼎鼎大名的Yahoo,其网 页都是不设置背景颜色。如下图所示: