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

设计网页离不开字体的设置，恰当的字体运用能够丰富网页的内容，美化文字的视觉效果。本节从文字的细节修饰着手，使读者轻松把握HTML的各种字体格式的变化，制作出更加精美的网页。 3.1.1　文字样式font标签 font标签可以用来设置文字的颜色、字体和大小，是网页设计的常用属性。可以通过font标签中的face属性设置不同的字体，可以通过size属性来设置文字的字体大小，还可以通过color属性来设置文字的颜色。 实战练习——使用font标签设置网页文字效果 3.1.2　文字加粗b和strong标签 网页中对于需要强调的内容很多使用了加粗的方法，以使文字更加醒目。可以实现加粗效果的标签是b标签和strong标签，其中strong标签被称为特别强调标签，目前比b标签使用更加频繁。 最终文件：光盘\最终文件\第3章\3-1-1.html 视频：光盘\视频\第3章\3-1-1.swf 3.1.3　文字倾斜i和em标签 标签i能够使作用范围内的文字倾斜；em是强调标签，它的效果也是使文字倾斜，目前比i标签使用更加频繁。 3.1.4　文字下画线u标签 u标签的使用和粗体以及斜体标签类似，可以使用该标签作用于需要添加下画线的文字。 实战练习——为文字添加加粗、倾斜和下画线修饰 3.1.5　其他文字修饰标签 为了满足不同需求，HTML还有其他用来修饰文字的标签，比较常用的有上标格式标签sup、下标格式标签sub和删除线标签strike等。 实战练习——为文字添加上标和删除线 最终文件：光盘\最终文件\第3章\3-1-4.html 视频：光盘\视频\第3章\3-1-4.swf 最终文件：光盘\最终文件\第3章\3-1-5.html 视频：光盘\视频\第3章\3-1-5.swf 网页中文字的排行很大程度上决定了一个网页是否美观。对于网页中的大段文字，通常采用分段、分行和加空格等方式进行规划。本节从段落的细节设置入手，使读者学习后能利用标签轻松自如地规划文字排版。 3.2.1　文本分段p标签 HTML标签中最常用的标签是段落标签p，这个标签非常简单，但是却非常重要，因为这是一个用来划分段落的标签，几乎在所有网页中都会用到。 3.2.2　文本分行br标签 当文字到达浏览器的边界后将自动换行，但是当调整浏览器的宽度时，文字换行的位置也相应发生变化，格式就会显得混乱，因此在网页中添加换行标签是必要的。 实战练习——为网页中的文本进行分段和分行处理 最终文件：光盘\最终文件\第3章\3-2-2.html 视频：光盘\视频\第3章\3-2-2.swf 3.2.3　标题h1至h6标签 标题是网页中不可缺少的一个元素，为了凸显标题的重要性，标题的样式比较特殊。HTML技术保存了一套针对标题的样式标签，按照文字尺寸从大到小排列分别是从h1到h6。 实战练习——设置文本标题 3.2.4　水平线hr标签 HTML提供了修饰用的水平分割线，在很多场合中可以轻松使用，不需要另外作图。同时可以在HTML中为水平线添加颜色、大小、粗细等属性。 实战练习——在网页中插入水平线 3.2.5　文本对齐设置 段落文字在不同的时候需要不同的对齐方式，默认的对齐方式是左对齐。p标签的对齐属性为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 列表形式在网页设计中占用比较大的比例，它的特点是显示信息非常整齐直观，便于用户理解。在本节中将向读者介绍HTML中用于创建项目列表、编号列表和定义列表的相关标签。 3.3.1　使用ul标签创建项目列表 HTML的列表元素是一个由列表标签封闭的结构，包含的列表项由li/li组成。 实战练习——制作新闻列表 3.3.2　使用ol标签创建编号列表 编号列表采用标签ol/ol，每一个列表项被包含在li/li标签内，所有的列表项被包含在ol/ol标签内。使用编号列表可以让列表项按照明确的顺序排列。 实战练习——制作编号有序列表 最终文件：光盘\最终文件\第3章\3-3-1.html 视频：光盘\视频\第3章\3-3-1.swf 最终文件：光盘\最终文件\第3章\3-3-2.html 视频：光盘\视频\第3章\3-3-2.swf 3.3.3　使用dl标签创建定义列表 列表的另外一种形式是定义列表，定义列表形式特别，用法也特别，定义列表中每个标签都是成对出现的，它在网页布局中的应用也是非常广泛。 定义列表由dl、dt和dd3个标签组成，dt和dd标签包含