第2章文字标签段落标签图象标签.pptVIP

第二章 文本标记 段落标记 图像标记 使用这些物理字符样式时，只需将设置格式的字符括在标记符之间即可。例如，以下 HTML 代码在浏览器中的显示如图 所示。 （2）段落标记 标题标记符 Hn 段落标记符 P 和换行标记符 BR 水平线标记符 HR 段落对齐 （3）图像标记 Web 页图像基础 图像标记符 IMG 在页面中显示动画 HTML HEAD TITLE插入图像示例/TITLE /HEAD BODY P我插入的第一幅图像：/P IMG src=oldMM.gif alt=old MM /BODY /HTML 图 3-7 Photoshop6.0 的“Image Size”对话框 这段代码中，img src=*.jpg觉得了所插入图片的地址及文件名。 Alt是图像标记的一个属性，用以说明图像。当我们用鼠标指向图像是就可以发现在鼠标下方会出现相应的文字信息。 * * 复习： 上节课我们已经讨论了HTML语言的基本原理并且使用记事本书写了一些web页。同时也将网页设置背景颜色、背景图片等效果。其中，我们还设置了文字的颜色，并且知道在body中所设置的是所以文字的颜色。今天我们首先来看在网页中究竟如何设置文字的属性。 （1）文字标记 在网页中我们所看到的文字属性可以分为：大小、颜色、字体等 这些属性其实都是由一个标签决定的： font size=3 color=red face=隶书文字/font size是用来定义字体的大小的,可以是“1-7” color是定义字体的颜色的 face是控制字型的，可选：宋体，黑体，隶书，arial,arial black等等。 html head title网页的标题/title /head body text=#FFFFFF bgcolor=#013658 p我的网页 /p pfont face=Arial, Helvetica, sans-serif size=1 color=#00CC99我的网页 /font/p pfont size=2 color=#CCFF00 我的第五个网页 /font/p pfont size=3我的网页 /font/p pfont size=4 color=#99CC00我的第五个网页 /font/p pfont size=5我的网页 /font/p pfont size=6 color=#CC9900我的网页 /font/p pfont size=7 color=#FF3399 face=楷体_GB2312我的网页 /font/p /body /html /FONTBR FONT face=黑体黑体/FONTBR FONT face=隶书隶书/FONTBR FONT face=幼圆幼圆/FONT P以下是常用英文字体：/P FONT face=Times New Roman Times New Roman /FONTBR FONT face=ArialArial/FONTBR FONT face=Arial BlackArial Black/FONTBR FONT face=Courtier NewCourtier New/FONTBR face 属性 FONT face=Comic Sans MSComic Sans MS/FONTBR FONT face=VerdanaVerdana/FONTBR /DIV /BODY /HTML 图 2-8 常用字体示例 物理字符样式 所谓物理字符样式，是指标记符本身就说明了所修饰文字的效果的标记符。例如，B 标记符表示粗体，SUB 标记符表示下标——因为 B 是 Bold（粗体）这个单词的首字母，而 SUB 是 subscript（下标）这个单词的前三个字母。常用的物理字符样式标记符有：黑体标记 B、斜体标记 I、下划线标记 U 等，如表 所示。 常用物理字符样式 标记符 功能 标记符 功能 B/B 粗体 STRIKE/STRIKE 删除线 BIG/BIG 大字体 SUB/SUB 下标 I/I 斜体 SUP/SUP 上标 S/S 删除线 TT/TT 固定宽度字体 SMALL/SMALL 小字体 U/U 下划线 物理字符样式效果 HTML HEAD TITLE物理字符样式效果示例/TITLE /HEAD BODY PB此处为粗体显示文本/B PBIG此处为大字体文本/BIG PSMALL此处为小字体文本/SMALL PI此处为斜体文本/I PTT此处为等宽字