第4章 添加各种网页元素.ppt

第2章 添加各种网页元素 主要内容 2.1 文字 2.2 转义字符 2.3 文字特殊标记 2.4 字体 2.5 段落标记 2.6 标题文字 2.7 水平线 2.1 文字 普通文字：直接输入在body /body之间。 例子： html headtitle标题/title/head body 春花秋月何时了 往事知多少 小楼昨夜又东风 故国不堪回首月明中 雕栏玉砌应犹在 只是朱颜改 问君能有几多愁 恰似一江春水向东流 /body /html 2.1 文字 IE自动换行：文字不会因为太长了而被截掉；它会根据窗口的宽度自动转折到下一行。 IE忽略空格和换行：源文件中的空白字符和换行字符被自动去掉。 2.1 文字 取消自动换行标记NOBR：NOBR和/NOBR标记之间的文字将不换行，即使文字的长度超过窗口的长度。如果发生了这种情况，窗口将出现水平滚动条。 2.1 文字 预处理标记PRE /PRE： HTML会自动去掉空白字符和换行字符，但PRE和/PRE之间的空白、换行字符、文字间隔会按照原始键入的情形，忠实地再显现出来。这常用于显示程序代码之类的文字。 换行标记br：在HTML源文件中的换行，IE视而不见。要换行必须设标记。 2.2 转义字符 空格:nbsp; 小于号:lt; 大于号:gt; 与号:amp; 双引号”:quot; 注册商标? : reg; 著作权符号? : copy; 2.3 文字特殊标记 粗体： b粗体/b 斜体： i斜体/i 下划线：u下划线/u 下标：sub下标/sub 上标：sup上标/sup 删除线：strike删除文字/strike 小字体small小字/small 大字体：big大字/big 2.4 字体 字体： Font face=“ ” size=“ ” color=“ ” 文字 /Font 字体：face=“黑体”等，凡是word安装的字体度可以用。默认是宋体。 大小：Size=1-7，默认3，7最大。 2.4 字体 颜色： 6位16进制数字，前面加#也可以。 #000000 黑色---- #FFFFFF 白色 RED、YELLOW等。表2-4 例子： font face=黑体 color=ffffff size=5 显示内容 /font 2.5 段落标记 文字段落标记p align=对齐：指出这里告一段落，下面的文字换行从头再开始。如果没有遇一个符号，它就会把所有之前的文字都挤在一个段落里。 对齐：align=left、center、right 居中排列标记： center居中/center 2.6 标题文字 标题文字： hn align=对齐 标题文字 /hn 位置：单独占用一行。 文字大小：n=1-6，H1最大 对齐：align=left、center、right 2.7 水平线 水平线： hr size= width= align= color= 线宽：Size=10， 线长：width=60绝对长度（像素点数），width=30%相对长度 对齐：align=right，left，center。 2.8 Body属性 Body属性： body bgcolor=背景颜色 background=“图像文件名” text=非链接文字颜色 link=可链接文字颜色 alink=正在被点击链接文字颜色 vlink=已经被点击链接文字颜色 2.9 项目编号列表 无序项目编号： 效果： ul li第一 li第二 /ul type属性：ul type=或li type=，type属性指定表项左端符号类型，取值有：disc（实心圆点●）、circle（空心圆点○）、square（方块■） 2.9 项目编号 有序项目编号： 效果： ol li第一 li第二 /ol 2.9 项目编号 有序项目类型： ol type=或li type= 2.9 项目编号 缩进列表： 效果： dl dt标题1 dd项目11 dd项目12 dt标题2 dd项目21 dd项目21 /dl 2.10 图片 图像标记： img src=图像文件路径 　width=图像宽度 　height=图像高度 alt=在图象未读入时，在其位置显示的文字 align=图象的排列方式(left,center,right) vspace=图象在竖直方向上所空的空格数 hspace=图象在水平方向上所空的空格数border=图象所附加的边界宽度 绝对路径：文件或者文件夹相对于电脑系统所在的位置。 相对路径：文件或文件夹所在的位置相对于上一级目录的位置。 2.10 图片 显示图像例子：i