文本元素的应用.ppt

Dreamweaver中文本的编辑方法 HTML中文本标记的应用 难点 HTML中文本标记的应用 简单个人网页效果图 问题1： 在该网页中大家看到了什么？ 问题2： 这些元素是如何制作的呢？ 在网页的适当位置中输入文字内容 设置文字内容的属性 在适当位置插入水平线 在网页底部输入版权信息 插入版权符号 插入最后更新日期 演示讲解Dreamweaver中简单个人网页文本元素的编辑（详见动画演示） 1.标题标记 hn n取值：1~6，字号随n的变大而减小 “双标记” 文字显示为加粗了的文字并且前后空一行 对齐方式align取值为“left、right、center” 2.字体标记font/font “欢迎光临我的个人网站”设置属性的格式： 标题1，标题居中对其，红色字体 对应的代码为： h1 align=center font color=red欢迎光临我的个人网站/font /h1 默认属性 位置居中，颜色为灰色，加阴影，高度为2，宽度为100％。 3.水平线标记hr “hr”为单标记 网页中的四条水平线从上到下代码依次为： hr width=80% hr align=left width=50% hr align=left width=50% hr align=center width=80% noshade 4.列表标记 1）列表标记的定义 2）语法规则 3）分类 有序 无序 5）其他常用标记 a.缩进标记 b.常用字型控制标记 标记 效果演示 b/b 粗体 i/i 斜体 u/u 下划线 sub/sub 下标，例如：Y2 sup/sup 上标，例如：X2 c.常用特殊字符标记 标记 效果演示 nbsp; 空格 copy; 　? amp; “” quot; “” …… …… 本讲主要介绍了Dreamweaver中文本的编辑方法及常用文本的HTML标记的应用 模仿练习题： 模仿课堂中讲解的示例制作自己的简单个人网页,切换到拆分（混合）视图模式，观察各代码所表示的意义。 选择题： 1.（）标志对用来创建一个标有数字的列表；（）标志对用来创建一个标有圆点的列表；（）标志对只能在（）或（）标志对之间使用，此标志对用来创建一个创建一个列表项，若（）放在之间则每个列表项加上一个数字，若在（）之间则每个列表项加上一个圆点。 A．〈ol〉〈/ol〉B．〈ul〉〈/ul〉 C．〈li〉〈/li〉D．〈dl〉〈/dl〉 问答题： 1.hn标记中n的取值范围是？ 2.如何给文字加粗？ 3.如何在font标记设置文字字体？ 4.有序列表中其列表标记和列表项是什么？如何设置序列的类型？ 5.水平线标记是什么，其属性有哪些？