整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
.文本标签
① 加粗：b：<b>内容</b> 【strong：<strong>内容</strong>】
② 斜体：i：<i>内容</i> 【<em>内容</em>】
③下划线：u：<u>内容</u> 【ins：<ins>内容</ins>标注】
④ 删除线：del：<del>内容</del> 【s：<s>内容</s>】
⑤ 字体变大：big：<big>内容</big> 字体放大【115%】
⑥ 字体变小：small：<small>内容</small> 字体缩小成【85%】
⑦上标：sup：<sup>内容</sup>
⑧ 下标：sub：<sub>内容</sub>
总结:这些都是文本显示标签,多用来调整网页字体大小或文本格式所用,个人感觉这些不需要强制记忆,有印象即可.
二.字体标签(Font)
font标签是一个基本的字体标签,其格式如下:
<font>要显示字体</font>
属性:size:1-7(用来控制字体大小)
color(字体颜色,支持RGB表示,英文单词)
face(字体类型)
以上均是个人日常学习,大神勿喷,每天学习一点点,坚持就好!!
程序员分享CSS标签的分类、及显示模式，标签的类型(显示模式) HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。
一、块级元素(block-level)
每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中 <div> 标签是最典型的块元素。
特点：（重要）
1、独占父亲一行，宽度默认是容器的100%；
2、高度，行高、外边距以及内边距都可以控制；（支持宽高的设置）
3、不设置高度，高度由内容决定；
4、可以容纳内联元素和其他块元素；
二、行内元素(inline-level)
行内元素（内联元素）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。常见的行内元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等，其中 <span> 标签最典型的行内元素。
特点：（重要）
1、和相邻行内元素在一行上，换行会有空隙；
2、高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效；（不支持宽高）
3、默认宽度就是它本身内容的宽度；
4、行内元素只能容纳文本或则其他行内元素。（a特殊）
Tips：
1、只有 文字才 能组成段落 因此 p 里面不能放块级元素，同理还有这些标签h1,h2,h3,h4,h5,h6,dt，他们都是文字类块级标签，里面不能放其他块级元素。
2、链接里面不能再放链接。
三、行内块元素（inline-block）
在行内元素中有几个特殊的标签——<img />、<input />、<td>，可以对它们设置宽高和对齐属性，称它们为 行内块元素。
特点：
1、和相邻行内元素（行内块）在一行上,但是之间会有空白缝隙；
2、默认宽度就是它本身内容的宽度；
3、高度，行高、外边距以及内边距都可以控制。
四、标签显示模式转换 display
在设计网页的时候，可能需要给不同的标签设置不同的显示模式。可以通过 display 实现。
1、块转行内：display:inline;
2、行内转块：display:block;
3、块、行内元素转换为行内块： display: inline-block;
时：100
学分：6
HTML+CSS是网页构成的基本要素，“跨平台开发”的概念也逐渐走进移动开发者的视野。目前国内外已经有很多基于HTML5的跨平台开发工具，掌握HTML+CSS技术，运用工具中所提供的各种丰富的功能模块，可在很短时间内完成App的开发而且让你的App具备完美的原生体验。
通过本课程的学习，使学生对网页得组成有所了解，从最简单的网页开发基础入手，通过本课程的学习与实践，使学生掌握网页得基本组成部分，掌握使用HTML完成网页开发得步骤，并能结合CSS为网页增添华丽的动画与3D效果样式，能够编写大型综合性网页。
教学章节 | 理论 | 实验 |
第一章：HTML语言基础 | 4 | 4 |
第二章：表格和表单 | 4 | 4 |
第三章：CSS样式表基础 | 4 | 4 |
第四章：CSS样式表深入 | 4 | 4 |
第五章：块状元素和行内元素 | 4 | 4 |
第六章：盒子模型与盒子定位 | 8 | 8 |
第七章：菜单样式设计 | 4 | 4 |
第八章：表格布局网页制作 | 4 | 4 |
第九章：DIV页面布局 | 4 | 4 |
第十章：静态网站设计案例 | 10 | 10 |
合计 | 50 | 50 |
三、实践教学的基本要求
1.课内实验项目一览表
序号 | 实验项目 | 学时 | 必/选做 |
1 | HTML基本标签 | 2 | 必做 |
2 | 网页表单表格设计 | 2 | 必做 |
3 | 网页基础CSS样式设计 | 2 | 必做 |
4 | 网页CSS样式设计 | 2 | 必做 |
5 | 网页CSS样式设计 | 2 | 必做 |
6 | 浮动广告位设计案例 | 2 | 必做 |
7 | 导航栏菜单设计案例 | 2 | 必做 |
8 | 网页布局设计 | 2 | 必做 |
9 | 新疆旅游网网页设计案例 | 4 | 必做 |
10 | 百度贴吧网页设计案例 | 4 | 必做 |
总计 | 24 | ||
2.实践教学要求
（1）教学目的: 加强实践环节，培养学生的动手能力。使学生通过实验验证课堂所学理论，加深理解并掌握网页设计相关理论知识。
(2) 教学要求：了解要求学生掌握Hbulider软件的操作过程，以及利用该软件进行实际网页设计开发的步骤。
(3) 教学形式：课堂教学和教学实验相互结合，通过实验内容巩固所学知识。
四、课程的基本教学内容及要求
第一章 HTML语言基础
1.教学内容
（1）B/S程序架构
（2）HTML语言
（3）HTML常用标签
2.重点与难点
重点：HTML常用标签分类，常用标签使用。
难点：HTML常用标签分类，常用标签使用。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生了解HTML语言，掌握HTML常用标签分类以及常用标签使用，会使用Hblider完成简单得页面练习。
第二章 表格和表单
1.教学内容
（1）表格的基本结构，表格的基本语法
（2）表格的基本操作
（3）表单的使用
（4）表单基本元素
2.重点与难点
重点：表格/表单的基本结构，基本语法以及常用操作。
难点：表格/表单的基本结构，基本语法以及常用操作。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求掌握网页中表格和表单的基本结构，基本语法以及常用操作，并可以完成简单的表格表单页面设计。
第三章 CSS样式表基础
1.教学内容
（1）CSS基本语法
（2）CSS基本用法
（3）CSS基础选择器
2.重点与难点
重点：CSS基本语法，CSS中选择器的分类及各类选择器的使用方法。
难点：CSS基本语法，CSS中选择器的分类及各类选择器的使用方法。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生了解什么是CSS，掌握CSS基本语法和基本使用方式，CSS中选择器的分类及各类选择器的使用方法，并能使用CSS为网页添加简单的样式。
第四章 CSS样式深入
1.教学内容
（1）CSS颜色属性
（2）字体属性
（3）CSS背景属性
（4）CSS列表属性
（5）CSS文本格式化
2.重点与难点
重点：CSS各类样式的基本语法，属性及使用。
难点：CSS各类样式的基本语法，属性及使用。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生深入了解掌握CSS颜色、字体、背景、列表等属性基本语法和使用方式，并能使用CSS为网页添加相应的样式。
第五章 块状元素,行内元素
1.教学内容
（1）块状元素和行内元素
（2）元素之间相互转换
2.重点与难点
重点：块状元素和行内元素区别和相互转换。
难点：块状元素和行内元素区别和相互转换。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生深入了解掌握CSS中元素的分类和相互转换，并能使用CSS为网页添加相应的样式。
第六章 盒子模型
1.教学内容
（1）盒子模型
（2）盒子模型计算
（3）边距设置
（4）盒子模型阴影
（5）盒子定位
2.重点与难点
重点：盒子模型大小计算方式，内外边距设置使用，盒子定位方式和区别。
难点：盒子模型大小计算方式，内外边距设置使用，盒子定位方式和区别。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生深入了解掌握CSS中盒子模型的分类，盒子大小的计算，以及盒子边距的设计和计算，熟练定位盒子位置，并能使用CSS为网页添加相应的样式。
第七章 菜单样式设计
1.教学内容
（1）水平导航菜单设计
（2）垂直导航菜单设计
（3）悬浮菜单设计
2.重点与难点
重点：水平/垂直/悬浮导航菜单设计。
难点：水平/垂直/悬浮导航菜单设计。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生熟练使用CSS样式基础完成不同类型的导航菜单设计。
第八章 表格布局网页制作
1.教学内容
（1）网页布局属性
（2）使用表格完成完成网页布局
2.重点与难点
重点：使用表格完成完成网页布局。
难点：使用表格完成完成网页布局。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生掌握网页布局的用途，熟练使用CSS表格完成网页布局。
第九章 DIV页面布局
1.教学内容
（1）使用DIV完成完成网页布局
（2）新疆旅游网网页设计
2.重点与难点
重点：使用DIV完成完成网页布局。
难点：使用DIV完成完成网页布局。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生掌握网页布局的用途，熟练使用DIV完成网页布局，完成新疆旅游网网页设计。
第十章 静态网站设计案例
1.教学内容
（1）百度贴吧网页设计
2.重点与难点
重点：百度贴吧网页设计。
难点：百度贴吧网页设计。
3.课程教学要求
本章采用多媒体讲述的教学方法，要求学生熟练使用HTML+CSS完成百度贴吧网页设计
五、课程考核
1.考核方式、记分制和考核时间
本课程采用理论闭卷考查+上机实践两种考核方式，成绩采用百分制记分，理论考试时间为60分钟，上机考试时间为120分钟
2.考试成绩构成
课程总成绩=平时成绩10%+实践成绩20%+期末考试成绩70%。
3.考核题型及命题要求
理论考核题型为选择题。
上机考试题型为网页设计题。
命题依据教学大纲要求，命题在教学大纲规定的教学目的、教学要求、教学内容和教材范围之内，按照重分析推理和理论联系实际原则，既考查对基本知识的识记能力，又考查运用所学知识实际运用能力，考试命题的覆盖面应尽可能广一些，其中主要考查学生对HTML+CSS基础的掌握程度和使用HTML+CSS完成网页设计的熟练程度。
六、参考教材
[1] 明日科技.梅长林.零基础学HTML5+CSS3.吉林大学出版社,2017
[2] Elisabeth Robson,Eric Freeman著,徐阳,丁小峰等译.Head First HTML与CSS（第2版）.中国电力出版社.2013
七、大纲说明
本大纲根据计算机应用专业人才培养方案、培养规格和数据分析与处理性质，结合学校现有条件制定本大纲，其内容根据课程内容、人才培养方案及科学性和合理性原则选编。对大纲中的重点应深入讲解，对难点采用课堂讲授与课下辅导为主，课堂讲授中，教师反复强调工程性的指导思想，以及所讲知识点在信息科学领域所处的位置和作用，以生动的实例引导学生，提高学生学习的积极性。
制定人： 审定人：
*请认真填写需求信息，我们会在24小时内与您取得联系。
