为网页添加对象课件

第三章为网页添加对象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、 第三章为网页添加对象3.1.4文本换行与分段分段标记：<p>…</p>，指示文本另起一段换行标记：<br>，指示文字从这里换行显示，是一个单标记区别：换行行间距小，分段行间距大第三章为网页添加对象eg：制作一网页，如下图所示第三章为网页添加对象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的标题和一般文本的不同是每个标题需要独占一行在标题标记中可以使用水平对齐属性，如下所示：

<H1align=“对齐方式”>第三章为网页添加对象可以使用如下3中对齐方式：left---------------左对齐（默认）right------------右对齐center----------中间对齐第三章为网页添加对象1<B>…</B>：加粗2<I>…</I>：斜体3<U>…</U>：下划线4<S>…</S>：删除线5_…：下标，如：I6^…：上标，如：I22第三章为网页添加对象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：制作一网页，如图所示第三章为网页添加对象3.3创建超链接超链接<a>…</a>属性:href=“链接目标”target=“self/blank”:链接目标打开位置第三章为网页添加对象超链接标记的使用：<ahref=“”><ahref=“www/index.htm”><ahref="mailto:123@163.com"><ahref=“#”>第三章为网页添加对象eg:根据网站主题，利用超链接制作网站的导航栏第三章为网页添加对象3.4 插入动态元素一、插入Flash动画二、插入Flash文本三、插入Flash按钮四、添加插件：通过添加插件可以添加更多类型的媒体文件。第三章为网页添加对象练习：1、制作一网页，在页面中插入一FLASH动画2、根据网站主题，分别利用FLASH文本、FLASH按钮制作网站的导航栏第三章为网页添加对象五、添加背景音乐<bgsoundsrc=“声音文件”[loop=“n”]>

该标记必须在头部标记中使用，打开页面时自动播放，默认播放一遍，如果需要循环播放，则需要将loop的属性值设置为-1第三章为网页添加对象六、网页特效标记<marquee>

该标记主要完成指定文字在页面上的滚动效果。属性：1、behavior="scroll(循环滚动，默认值)/slide(滚动次)/alternate(来回滚动)"第三章为网页添加对象2、direction="left/right/down/up"3、height="n"，width="n"，设置滚动区域4、bgcolor="滚动区域背景颜色"第三章为网页添加对象5、loop=“n”，设置滚动次数，默认值为-1（即循环）6、scrollamount="n"设置滚动速度，单位为px/s，默认为5px/s第三章为网页添加对象练习：1、制作一文本滚动特效的网页2、制作一图像滚动特效的网页总结一、页面属性（body标记）body标记的各个属性主要是设置网页正文内容的显示效果，包括设置网页背景颜色、网页背景图片、网页文本颜色以及超链接的颜色。总结二、字体标记字体标记<font>用于设置文本的字体名称、颜色和大小。总结三、文本换行与分段分段标记：<p>…</p>，指示文本另起一段换行标记：<br>，指示文字从这里换行显示，是一个单标记区别：换行行间距小，分段行间距大总结四、水平线标记<hr>特点：1、线条默认情况下居中显示2、默认色为黑色3、是一个单标记4、默认情况下水平线显示效果为立体效果总结五、标题标记：标题是通过<Hi>…</Hi>来实现的，数字i的取值为1~6，即H1~H6共有6中标题格式。H1为最大字号总结六、1<B>…</B>：加粗2<I>…</I>：斜体3<U>…</U>：下划线4<S>…</S>：删除线5_…：下标6^…：上标总结七、创建列表1、无序列表标记2、有序列表标记3、定义列表标记总结八、图像标记<img>属性：align=“top/middle/bottom/left/right”总结九、超链接<a>…</a>属性:href=“链接目标”target=“self/blank”:链接目标打开位置总结