第3讲：文字段落 中小型网站建设与管理 教学课件.ppt

中小型网站建设与管理 第3讲：文字段落 吴纯 引 言 通过上节课的学习，我们揭开了网页的神秘面纱：网页是使用HTML源代码编写的，源代码中包含很多的标签，这些标签是为了告诉浏览器如何呈现网页。 在Word中，我们可以设置文字的字体、字号、颜色，在网页中可不可以这样做呢？是如何做到的呢？ 我们这节课就来学习HTML标签。 本课内容 文字的字号与颜色 为标签添加属性 换行与段落标签 标签的嵌套 文本标题标签 粗体、斜体、下划线 列表标签 一、文字的字号与颜色 设置字号：font size=5文字/font 说明：数值越大，字号就越大。 设置颜色：font color=#FF0000文字/font 设置字号和颜色： font size=5 color=#0000FF文字/font 二、粗体、斜体、下划线 b粗体文字/b i斜体文字/i u下划线文字/u 三、为标签添加属性 我们可以为标签添加一些属性，让网页更加多姿多彩。 font size=5 color=#0000FF文字/font size=5和color=#0000FF，就是font标签的属性。size和color称为属性名。 属性的赋值可以用双引号、单引号，或者无引号。如果使用一定要使用英文输入法下的引号。 四、换行与段落标签 换行标签 br 某行文字br 表示在这一行后面换行。 段落标签 p本段文字/p 段落文字对齐方式： p默认左对齐/p p align=left左对齐/p p align=center居中对齐/p p align=right右对齐/p 五、标签的嵌套 标签控制哪些内容，就看首尾标签的位置，它们之间的所有内容，都属于它的控制范围。 p align=center font size=5文字1/fontbr font color=#FF0000文字2/font /p p align=left font size=4 文字3b文字4/b文字5 /font /p 六、文本标题标签 HTML语言提供六组文本标题标签： h1大标题/h1 h2子标题/h2 ... ... h6小标题/h6 h2 align=center标题居中/h2 文本标题已经是粗体了，无须另行设置！ 如果想修改它的颜色，须套用font标签。 七、列表标签 无序列表： ul这是一个无序列表 li列表项目一/li li列表项目二/li li列表项目三/li /ul 有序列表： ol这是一个有序列表 li列表项目一/li li列表项目二/li li列表项目三/li /ol 作 业 建立一个名为myweb的网页文件，网页的标题为“我的网页”，内容任选两首诗，两首诗各为一段，一首左对齐，一首居中对齐。诗句用四号字，每一句诗都要换行。诗的标题用五号字、粗体、红色。 本课结束 谢谢大家！ * * 常见颜色与代码（不区分大小写）： 红色#FF0000 绿色#00FF00 蓝色#0000FF 黄色#FFFF00 粉色#FF00FF 黑色#000000 白色#FFFFFF 浅灰#C0C0C0 深灰#808080 这三对标签一般用于font/font标签之内。例如： font color=#0000FFu蓝色的下划线文字/u/font 实例3-1 例3-2 *