计算机网络和多媒体技术.pptVIP

计算机网络和多媒体技术 常宝宝 北京大学信息科学技术学院 chbb@ 什么是超文本？ 超文本 Hyper Text 是指包含超链接的文本。超文本和普通文本的区别在于其中包含了超链接。 超链接 Hyper Link 是一个有向的链接，从超文本中某个位置指向另外一个位置，或指向另外一个超文本的某个位置。用户通过点击超链接可以改变阅读文本的顺序。 一般而言，超文本文档中仅包含文本信息，如果对超文本的概念加以延伸，除普通文本之外，也把图像、图形、声音、影像和动画文档集成在文档中，超文本文档就延伸为超媒体 Hyper Media 文档了。 超文本文档图示 HTML语言和HTML文档 HTML是超文本标记语言的英文词首缩写，是一种格式化标记语言，该语言可以用来编写超文本文档。 Hyper Text Markup Language HTML文档是用HTML语言编写的超文本文档。在万维网上，HTML文档通常也叫做页面。 HTML文档的扩展名一般是.htm或.html。例如：浏览器浏览的主页文件一般都是用HTML编写的。 HTML文档是静态的网页，即不支持浏览文本的用户和页面进行交互，用户只能浏览，页面不能从用户那里接收数据并进行处理。 统一资源定位器 ——URL URL叫做统一资源定位器。是面向Internet信息资源访问的一种统一地址标识方法，利用这种统一地址标识方法，Internet上所有资源都有了一个唯一的标识。 Uniform Resource Locator URL的完整格式： 协议://主机名或IP地址:端口号/路径名/文件名 如： URL中的协议可以是：HTTP、 FTP、 Telnet 等等 HTML语言的基本语法 HTML文件是标准的ASCII码文件①，HTML文件由许多元素组成，HTML中的元素用于组织文件的内容和指导文件的输出格式。 绝大多数元素都包括一个开始标签和一个结尾标签，元素的内容包含在开始标签和结尾标签之间。（就象括号一样啊！）有少数元素没有内容，因而就只有一个标签组成，这种元素称为空元素。每一个元素都有名称和可选择的属性，属性的内容在开始标签内指定，属性通常由属性名和属性值构成。元素可以嵌套。 开始标签和结尾标签都用一对尖括号 即： 括起来，以表明是标签而不是元素的内容，开始标签形如： 标签名 属性名1 属性值1 属性名2 属性值2 … ，结尾标签形如 ，一个HTML元素则形如： 标签名 属性名1 属性值1 属性名2 属性值2 … 元素内容 HTML文档的基本结构 一个HTML文档可分为文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 　　　 　　　　　　头 部 信 息　　 　　　 　　　　　文 档 主 体， 正 文 部 分　　 基本的HTML元素 页面布局和文字格式 列表和表格 超级链接 多媒体效果 框架页面 页面布局与文字格式元素 标题元素 … 换行元素 段落元素 … 水平线段元素 文字格式元素 … 页面属性设定 对齐方式设定 标题 一般文章都有标题、副标题、章和节等结构，HTML中提供了相应的标题标签 ，其中n为标题的等级，HTML总共提供六个等级的标题，n越小，标题字号就越大，以下列出所有等级的标题： … 　　　　　第一级标题 … 　　　　　第二级标题 … 　　　　　第三级标题 … 　　　　　第四级标题 … 　　　　　第五级标题 … 　　　　　第六级标题 如果希望改变标题的对齐方式，可以设置标题元素的align属性。该属性有三种取值left、center和right，分别表示左对齐、居中对齐和右对齐。 H1 align center 居中标题 参见例子 sample02.htm 换行 HTML文档中的回车换行均被忽略，每当浏览器窗口被缩小时，浏览器会自动将右边的文字转折至下一行。所以，编写者对于自己需要断行的地方，应加上 标签，元素 是空元素。 参见sample03.htm、sample04.htm 段落 HTML规定，文本中的段落用 … 标签进行标记。其中 可以省略，因为下一个 的开始就意味着上一个 的结束。 可以通过设置 元素属性align的方式改变段落的对齐方式，该属性可能的取值为left、center、right。 段落的例子 p align right 右对齐的段落 参见 sample05.html、sample06.html 水平线 元素 可以在屏幕上显示一条水平线，用以分割页面中的不同部分， 元素是空元素。 水平线元素属性： size　水平线的宽度 width 水平线的长，是占窗口宽度的百分比或象素 align