《Internet网络技术与应用》第十章 网页制作语言

第于章网页制作语言 学习要点: 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
按次数下载不扣除下载券;
注册用户24小时内重复下载只扣除一次;
顺序:VIP每日次数-->可用次数-->下载券;
- 《Linux操作系统》课程教学资源(PPT课件讲义,共五部分).ppt
- 《管理信息系统概论》课程PPT讲义(MIS)电子课件(共十讲).ppt
- 《计算机硬件认识、组装及系统故障诊断》讲义.pdf
- 《数据结构习题解答》习题8解答.doc
- 《数据结构习题解答》习题7解答.doc
- 《数据结构习题解答》习题6解答.doc
- 《数据结构习题解答》习题5解答.doc
- 《数据结构习题解答》习题4解答.doc
- 《数据结构习题解答》习题3解答.doc
- 《数据结构习题解答》习题2解答.doc
- 《数据结构习题解答》习题1解答.doc
- 《数据结构习题解答》习题9解答.doc
- 《电脑办公教程》ppt电子书.doc
- 《计算机文化基础》课程电子教案(PPT课件讲稿)第第五讲 计算机网络基础.ppt
- 《计算机文化基础》课程电子教案(PPT课件讲稿)第第四讲 中文电子表格.ppt
- 《计算机文化基础》课程电子教案(PPT课件讲稿)第第三讲 中文文字处理系统.ppt
- 《计算机文化基础》课程电子教案(PPT课件讲稿)第第二讲 基础知识.ppt
- 《计算机文化基础》课程电子教案(PPT课件讲稿)第一讲 操作系统 Operating System.ppt
- 莆田学院:《计算机网络技术基础》校园网网络结构拓扑图.doc
- 莆田学院:《计算机网络技术基础》第五章 网络连接设备与技术.ppt
- Internet网络技术与应用_第1章 概述.ppt
- 《Internet网络技术与应用》第2章 Internet技术基础.ppt
- 《Internet网络技术与应用》第3章 Internet接入方式.ppt
- 《Internet网络技术与应用》第4章 万维网WWW.ppt
- 《Internet网络技术与应用》第5章 电子邮件E-mail.ppt
- 《Internet网络技术与应用》第6章 FTP文件传送.ppt
- 《Internet网络技术与应用》第7章 电子公告板.ppt
- 《Internet网络技术与应用》第8章 网上娱乐.ppt
- 《Internet网络技术与应用》第9章 Internet网络安全.ppt
- 番禺职业技术学院:《玩具制图与CAD》课程教学资源(PPT课件)小结.ppt
- 番禺职业技术学院:《玩具制图与CAD》课程教学资源(PPT课件)第一章 绘图基本知识与基本技能(1.3)平面几何图形的画法.ppt
- 番禺职业技术学院:《玩具制图与CAD》课程教学资源(PPT课件)第一章 绘图基本知识与基本技能(1.4)平面几何图形的分析与绘图步骤.ppt
- 番禺职业技术学院:《玩具制图与CAD》课程教学资源(PPT课件)第三章(3.1)三面投影与三视图.ppt
- 番禺职业技术学院:《玩具制图与CAD》课程教学资源(PPT课件)第二章(2.2)点的投影.ppt
- 番禺职业技术学院:《玩具制图与CAD》课程教学资源(PPT课件)第三章(3.2)平面立体的投影.ppt
- 番禺职业技术学院:《玩具制图与CAD》课程教学资源(PPT课件)第一章(1.2)国家标准的基本规定.ppt
- 番禺职业技术学院:《玩具制图与CAD》课程教学资源(PPT课件)第二章(2.1)投影法的基本知识.ppt
- 番禺职业技术学院:《玩具制图与CAD》课程教学资源(PPT课件)第二章(2.5)直线与平面、平面与平面之间的相对位置.ppt
- 番禺职业技术学院:《玩具制图与CAD》课程教学资源(PPT课件)第一章 绘图基本知识与基本技能(1.1)常用绘图工具的使用方法.ppt
- 番禺职业技术学院:《玩具制图与CAD》课程教学资源(PPT课件)第二章(2.4)平面的投影.ppt