第3章　 使用网页基本标签课件.ppt

《第3章　 使用网页基本标签课件.ppt》由会员分享，可在线阅读，更多相关《第3章　 使用网页基本标签课件.ppt（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、设计网页离不开字体的设置，恰当的字体运用能够丰富网页的内容，美化文字的视觉效果。本节从文字的细节修饰着手，使读者轻松把握HTML的各种字体格式的变化，制作出更加精美的网页。文字样式文字样式标签标签标签可以用来设置文字的颜色、字体和大小，是网页设计的常用属性。可以通过标签中的face属性设置不同的字体，可以通过size属性来设置文字的字体大小，还可以通过color属性来设置文字的颜色。实战练习实战练习使用使用标签设置网标签设置网页文字效果页文字效果文字加粗文字加粗和和标签标签网页中对于需要强调的内容很多使用了加粗的方法，以使文字更加醒目。可以实现加粗效果的标签是标签和标签，其中标签被称为特别强调

2、标签，目前比标签使用更加频繁。最终文件：光盘最终文件第3章3-1-1.html视频：光盘视频第3章3-1-1.swf文字倾斜文字倾斜和和标签标签标签能够使作用范围内的文字倾斜；是强调标签，它的效果也是使文字倾斜，目前比标签使用更加频繁。文字下画线文字下画线标签标签标签的使用和粗体以及斜体标签类似，可以使用该标签作用于需要添加下画线的文字。实战练习实战练习为文字添加加粗、倾斜和下画线修饰为文字添加加粗、倾斜和下画线修饰其他文字修饰标签其他文字修饰标签为了满足不同需求，HTML还有其他用来修饰文字的标签，比较常用的有上标格式标签、下标格式标签和删除线标签等。实战练习实战练习为文字添加上标和删除线为

3、文字添加上标和删除线最终文件：光盘最终文件第3章3-1-4.html视频：光盘视频第3章3-1-4.swf最终文件：光盘最终文件第3章3-1-5.html视频：光盘视频第3章3-1-5.swf网页中文字的排行很大程度上决定了一个网页是否美观。对于网页中的大段文字，通常采用分段、分行和加空格等方式进行规划。本节从段落的细节设置入手，使读者学习后能利用标签轻松自如地规划文字排版。文本分段文本分段标签标签HTML标签中最常用的标签是段落标签，这个标签非常简单，但是却非常重要，因为这是一个用来划分段落的标签，几乎在所有网页中都会用到。文本分行文本分行标签标签当文字到达浏览器的边界后将自动换行，但是当调

4、整浏览器的宽度时，文字换行的位置也相应发生变化，格式就会显得混乱，因此在网页中添加换行标签是必要的。实战练习实战练习为网页中的文本进行分为网页中的文本进行分段和分行处理段和分行处理最终文件：光盘最终文件第3章3-2-2.html视频：光盘视频第3章3-2-2.swf标题标题至至标签标签标题是网页中不可缺少的一个元素，为了凸显标题的重要性，标题的样式比较特殊。HTML技术保存了一套针对标题的样式标签，按照文字尺寸从大到小排列分别是从到。实战练习实战练习设置文本标题设置文本标题水平线水平线标签标签HTML提供了修饰用的水平分割线，在很多场合中可以轻松使用，不需要另外作图。同时可以在HTML中为水平

5、线添加颜色、大小、粗细等属性。实战练习实战练习在网页中插入水平线在网页中插入水平线文本对齐设置文本对齐设置段落文字在不同的时候需要不同的对齐方式，默认的对齐方式是左对齐。标签的对齐属性为align。实战练习实战练习设置网页文本的对齐设置网页文本的对齐最终文件：光盘最终文件第3章3-2-3.html视频：光盘视频第3章3-2-3.swf最终文件：光盘最终文件第3章3-2-4.html视频：光盘视频第3章3-2-4.swf最终文件：光盘最终文件第3章3-2-5.html视频：光盘视频第3章3-2-5.swf列表形式在网页设计中占用比较大的比例，它的特点是显示信息非常整齐直观，便于用户理解。在本节中

