整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
.文本標簽
① 加粗：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
七、大綱說明
本大綱根據計算機應用專業人才培養方案、培養規格和數據分析與處理性質，結合學?，F有條件制定本大綱，其內容根據課程內容、人才培養方案及科學性和合理性原則選編。對大綱中的重點應深入講解，對難點采用課堂講授與課下輔導為主，課堂講授中，教師反復強調工程性的指導思想，以及所講知識點在信息科學領域所處的位置和作用，以生動的實例引導學生，提高學生學習的積極性。
制定人： 審定人：
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
