第于章网页制作语言 学习要点: HTML语言基本知识 javaScript脚本语言
第十章 网页制作语言 学习要点: • HTML语言基本知识 • JavaScript脚本语言
101网页的制作语 102网页脚本语言 Javascript 退出
第8章 网页建立与维护 10.1 网页的制作语言 10.2 网页脚本语言——JavaScript 退出
10L1HTML语言的结构 0 10.L.2构成网页的基本元素 1013超文本链接指针 网页的制作语 10.1,4在HTML文件中使用图像 1015框架结构的使用 10.1.6表单的应用 1017HML中的表格 返
10.1.1 HTML 语言的结构 10.1.3 超文本链接指针 10.1.2 构成网页的基本元素 10.1..4在HTML文件中使用图像 10.1.6 表单的应用 10.1.5 框架结构的使用 10.1.7 HTML中的表格 10 . 1 网 页 的 制 作 语 言 返 回
1D.1F语青的结构 HIML(超文本标记语言)是一种描述文档结构的标注语言,它使用 些约定的标记对WWW上的各种信息进行标注。当用户浏览WWW上的信 息时,浏览器会自动解释这些标记的含义,并按照一定的格式在屏幕上显 示这些被标记的文件。HTML的优点是其跨平台性。即任何可以运行浏览 器的计算机都能阅读并显示HML文件,不管其操作系统是什么,并且显 结果相同。 HTML文件是标准的ASC文件,且其后缀名为htm或htm的文件 HIML文件看起来象是加入了许多被称为链接签(tag)的特殊字符串的普 通文本文件。从结构上讲,HTML文件由元素( element)组成,组成 HTML文件的元素有许多种,用于组织文件的内容和指导文件的输出格式 绝大多数元素是“容器”,即它有起始标记和结尾标记。元素的起始标记 叫做起始链接签( start tag,元素结束标记叫做结尾链接签( end tag), 在起始链接签和结尾链接签中间的部分是元素体。每一个元素都有名称和 可选择的属性,元素的名称和属性都在起始链接签内标明
HTML(超文本标记语言)是一种描述文档结构的标注语言,它使用 一些约定的标记对WWW上的各种信息进行标注。当用户浏览WWW上的信 息时,浏览器会自动解释这些标记的含义,并按照一定的格式在屏幕上显 示这些被标记的文件。HTML的优点是其跨平台性。即任何可以运行浏览 器的计算机都能阅读并显示HTML文件,不管其操作系统是什么,并且显 示结果相同。 HTML文件是标准的ASCII文件,且其后缀名为htm或html的文件。 HTML文件看起来象是加入了许多被称为链接签(tag)的特殊字符串的普 通文本文件。从结构上讲,HTML文件由元素(element)组成,组成 HTML文件的元素有许多种,用于组织文件的内容和指导文件的输出格式。 绝大多数元素是“容器”,即它有起始标记和结尾标记。元素的起始标记 叫做起始链接签(start tag),元素结束标记叫做结尾链接签(end tag), 在起始链接签和结尾链接签中间的部分是元素体。每一个元素都有名称和 可选择的属性,元素的名称和属性都在起始链接签内标明。 10.1.1 HTML 语言的结构
下面来看一个HML文件,它在浏览器中显示的结果如图8-15所示 武汉工业学院 这是一HTML的测试文件 武汉工业学院 Microsoft Internet Explorer F区 这是一出M的测试文件 回我的电崩
下面来看一个HTML文件,它在浏览器中显示的结果如图8-15所示。 武汉工业学院 这是一HTML的测试文件
0.12构成网页的基本元素 1.标记用来给网页命名,网页的名称写在与 标记之间,显示在浏览器的标题栏中。例如,在图8-15中 所示的浏览器页面中,其标题栏所显示的“武汉工业学院”是在 HIML文件中的由武汉工业学院所定义的 2.标记 妇这是一个试网页0 ft]]Explorer 文件)铜辑)查看①收藏色)工具①)帮助Q .. aB我m 到 地址①k/1 abing/Project3/ LHLN2OPagel ht ..标题元素有6 标题测试 种,用于表示文章中的各 种题目。字体大小到 标题测试 顺序减小。下面这个 标题测试 例子中分别使用了到 标题测试 标题测试 的标题。其HML文 原洲固 本地Intr 件如下所示,在浏览器中 的显示效果如图8-16所示。 源文件
标记用来给网页命名,网页的名称写在与 标记之间,显示在浏览器的标题栏中。例如,在图8-15中 所示的浏览器页面中,其标题栏所显示的“武汉工业学院”是在 HTML文件中的由武汉工业学院所定义的。 10.1.2 构成网页的基本元素 1.标记 … 到 …标题元素有6 种,用于表示文章中的各 种题目。字体大小到 顺序减小。下面这个 例子中分别使用了到 的标题。其HTML文 件如下所示,在浏览器中 的显示效果如图8-16所示。 2.标记 源文件
3.预格式化文本标记 HTML的输出是基于窗口的,因而HIML文件在输出时都是要 重新排版的,即把文本上任何额外的的字符(如空格、制表符和回 车符)都忽略,若确实不需要重新排版的内容,可以用pe pre>通知浏览器。在图8-17和图8-18中显示了有无预格式化文本标 记的对比。 这是一个测试网页回区国这是一个测武网页一31 文件)编辑)查看” 文件¢)编辑c)查看Q)收藏④) 停止刷新 上 地址@同H∥c转到」地0图m3到 HTM是一种描述文档结构的标注语 H狙L是一种描述文档结构的标注语 言,它使用一些约定的标记对各种信息 言,它使用一些约定的标记对各种信 进行标注。 息进行标注。 完成 思本地 Intranet 包完成 回本地 Intranet 源文件
3.预格式化文本标记 源文件 HTML的输出是基于窗口的,因而HTML文件在输出时都是要 重新排版的,即把文本上任何额外的的字符(如空格、制表符和回 车符)都忽略,若确实不需要重新排版的内容,可以用…通知浏览器。在图8-17和图8-18中显示了有无预格式化文本标 记的对比
4.和标记 用于强制换行。表示一个段落的开始。一般可 不用。 5.标记 这几个标记都是用来修饰所包含文档的。标记使文本加粗; 标记使文本倾斜;标记给文本加下划线;标记给文本加 删除线;标记使文本字体加重。下面给出一个HTM源 文件,其显示结果如图8-19所示。 这是一个测试网页- Microsoft Internet Explorer [区 文件)编辑C)查看)收藏)工具①)帮助Q 源文 地址@Mtp/litn/re3alh →转到 HTL是一种撈述文档结鸬的标注语言,它使用一些约定的标记 对各种信息进行标注。 完成 本地 Intranet
4.和标记 源文件 用于强制换行。 表示一个段落的开始。一般可 不用。 5. 标记 这几个标记都是用来修饰所包含文档的。标记使文本加粗; 标记使文本倾斜;标记给文本加下划线;标记给文本加 删除线;标记使文本字体加重。下面给出一个HTML源 文件,其显示结果如图8-19所示
6.标记 FONT>…用来标记说明 修改字体和颜色。其中 COLOR属性指定文字颜色 颜色的表示可以用6位十六进 Bgcolor设置网页背景颜色 制代码,如;SIZE属性指定相Link设置网页可链接文字的颜色 对尺寸。 Aink设置网页正被点击的可链接文字的颜 另外,如果用户想要设置网 页的背景色和文字颜色,可以Mmk设置网页已经点击的可链接文字的颜 将标记扩充为: 色 Backgrou设置网页背景图案 <BODY bgcolor=# text=# nd link alink# vlink# ImageR设置网页背景图案的URL地址 background= imageURL 其中各个元素的说明如表8-1# 代表颜色RGB值(格式为 rrggbb) 所示,表8-2列出了一些常用 它是用16进制的红-绿-蓝(red 颜色的RGB值 green-bue,RGB)值来表示。各种 常见的颜色的RGB值如表9-2所示
6.标记 …用来 修改字体和颜色。其中 COLOR属性指定文字颜色, 颜色的表示可以用6位十六进 制代码,如;SIZE属性指定相 对尺寸。 另外, 如果用户想要设置网 页的背景色和文字颜色,可以 将标记扩充为: 其中各个元素的说明如表8-1 所示,表8-2列出了一些常用 颜色的RGB值。 标记 说明 Bgcolor 设置网页背景颜色 Text 设置网页非可链接文字的颜色 Link 设置网页可链接文字的颜色 Alink 设置网页正被点击的可链接文字的颜 色 Vlink 设置网页已经点击的可链接文字的颜 色 Backgrou nd 设置网页背景图案 ImageUR L 设置网页背景图案的URL地址 # 代表颜色RGB值(格式为rrggbb)。 它是用16进制的红-绿-蓝(redgreen-blue,RGB)值来表示。各种 常见的颜色的RGB值如表9-2所示
颜色 RGB颜色 RGB 黑色(B|ack) 000000橄榄色(Oive)808000 红色(Red) FF0000深表色(Tea|)008080 绿色( Green) 00800灰色(Gay)808080 蓝色(B|ue) 0000深蓝色(Nawy)000080 白色( White) FFFFFF浅绿色(Lime)00FF00 黄色( Yellow) FFFF00紫红色( Fuchsia ff00FF 银色( Silver) c0c0c0紫色( Purple800080 浅色(Aqua) 00FFFF茶色( Maroon)800000
颜色 RGB 颜色 RGB 黑色(Black) 000000 橄榄色(Olive) 808000 红色(Red) FF0000 深表色(Teal) 008080 绿色(Green) 008000 灰色(Gray) 808080 蓝色(Blue) 0000FF 深蓝色(Navy) 000080 白色(White) FFFFFF 浅绿色(Lime) 00FF00 黄色(Yellow) FFFF00 紫红色(Fuchsia ) FF00FF 银色(Silver) C0C0C0 紫色(Purple) 800080 浅色(Aqua) 00FFFF 茶色(Maroon) 800000