6、将向读者介绍HTML中用于创建项目列表、编号列表和定义列表的相关标签。使用使用标签创建项目列表标签创建项目列表HTML的列表元素是一个由列表标签封闭的结构，包含的列表项由组成。实战练习实战练习制作新闻列表制作新闻列表使用使用标签创建编号列表标签创建编号列表编号列表采用标签，每一个列表项被包含在标签内，所有的列表项被包含在标签内。使用编号列表可以让列表项按照明确的顺序排列。实战练习实战练习制作编号有序列表制作编号有序列表最终文件：光盘最终文件第3章3-3-1.html视频：光盘视频第3章3-3-1.swf最终文件：光盘最终文件第3章3-3-2.html视频：光盘视频第3章3-3-2.swf使用使

7、用标签创建定义列表标签创建定义列表列表的另外一种形式是定义列表，定义列表形式特别，用法也特别，定义列表中每个标签都是成对出现的，它在网页布局中的应用也是非常广泛。定义列表由、和3个标签组成，和标签包含在标签内，不同的是标签定义的是标题，而标签定义的是内容。 实战练习实战练习制作复杂新闻列表制作复杂新闻列表最终文件：光盘最终文件第3章3-3-3.html视频：光盘视频第3章3-3-3.swf图像作为网页元素的组成部分，在今天的网页设计中发挥着越来越大的作用。本节将学习如何控制图片在网页中的显示。图像图像标签标签有了图像文件后，就可以使用标签将图像插入到网页中，美化页面。实战练习实战练习在网页中插

8、入图像在网页中插入图像图文混排图文混排当图片和文字在一起时，可以通过HTML代码设置图文混排。标签的align属性定义了图像相对于周围元素的水平和垂直对齐方式。实战练习实战练习制作图文介绍页面制作图文介绍页面最终文件：光盘最终文件第3章3-4-1.html视频：光盘视频第3章3-4-1.swf最终文件：光盘最终文件第3章3-4-2.html视频：光盘视频第3章3-4-2.swf超链接是网页中最重要、最根本的元素之一，是从一个网页或文件到另一个网页或文件的链接，包括图像或多媒体文件，还可以指向电子邮件地址或程序。在网页中创建链接，就可以把Internet中众多的网站和网页联系起来，构成一个有机的

9、整体。网站中的每一个网页都是通过超链接的形式关联在一起的，如果页面之间是彼此独立的，那么这样的网站将无法正常运行。 什么是超链接什么是超链接超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。而用来超链接的对象，可以是一段文本或者是一个图片。超链接超链接标签标签超链接由源地址和目标地址文件构成，当访问者单击某个超链接时，浏览器会自动从相应的目标地址检索网页并显示在浏览器中。如果链接的对象不是网页而是其他类型的文件，浏览器会自动调用本机上的相关程序打开访问的文件。 相对链接和绝对链接

10、相对链接和绝对链接相对路径最适合网站的内部链接。只要是属于同一网站，即使不在同一个目录中，相对路径也非常的适合。绝对路径为文件提供完整的路径，包括使用的协议（如http、ftp、rtsp等）。一般常见的绝对路径如、等。实战练习实战练习在网页中创建链接在网页中创建链接网页中的特殊超链接网页中的特殊超链接超链接还可以进一步扩展网页的功能，比较常用的有发送电子邮件、空链接和下载链接等。创建以上链接只需修改链接的href值。实战练习实战练习在网页中创建特殊超链接在网页中创建特殊超链接最终文件：光盘最终文件第3章3-5-3.html视频：光盘视频第3章3-5-3.swf最终文件：光盘最终文件第3章3-5-4.html视频：光盘视频第3章3-5-4.swf超链接标签中的其他属性设置超链接标签中的其他属性设置在网页文件中，默认情况下超链接在原来的浏览器窗口中打开，HTML技术提供了target属性来控制打开的目标窗口。本章主要向读者介绍了HTML中一些基本标签的使用方法和技巧，通过这些基本标签的应用，可以在网页中对文字和图片进行排版和设置，从而使网页中的文字和图片的效果更加美观。完成本章内容的学习，读者需要掌握网页中基本标签的使用和设置方法，并能够在实际制作页面的过程中灵活运用。