文字标签段落标签图象标签.pptVIP

图 3-7 Photoshop6.0 的“Image Size”对话框 HTML HEAD TITLE插入图像示例/TITLE /HEAD BODY P我插入的第一幅图像：/P IMG src=oldMM.gif alt=old MM /BODY /HTML 这段代码中，img src=*.jpg觉得了所插入图片的地址及文件名。 Alt是图像标记的一个属性，用以说明图像。当我们用鼠标指向图像是就可以发现在鼠标下方会出现相应的文字信息。 设置图像在页面中的对齐与设置文本对齐类似，可以使用 DIV 或 P 标记符将 IMG 标记符括起来，然后使用 align 属性。 例如，以下 HTML 语句将使图像居中对齐（图像默认时与文本一样是左对齐的）： P align=center IMG src=oldMM.gif alt=old MM /P 图像除了与页面水平对齐之外还有就是与周围内容的垂直对齐 这个属性此时属于img标记里面 以下HTML代码说明了 align 属性如何控制文本与图像的垂直对齐（同时显示了 border边框 属性的效果），如图 所示。 HTML HEADTITLE文本与图像的垂直对齐示例/TITLE/HEAD BODY DIV align=center P此图像与文本IMG src=nba.gif border=1 align=top顶部对齐/P P此图像与文本IMG src=nba.gif border=1 align=middle中央对齐/P P此图像与文本IMG src=nba.gif border=1 align=bottom底部对齐/P /DIV /BODY /HTML 文字与图像的垂直对齐 图文混排时的图像对齐 以下 HTML 代码显示了文本与图像的环绕效果（同时显示了 hspace 和 vspace 属性的效果）（水平边界与垂直边界），如图 所示。 HTMLHEADTITLE文本与图像的环绕示例/TITLE/HEADBODY PIMG src=barbarian.jpg align=right hspace=10 vspace=10野蛮人--文明边缘的几个部落中的成员之一，拒绝一切看起来温柔和软弱的事物对他的影响。在部落之间的不断战争中他活了下来，这得益于坚定的意志和强健的体格。虽然缺乏文明人的心计，但是他能够敏锐的感觉到周围的环境，因为这一切来自他那动物般的直觉，这也使得野蛮人让人想起了民间关于狼人的一些传说。事实上他们坚信能够召唤图腾上动物的灵魂来鼓舞他们，并且因而得到非凡的力量和能力，不过这些召唤只是改善他们早已完美的战斗技能罢了。/P PIMG src=sorceress.jpg align=left hspace=10 vspace=10女巫——反叛的女人，她从东方男性魔法师占优势的魔法部落中偷取了如何使用魔法的秘密，使她成为了使用神秘巫术的专家，尽管她在白刃战斗中有很大不足，但她可以使用凶猛的进攻和防御魔法来弥补这一点不足。狐独和隐居的个性使很多人不理解她，有时候她看起来反复无常，但是事实上，她懂得怎样在次序和混乱中找到胜利的真谛。/P BODY/HTML 第二章 文本标记 段落标记 图像标记 复习： 上节课我们已经讨论了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 pfo