rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码 rrggbb 也可用 6 位颜色代码数字

  课程定位 网页设计的核心和基础 软件技术专业的必修基础课 课程目标 熟练掌握HTML语言标记、CSS（层叠样式表）、盒子模型、浮动与定位； 能够灵活应用滑动门、CSS精灵等高级技巧；

  自主学习（CSS控制文本样式为例） 熟练掌握字体样式属性和文本外观属性 text-align的属性值center和center标记的区别 后代选择器与交集选择器的优缺点 制作样式表中文手册说明页面 学习能力提高要素 提前预习(问题)、高效听讲(解惑)、复习总结(收获) 笔记(成绩比例：10%) 平时实践过程(练习中要思考、思考过再练习) 课上平时实验自主学习实践(成绩比例：30%) 代码书写规范严谨，学习要有韧性、要讲效率 培养审美能力(合理的页面布局、舒适的颜色搭配等)

  HTML 和 CSS 是制作网页的基础，掌握它们的技能对于想要设计出美观且实 用的网页来说是很重要的。在本文中，将介绍 HTML 和 CSS 的基本语法和常用 标签，以及一些设计网页的技巧和注意事项。

  HTML 和 CSS 是网页设计中最基础的两种语言，掌握它们对于想要成为一名 优秀的网页设计师来说至关重要。HTML 是超文本标记语言的缩写，它定义了网 页的结构和内容。CSS 则是层叠样式表的缩写，用于定义网页的样式和布局。

  首先，让我们来了解一下 HTML。HTML 由许多标签组成，每个标签都有其特 定的功能。一个基本的 HTML 文档包括html、head和body标签。在head 标签中，我们大家可以定义网页的标题、字符编码和引用外部样式表等。在body标 签中，我们大家可以编写网页的内容。例如，如果我们想插入一张图片，能够正常的使用 img标签，并指定图片的路径和大小。类似地，如果我们想要创建一个段落，可 以使用p标签。通过正确使用 HTML 标签，我们大家可以更好地组织和呈现网页的内 容。

  然而，HTML 只负责网页的结构和内容，并不能够实现网页的复杂样式和布局。 这就是 CSS 的作用。CSS 允许我们为 HTML 元素添加样式属性，以实现美观和一 致的界面设计。我们大家可以在head标签中使用style标签来嵌入 CSS 代码，也可 以将 CSS 代码保存在外部样式表文件中，并在 HTML 文件中使用link标签引用。 无论是内部样式还是外部样式表，都可以为网页的各个元素添加背景颜色、字体样 式、边框和间距等属性。

  《页设计与制作（HTMLCSSJavaScript）》是由张洪斌、刘万辉主编，2013年由高等教育出版社出版的高 等职业教育专业教学资源库建设项目规划教材。该教材可作为计算机类专业、商务类专业、艺术设计类专业的教 学用书，也可作为有关专业从业人员的自学用书。。

  该教材分为5个单元，重点阐述HTML语言、CSS样式、JavaScript脚本三方面的知识，最重要的包含Web站点的配 置与发布、HTML静态页设计、HTML高级应用、CSS的应用、JavaScript编程等内容，包含配置Web站点、发布Web 站点、文字段落与图片的设定、页面布局、超链接的使用、表单设计、窗口框架的使用、多媒体页面设计、CSS 引用、页面样式设计、区块与层的页面布局、下拉菜单的设计、表格美化的设计、表单验证的设计等14个教学任 务。

  《页设计与制作（HTMLCSSJavaScript）》按照高职高专软件技术专业人才教育培训方案的要求，总结国家示 范性高职院校软件技术专业教学改革经验编写而成 。

  2.2.3 字型设置标记 功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们

  注：有些标记的效果必须在动态环境下才能显示，例如BLINK 标记。 【例 2-4】 字型设置标记的应用。