821HTML语言的结构 TML(超文本标记 ,它使用 些约定的标记对WWW上的各种信息进行标注。当用户浏览WWW上的信 息时,浏览器会自动解释这些标记的含义,并按照一定的格式在屏幕上显 示这些被标记的文件 即任何可以运行浏览 器的计算机都能阅读并显示HIML文件,不管其操作系统是什么,并且显 示结果相同 HTML文件是标准的ASC文件,且其后缀名为htm或htm的文件。 HIML文件看起来象是加入了许多被称为链接签(tag)的特殊字符串的普 通文本文件。从结构上讲,HM文件由元素( element ,组成 HTML文件的元素有许多种,用于组织文件的内容和指导文件的输出格式 绝大多数元素是“容器”,即它有起始标记和结尾标记。元素的起始标记 叫做起始链接签( start tag),元素结束标记叫做结尾链接签( end tag), 在起始链接签和结尾链接签中间的部分是元素体。每一个元素都有名称和 可选择的属性,元素的名称和属性都在起始链接签内标明
HTML（超文本标记语言）是一种描述文档结构的标注语言，它使用 一些约定的标记对WWW上的各种信息进行标注。当用户浏览WWW上的信 息时，浏览器会自动解释这些标记的含义，并按照一定的格式在屏幕上显 示这些被标记的文件。HTML的优点是其跨平台性。即任何可以运行浏览 器的计算机都能阅读并显示HTML文件，不管其操作系统是什么，并且显 示结果相同。 HTML文件是标准的ASCII文件，且其后缀名为htm或html的文件。 HTML文件看起来象是加入了许多被称为链接签（tag）的特殊字符串的普 通文本文件。从结构上讲，HTML文件由元素（element）组成，组成 HTML文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。 绝大多数元素是“容器”，即它有起始标记和结尾标记。元素的起始标记 叫做起始链接签（start tag），元素结束标记叫做结尾链接签（end tag）， 在起始链接签和结尾链接签中间的部分是元素体。每一个元素都有名称和 可选择的属性，元素的名称和属性都在起始链接签内标明。 8.2.1 HTML 语言的结构
下面来看一个HTML <HTML> <HEAD> <TITE>武汉工业学院</ TITLE> <HEAD <BODY bgcolor= yellow> <P>这是一HTML的测试文件<P> 厘武 </BODY 文件()编辑)查看⑩收藏)工具)帮助⑩ 地址p图] C:\lly Docunents址上h HTML> 这是一出M的测试文件 回我的电崩
下面来看一个HTML文件，它在浏览器中显示的结果如图8-15所示。 <HTML> <HEAD> <TITLE>武汉工业学院</TITLE> </HEAD> <BODY bgcolor= yellow> <P>这是一HTML的测试文件</P> </BODY> </HTML>
822构成网页的基本元素 1.<∏TLE>标记 <TILE>标记用来给网页命名,网页的名称写在< TITLE>与 </TILE>标记之间,显示在浏览器的标题栏中。例如,在图8-15中 所示的浏览器页面中,其标题栏所显示的“武汉工业学院”是在 HTML文件中的由<TTLE>武汉工业学院<TITE>所定义的 2.<Hn>标记 这是一个试网页- t Internet Explorer 文件)铜错)查着收端)工具①)帮助0 <H1>..<H1> 到 aB我m 地址①k/1 abing/Project3/ LHLN2OPagel ht <H6>..</H6>标题元素有6 标题测试 种,用于表示文章中的各 种题目。字体大小<H1>到 标题测试 <H6>顺序减小。下面这个 标题测试 例子中分别使用了<H1>到 标题测试 标题测试 <H6>的标题。其HTML文 原洲固 本地Intr 件如下所示,在浏览器中 的显示效果如图8-16所示。 源文件
<TITLE>标记用来给网页命名，网页的名称写在<TITLE>与 </TITLE>标记之间，显示在浏览器的标题栏中。例如，在图8-15中 所示的浏览器页面中，其标题栏所显示的“武汉工业学院”是在 HTML文件中的由<TITLE>武汉工业学院</TITLE>所定义的。 8.2 2 构成网页的基本元素 1．<TITLE>标记 <H1>…</H1> 到 <H6>…</H6>标题元素有6 种，用于表示文章中的各 种题目。字体大小<H1>到 <H6>顺序减小。下面这个 例子中分别使用了<H1>到 <H6>的标题。其HTML文 件如下所示，在浏览器中 的显示效果如图8-16所示。 2．<Hn>标记 源文件
3.预格式化文本标记<pre HTML的输出是基于窗口的,因而HTML文件在输出时都是要 重新排版的,即把文本上任何额外的的字符(如空格、制表符和回 车符)都忽略,若确实不需要重新排版的内容,可以用<pre>.</ pre>通知浏览器。在图8-17和图8-18中显示了有无预格式化文本标 记<pre>的对比。 臣这是一个测试网页回区自这是一个训试网页区 文件)编辑)查看” 文件￠)编辑c)查看Q)收藏④) 停止刷新 上 地址@同H∥xc转到地⑩图3到 HTM是一种描述文档结构的标注语 H是一种描述文档结构的标注语7 言,它使用一些约定的标记对各种信息 它使用一些约定的标记对各种信 进行标注。 息进行标注。 的完成题本地In+amnt阅完成 本地 Intranet∥ 源文件
3．预格式化文本标记<pre> 源文件 HTML的输出是基于窗口的，因而HTML文件在输出时都是要 重新排版的，即把文本上任何额外的的字符（如空格、制表符和回 车符）都忽略，若确实不需要重新排版的内容，可以用<pre>…<／ pre>通知浏览器。在图8-17和图8-18中显示了有无预格式化文本标 记<pre>的对比
4.<BR>和<P>标记 <BR>用于强制换行。<P>表示一个段落的开始。</P>一般可 不用。 5.<B><I<U>< STRONG><S>标记 这几个标记都是用来修饰所包含文档的。<B>标记使文本加粗; <Ⅰ>标记使文本倾斜;<U>标记给文本加下划线;<S>标记给文本加 删除线;< STRONG>标记使文本字体加重。下面给出一个HTML源 文件,其显示结果如图8-19所示 这是一个测试网页- Microsoft Internet Explorer [区 文件)编辑C)查看)收藏)工具①)帮助Q 地址@Mtp/litn/re3alh →转到 HTL是一种述文档结的标注语言,它使用一些约定的标记 对各种信息进行标注。 图完成 本地 Intranet
4．<BR>和<P>标记 源文件 <BR>用于强制换行。<P> 表示一个段落的开始。</P>一般可 不用。 5．<B> <I> <U> <STRONG> <S> 标记 这几个标记都是用来修饰所包含文档的。<B>标记使文本加粗； <I>标记使文本倾斜；<U>标记给文本加下划线；<S>标记给文本加 删除线；<STRONG>标记使文本字体加重。下面给出一个HTML源 文件，其显示结果如图8-19所示