html设置文本和图像(web编程基础)技巧.ppt

2.2.3　建立定义列表 定义列表是一列事物以及其相关的解释，定义义列表的开始标签是dl，每个被解释的事物的开始标签为dt,每个解释的内容的开始标签是dd。 （1）dl …/dl该元素用于定义一个释义列表的开始与结束 （2）dt…/dt该元素用来在释义列表中创建一个上层项目 （3）dd…/dd该元素用来在释义列表中创建一个上层项目 * 通过上面几个实例的应用，用户对文字的排版已有了一个基本认识。到目前为止，都是通过HTML标记对文字进行编排，但版面编辑并不仅是如此，还可以利用一些HTML属性更加灵活地编排网页中的文字。 在大多数HTML标记中都可以加入属性控制，属性的作用是帮助HTML标记进一步控制HTML文件的内容，如内容的对齐方式，文字的大小、字体、颜色，网页的背景样式，图片的插入等。 2.3　HTML标记与HTML属性 上一节中介绍过使用center标记可以使文本水平居中，若希望右对齐，可以使用HTML的align属性。 2.3.1　控制段落的水平位置 段落对齐方式 HTML中，不同的标记会有各自不同的属性，例如在前面曾介绍过的body标记，使用它的属性就可以控制网页的背景以及文字字体的颜色。 例如在上面的代码中，将body一行改为： body text=red bgcolor=#000000 2.3.2　设置背景颜色 通过body标记的属性 使用HTML标记和属性还可以设置文字的样式。 2.3.3　文字的特殊样式 设置字体样式 标 记 显示效果 b/b 文字以粗体方式显示 i/i 文字以斜体方式显示 u/u 文字以加下划线方式显示 s/s 文字以加删除线方式显示 big/big 文字以放大方式显示 small/small 文字以缩小方式显示 strong/strong 文字以加强强调方式显示 em/em 文字以强调方式显示 address/address 用来显示电子邮件地址或网址 code/code 用来说明代码与指令 除了可以设置文字的样式外，还可以使用font标记设置字体相关的属性。font标记有3个主要属性，分别用于设置文字的字体、大小和颜色。 2.3.4　文字的字体大小和颜色 使用font标记设置字体、大小和颜色 前面介绍了HTML的标记和属性，但HTML样式标记和属性是有很大局限性的。 前面介绍了很多HTML标记和HTML属性，目的是使读者更深入地理解HTML的原理，而实际上有一些标记现在已经过时了，并不鼓励用户使用，因为有更好的、更科学的方法已经出现了。 这种更好、更科学的方法就是使用CSS来控制网页的样式。在互联网发展的初期，各种规范还远没有像今天这样完善和普及，因此当时为了更容易被大家和软件厂商所接受，网页主要是由HTML来完成的，这样写起来更简单。一个网页的两个方面—“结构”和“表现”都由HTML来承担，因此HTML标记就由两类构成——负责定义网页结构的标记和负责定义网页表现形式的标记。例如，p标记用来定义段落，这就是结构标记；而font标记用于定义网页元素的字体，这就是形式标记。 2.4　HTML标记和属性的局限性 现在，网页的功能已不再单纯地传播一些信息，它还包括传播大量的专业技术知识，如数学、物理和化学知识等。HTML中有许多特殊符号，可以用来实现在网页上显示数学公式、化学方程式等特殊字符。 2.5　特殊文字符号 在网页中使用特殊符号 运算式 图片是网页中不可缺少的元素，巧妙地在网页中使用图片可以为网页增色不少。这里首先介绍在网页中常用的3种图片格式，然后再介绍如何在网页中插入图片，以及设置图片的样式和插入的位置。通过对本章的学习，读者可以制作简单的图文网页，并根据自己的喜好制作出不同的图片效果。 在本章中，我们将事先准备好的图像插入网页中，并使它按照我们需要的格式显示。而在实际的工作中，需要的图像可能并不存在，或者并不适合直接放入网页，因此网页设计师必须要掌握一定的图片处理和实践的能力。在本书后续章节将对网页设计师所需的美术方面的技能进行简要介绍，从而让用户掌握一定的图像和动画的设计、加工、处理能力，以更好地掌握网页设计的综合能力。 2.6　使用图像 Web页中通常使用的图像文件有JPEG、GIF、PNG共3种格式，但大多数浏览器只支持JPEG、GIF两种图像格式。因为要保证浏览者下载网页的速度，所以网站设计者也常使用JPEG和GIF这两种压缩格式的图像。 1．GIF文件 2．JPEG文件 3．PNG文件 2.6.1　网页中的图像格式 在网页上使用图片，对于视觉效果而言，能使网页充满生机，并且直观且巧妙地表达出网页的主题，这是仅靠文字很难达到的效果。一个精美的图片网页不但能引起浏览者对网页浏览的兴趣，而且在很多时候要通过图片以及相关颜色的配合来做出本网站的网页风格。 2.6.2