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