第三章 为网页添加对象.pptVIP

第三章 为网页添加对象 1、添加文本 2、添加图像 3、创建超链接 4、插入动态元素 第三章 为网页添加对象 3.1 添加文本 3.1.1 添加普通文本 字体标记 字体标记font用于设置文本的字体名称、颜色和大小。 常用格式为： font …/font 第三章 为网页添加对象 属性： 1、size=“n” n=1~7，其中当n=1时，字体最小；当n=7时，字体最大 2、color=“字体颜色” 3、face=“字体” 第三章 为网页添加对象 Eg：如图所示，制作网页 第三章 为网页添加对象 3.1.2 添加特殊符号 网页中添加一些特殊符号，如英镑符号、注册商标符号、版权符号等。 第三章 为网页添加对象 3.1.3 添加空格 方法： 1、通过“插入-HTML-特殊字符-不换行符” 2、nbsp; 第三章 为网页添加对象 3.1.4 文本换行与分段 分段标记：p…/p，指示文本另起一段 换行标记：br，指示文字从这里换行显示，是一个单标记 区别：换行行间距小，分段行间距大 第三章 为网页添加对象 第三章 为网页添加对象 3.1.5 水平线标记hr 特点： 1、线条默认情况下居中显示 2、默认色为黑色 3、是一个单标记 4、默认情况下水平线显示效果为立体效果 第三章 为网页添加对象 属性： 1、width=“n”：水平线宽度 size=“n”：水平线高度 2、color=“水平线颜色” 3、align=“left/right/center (默认值)” 4、noshade：去除立体效果 第三章 为网页添加对象 其他文字排版标记 1、标题标记： 标题是通过Hi…/Hi来实现的，数字i的取值为1~6，即H1~H6共有6中标题格式。H1为最大字号 第三章 为网页添加对象 HTML的标题和一般文本的不同是每个标题需要独占一行 在标题标记中可以使用水平对齐属性，如下所示： H1 align=“对齐方式” 第三章 为网页添加对象 可以使用如下3中对齐方式： left---------------左对齐（默认） right------------右对齐 center----------中间对齐 第三章 为网页添加对象 1 B…/B：加粗 2 I…/I：斜体 3 U…/U：下划线 4 S…/S：删除线 5 sub …/sub：下标，如：I 6 sup… /sup：上标，如：I 第三章 为网页添加对象 eg:如图所示，制作该页面 第三章 为网页添加对象 3.1.6 创建列表 1、无序列表标记 可以使用●，○，■符号表示列表项，格式为： ul [type=“disc∣circle∣square”] li列表项1 li列表项2 /ul 第三章 为网页添加对象 单层列表默认值是disc，li标记可以是单标记或双标记 第三章 为网页添加对象 2、有序列表标记 用数字、罗马数字、字母顺序表示列表项。标记格式为： ol [type=“1 ︳i︳I︳a︳A” start=“起始顺序号”] li列表项1 li列表项2 /ol 第三章 为网页添加对象 3、说明列表 dl dt列表项名称dd列表项说明 dt列表项名称dd列表项说明 /dl 第三章 为网页添加对象 eg:如图所示，制作网页。 第三章 为网页添加对象 3.2 添加图像 图像标记img 属性： 1、 src=“图像路径” 2、border=“图像边框属性” 3、 height=“n”：高度 width=“n”：宽度 4、alt=“替换文本”：当鼠标放在图像上时鼠标右下角显示的文本内容 第三章 为网页添加对象 5、img标记的align属性值有行对齐、水平对齐与图文混排。 （1）行对齐 行对齐指示图片与该行文字的对齐方式。图片在页面上要占一个文本行。行对齐的各个属性含义如下： top、texttop：文字顶部与图片顶部对齐 bottom、baseline、absbottom：文字底部与图片底部对齐（默认对齐方式） 第三章 为网页添加对象 middle：居中对齐方式，居中对齐是文字底部与图片中线对齐。 absmiddle：绝对中间对齐，图片中线与文字中线的对齐 第三章 为网页添加对象 eg：制作一网页，如图所示 第三章 为网页添加对象 （2）水平对齐与图文混排 align属性值使用left、right时，指示图片水平位置是左对齐还是右对齐，并且图片和文字行此时没有同行的关系，图片不在只占一个文本行，因此可以实现图文混排。 第三章 为网页添加对象 eg