第二章： 文字标签 段落标签 图象标签.ppt

第二章 文本标记 段落标记 图像标记 复习： 上节课我们已经讨论了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 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 代码在浏览器中的显示如图 所示。 物理字符样式效果 HTML HEAD TITLE物理字符样式效果示例/TITLE /HEAD BODY Pnbsp;表示空格 PB此处为粗体显示文本/B PBIG此处为大字体文本/BIG PSMALL此处为小字体文本/SMALL PI此处为斜体文本/I PTT此处为等宽字体文本/TT PU此处为下划线文本/U PS此处为使用lt;Sgt;标记设置的删除线文本/S PSTRIKE此处为使用lt;STRIKEgt;标记设置的删除线文本/STRIKE P此处为上标示例：xSUP2/SUP + ySUP2/SUP = RSUP2/SUP P此处为下标示例：HSUB2/SUBSOSUB4/SUB /BODY /HTML （2）段落标记 标题标记符 Hn 段落标记符 P 和换行标记符 BR 水平线标记符 HR 段落对齐 标题标记符 Hn 以下HTML代码显示了 1 至 6 级标题的效果，如图 所示。 HTML HEADTITLE标题效果/TITLE/HEAD BODY H1此为一级标题/H1 H2此为二级标题/H2 H3此为三级标题/H3 H4此为四级标题/H4 H5此为五级标题/H5 H6此为六级标题/H6 P此为正常文本/P /BODY /HTML 标题效果 可以看出，浏览器在解释标题标记符时，会自动改变文本的大小并将字体设为黑体，同时自动将内容设置为一个段落。 HTML HEAD TITLElt;Pgt;与lt;BRgt;的用法/TITLE /HEAD