2 文字颜色
使用<FONT>标记的Color属性可以设置设定一段 文章、一个语句、一个单词或多个单词的文字颜色。 格式为： <FONT color="颜色"> XXXXX </FONT> 举例： <FONT color="#ffffff">白色</FONT> 或 <FONT color="RED">红色</FONT>
3 换行、分段
网页文章的行间调整使用三个标记:即<BR>、<HR> 和<p>标记。 强制改行标记 <BR>，位于文章一行的末尾，无结束 标记。它强制文本换行。格式为: <BR> 段落标记<P>用于分段，其位置在文章前段的末尾， 并使前段与后段之间留一行空白。段落标记<P>可省 掉结束标记。 标尺线标记<HR>也是一个用于分段的标记，它在前 后两个段落之间定义一条标尺线。 <HR width=x> <HR width=x%> <HR width=x size=y>
1.2.4 添加注释
•在HTML中注释的内容用〈！ --和--〉括起来， 在 中注释的内容用〈 中注释的内容用 和 〉括起来， •格式如下： 格式如下： 格式如下 •〈！--这是一个注释 〉 这是一个注释--〉 〈 这是一个注释 •或 或 •〈！--注释一：…… 注释一： 〈 注释一 • 注释二： 注释二： ……--〉 〉 •注释的内容不会在浏览器中显示出来，其中可以有 注释的内容不会在浏览器中显示出来， 注释的内容不会在浏览器中显示出来 空格和回车。 空格和回车。 •注意：注释可插入在Web页任何位置。 注意：注释可插入在 页任何位置。 注意 页任何位置
1.2.2.3正文标记符
• 正文标记符 正文标记符<BODY>和</BODY>包含 和 包含Web页 包含 页 的具体内容，包括文字、图形、 的具体内容，包括文字、图形、超链接以及其 他各种HTML对象。 对象。 他各种 对象 • 如果没有其他标记符修饰，正文标记符中的文 如果没有其他标记符修饰， 字将以无格式的形式显示。(如果浏览器窗口 字将以无格式的形式显示。 如果浏览器窗口 显示不下，则自动换行)。 显示不下，则自动换行 。 • 注意：空格、回车这些格式控制在显示时都不 注意：空格、 起作用，如要使它们起作用， 起作用，如要使它们起作用，应使用预格式化 标记符<PRE>和</PRE>将需要采用原始格式 标记符 和 将需要采用原始格式 的内容包含起来。 的内容包含起来。
1.2.3设置页面属性
1 设置页面背景颜色 <BODY bgcolor=“black”> 2 设置页面背景图像 <BODY background=“filename”> 3 设置背景图像水印效果 gproperties=“fixed”> • 4 设置文字和超链接的颜色 • <BODY text=N link=N vlink=N alink=N> • • • • • •
HTML是一种超文本标记语言，是用来描述 是一种超文本标记语言， 是一种超文本标记语言 WWW上超文本文件的。 上超文本文件的。 上超文本文件的 HTML语言不是编程语言,而是一种标记语言。 语言不是编程语言,而是一种标记语言。 语言不是编程语言 与编程语言相比, 语言最大的优点就是简单。 与编程语言相比,HTML语言最大的优点就是简单。 语言最大的优点就是简单 基本的HTML语法 基本的HTML语法 HTML 标记符的属性
2 文字大小
• <FONT>标记 • 使用<FONT>标记的Size属性设定一段文章、一个语句、一 个单词或多个单词的文字大小。格式为： • <FONT size =数字> XXXXXXXXXX </FONT> <FONT>标记中Size属性数字的取值范围为1-7，size取7时 最大，取1时最小。
1.2.5显示特殊字符
• 如果用户需要在网页中显示某些特殊字 例如： 、 等与 等与HTML语法冲突的 符，例如：<、>等与 语法冲突的 符号，或者× 符号，或者×、∑、±等无法直接用键 、 盘输入的符号， 盘输入的符号，则需使用参考字符来表 而不能直接输入。 示，而不能直接输入。 • 参考字符以“&”号开始，以“；”结 参考字符以“ 号开始 号开始， 既可以使用数字代码， 束，既可以使用数字代码，也可以使用 代码名称。 代码名称。 • 例如 例如<BODY> < abc > </BODY> • 显示为<abc> 显示为
2.2.2常用页面标记
• 1. 基本标记：<html>和</html>，<head>和 </head>，<body>和</body>，<title>和 </title> • 2. <meta>特殊信息标记 • 3. <hn>网页子标题标记
例2-2运行效果
• 4. <p>段落标记和<br>换行标记
例2-3运行效果
• 5. <hr>水平线标记
例2-4运行效果
• 6. <pre>原文显示标记
例2-5运行效果
2.2.3页面布局综合实例
• 下面将介绍设计一个基本页面布局的综合 实例，在这个实例中综合运用了<hr>、 <hn>、<br>、<p>、<pre>等标记。注意这 个实例中各种标记的使用情况，并结合前 面的介绍深入掌握它们的用法。
• 例2-6运行效果
2.3 文 本 修 饰
• 为了使网页内容更加丰富多彩，文本的修 饰是一个重要的环节。通过文本修饰，可 以突出文档中的重点内容，避免整个文档 外观上的单一化，从而产生良好的视觉效 果。
• 1 标题 • 标题是一篇文章或一段文本的题目， 是以某种方式被加强、被突出的词组或 短语。在网页设计中，使用<Hn>标记设 定标题，格式为： • <Hn> 标题 </Hn> • <Hn>标记是一个双标记。标记中的n的 值可取1-6的整数值，取1时文字最大， 依次取6时文字最小；缺省时为<H6>。
• • • • • • • • • • • • •
HTML的标记有下列三种表示方法： ⑴ <标记名>文本或超文本</标记名> ⑵ <标记名 属性名1=“属性值1” 属性名2=“属性值2”……> 文本或超文本</标记名> ⑶ <标记名> 属性是用来修饰标记的，放在开始标记内，如颜色、对齐 方式、高度和宽度等。 对齐属性：ALIGN=LEFT 左对齐（缺省值） ALIGN=CENTER 居中 ALIGN=RIGHT 右对齐 范围属性：WIDTH=象素值或百分比 对象宽度 HEIGHT=象素值或百分比 对象高度 色彩属性：COLOR=#RRGGBB 前景色 BGCOLOR=#RRGGBB 背景色 其中，颜色值可以是英文颜色名或16进制的颜色值，如表 所示。
1.2.1.1基本的HTML语法
在HTML中,标记的使用格式为： HTML中 标记的使用格式为： 标记>受影响的内容</标记> </标记 <标记>受影响的内容</标记> 注意: 注意: 1.HTML的标记不区分大小写 的标记不区分大小写， 1.HTML的标记不区分大小写，但通常约定使用大写 标记符。 标记符。 2.HTML没有段落格式 没有段落格式。 2.HTML没有段落格式。 3.绝大多数标记符都是成对出现的,但也有单一的。 3.绝大多数标记符都是成对出现的,但也有单一的。 绝大多数标记符都是成对出现的
Web页的基本结构
• 一个 一个Web页实际上对应于一个 页实际上对应于一个HTML文件， 文件， 页实际上对应于一个 文件 为扩展名。 通常以 .htm或 .html为扩展名。 或 为扩展名 • 任何HTML都包含的基本标记符包括： 任何 都包含的基本标记符包括： 都包含的基本标记符包括
– 1HTML标记 标记 – 2首部标记 首部标记 – 3正文标记符 正文标记符 <HTML>和</HTML> 和 <HEAD>和</HEAD> 和 <BODY>和</BODY> 和
<html> <head> <title>第一个主页</title> </head> <body> <p>大家好！</p> </body> </html>
HTML 的基本工作原理
• HTML(Hypertext Markup Language) 是一种 规范，一种标准， 规范，一种标准，它通过标记符来标记要显示 的网页的各个部分。 的网页的各个部分。 • 通过在网页中添加标记符，可以告诉浏览器如 通过在网页中添加标记符， 何显示网页，即确定内容的格式。 何显示网页，即确定内容的格式。浏览器按顺 序读取HTML文件，然后根据内容周围的 文件， 序读取 文件 然后根据内容周围的HTML 标记符解释和显示各种内容。 标记符解释和显示各种内容。
第2章 网页设计语言基础
注意：本章涉及的程序代码比较多，但是 HTML语言是网页设计人员必须掌握的基本知 识，也是网页设计和制作的基础，所以希望大 家能够熟练地掌握本章的知识点，至少要熟悉 常用的HTML语言。
2.1HTML语言简介
• HTML(Hypertext Markup Language) (Hypertext Language)语言 是一种在使用转义码文档中应用的格式化 语法。其提供一些语法标记，再由浏览器 解释生成相应的页面。 • 下面是一个简单的HTML语言的例子。
