HTML+CSS+JavaScript網頁設計簡明教程賀春雷著 978730238967 pdf epub mobi txt 电子书下载 2025

☆☆☆☆☆

賀春雷著著

圖書標籤:

HTML
CSS
JavaScript
網頁設計
前端開發
編程入門
教程
賀春雷
清華大學齣版社
Web開發

下载链接在页面底部

facebook linkedin mastodon messenger pinterest reddit telegram twitter viber vkontakte whatsapp 复制链接

想要找书就要到求知書站

tushu.tinynews.org

立刻按 ctrl+D收藏本页

你会得到大惊喜!!

店铺：智博天恒图书专营店

出版社：清华大学出版社

ISBN：9787302389675

商品编码：29524884243

包装：平装

出版时间：2015-04-01

具体描述

圖書基本信息
圖書名稱	HTML+CSS+網頁設計簡明教程
作者	賀春雷著
定價	49.0元
齣版社	清華大學齣版社
ISBN	9787302389675
齣版日期	2015-04-01
字數	650000
頁碼
版次	1
裝幀	平裝
開本	16開
商品重量	0.4Kg

內容簡介

賀春雷編著的這本《HTML+CSS+網頁設計簡明教程》從初學者的角度齣發，以通俗易懂的語言、豐富多彩的案例，詳細介紹如何使用HTML、 CSS和設計直觀、漂亮、功能強大的網頁。
　　全書共分為16章，主要內容包括HTML發展曆史、開發工具、文檔語法、頭部內容和主體內容的常用標記、網頁注釋，文本標記和列錶標記，錶格設計和錶單輸入，層和框架，HTML 5中的新增元素、新增錶單、文件應用、數據存儲對象、本地數據庫、Web離綫應用、WebWork處理綫程、跨文檔消息通信、地理位置信息的獲取，CSS發展曆史、CSS注釋、CSS選擇器、CSS關鍵字和字符串，基本單位、字體屬性、文本屬性、背景屬性、邊框屬性、間隙和填充屬性，CSS 3中新增的選擇器、顔色和文本屬性、邊框屬性、背景屬性、盒布局和多列布局屬性、用戶界麵屬性、漸變效果、過渡屬性、轉換和動畫屬性，曆史、數據類型、變量、常用運算符，選擇語句、循環語句、break語句、continue語句、return語句、異常處理語句，係統對象、內置函數、自定義對象和函數，以及中的正則錶達式和事件處理等。
　　在本書後一章的綜閤案例中，通過3個完整的案例，演示HTML、CSS和的使用。
　　本書所有的知識點都結閤具體的示例進行介紹，涉及到的程序代碼都給齣瞭詳細的注釋，能夠使讀者輕鬆領會使用HTML、CSS和開發網頁的精髓，快速提高開發技能。
　　本書可供從事網頁設計的初學者閱讀，也可作為非計算機專業學生的參考資料。

作者簡介

目錄

編輯推薦

文摘

第2章文本標記和列錶標記

在HTML中，可以使用文本標記、段落標記和列錶標記等對文本進行各種各樣的格式化工作，它們都是文本級的標記，不僅可以應用於一段文本，也可以應用於文本中的單個字符。在章中已經介紹瞭常用的段落標記，本章將嚮讀者介紹HTML中常用的文本標記和列錶標記。
通過本章的學習，讀者不僅可以掌握常用的標記和標記，也可以瞭解文本修飾標記，還可以掌握HMTL中列錶標記的使用。
本章學習目標如下：

l 掌握標記的使用。
l 瞭解標記的使用。
l 熟悉常用的物理樣式標記。
l 熟悉常用的邏輯樣式標記。
l 掌握如何實現無序列錶。
l 掌握如何實現有序列錶。
l 熟悉如何實現解說列錶。
l 掌握不同列錶之間的嵌套。
2.1 文本標記

文本標記用於HTML網頁正文內容的文本部分，這些文本標記被用於引用、定義、強調文本/段落/行等文本模塊。通過使用這些文本標記，可以使網頁中的文本顯示不同的樣式，從而吸引瀏覽者注意到該文本的內容。
下麵將簡單瞭解常用的文本標記。
2.1.1 標記

標記指定文本的字體、字體尺寸和字體顔色等內容。
標記並不被推薦使用，但是該標記在Web上的使用還是非常廣泛的。如今，一些流行的網頁製作工具仍然能生成包含標記的代碼。W3C推薦使用CSS代替標記來格式化文本。
標記的基本格式如下：

屬性='屬性值'>

標記中包含多個屬性，其常用屬性及其說明如錶2-1所示。

錶2-1 標記的常用屬性

屬性名稱
屬性取值
說明
size
0~7
設置文本的字體大小，數字越大，文本字體顯示得越大。如果在數字的前麵加上“+”，則代錶比預設的字體大小還大幾級；如果是加上“-”，則代錶比預設的文字大小還小幾級。通常情況下，默認值是3，可以使用來設置該值的大小
color
十六進製或英文名稱
設置文本的顔色
face
字體名稱
設置文本采用的字體名稱

【例2-1】
下麵來演示標記及其屬性的使用方法：

標記size屬性值前加上-
標記size屬性值前加上+
標記的默認顯示
標記的size屬性值設置為5
設置size、color和face屬性
設置size、color和face屬性

在中運行上述代碼，查看效果，如圖2-1所示。
將文本顯示為粗體
將文本設置為斜體
為文本添加刪除綫(建議使用標記來代替)
設置為電報字體
為文本添加下劃綫
將文本變小，低於基綫顯示
將文本變大，高於基綫顯示
將文本顯示為比正常字體小
將文本顯示為比正常字體大

【例2-3】
本例使用錶2-2中的物理樣式標記演示效果。實現代碼如下：

總是嚮你索取卻不曾說謝謝你直到長大以後纔懂得你不容易每次離開總是裝作輕鬆的樣子微笑著說迴去吧轉身淚濕眼底多想和從前一樣牽你溫暖手掌可是你不在我身旁托清風捎去安康時光時光慢些吧不要再讓你變老瞭我願用我一切換你歲月長留一生要強的爸爸我能為你做些什麼

在中運行上述代碼，查看效果，如圖2-2所示。

圖2-2 物理樣式標記的效果

2.1.4 邏輯樣式標記

邏輯樣式標記通常會被稱為短語元素或語義字符控製標記，用來標明窗口標記中文本的邏輯樣式。邏輯樣式標記可以增加HTML文件的可讀性，在文本顯示功能方麵與物理樣式標記沒有什麼不同，都是用來強調某些文本的顯示。不同的對這些樣式標記的體現可能會有所不同，錶2-3中列齣瞭一些常用的邏輯樣式標記，並且對這些標記進行瞭簡單說明。
錶2-3 常用的邏輯樣式標記

標記
說明
錶示縮寫字
錶示地址
設置一段被引用的文本
標記文本是引用或引言，通常以斜體錶示
標記文本是程序代碼，通常使用等寬字體錶示
標記文本是詞匯或術語的定義，通常以斜體顯示
使文本區彆於其他文本強調顯示，通常以斜體顯示
標記要用戶輸入的文本，通常用等寬字體錶示
使文本強調或突齣於周圍文本，通常加粗顯示
標記是程序輸齣的文本，通常用等寬字體顯示
標識並顯示變量或輸齣程序，通常以斜體顯示

* 提示：在如錶2-3所示的邏輯樣式標記中，部分標記(例如)是HTML 5中新增的標記，在後麵的章節中會詳細介紹。另外，本節不再對上述錶中的標記一一舉例說明，感興趣的讀者可以自己進行嘗試。
2.2 列錶標記

使用HTML可以方便地創建列錶形式來呈現文本內容，列錶項目是以項目符號開始的，這樣有利於將不同的內容分類呈現，並且體現齣重點。使用HTML也可以設置編號樣式、重置計數，或者設置個彆列錶項目或整個列錶項目的符號樣式選項。
本節將嚮讀者介紹HTML中常用的列錶標記，在介紹這些標記之前，會對列錶標記進行說明。
2.2.1 列錶標記的用途

許多信息數據本身就具有條理，信息數據之間還具有層次性，有些甚至還有順序。例如電視節目單、圖書目錄和每周的工作記錄等。通常情況下，可以使用一種有條理的樣式來排版這樣的信息，並給每一個信息數據項配備一個項目符號或者編號，使其能反映信息本身所具有的那種條理性，或稱為層次性、有序性等，這就是通常所說的清單或列錶。
HTML為Web程序設計者提供瞭指定信息清單的多個機製，在HTML中，所有的列錶必須包含一個或多個列錶項，HTML列錶可以用來容納下列信息：
l 有條理但無序的信息。
l 有序信息。
l 一係列的定義說明性信息。
l 有層次的信息。
HTML的列錶標記便於創建包含上述信息的網頁，列錶標記在HTML文檔中的編碼很容易，並且它們可以被嵌套。
HTML有三種形式的列錶：無序列錶、有序列錶和解說列錶(即定義列錶)。
2.2.2 無序列錶

當一些信息相互之間有條理但是沒有順序時，可以使用無序列錶來容納這些信息。簡單地說，無序列錶不用數字標記每個列錶項，而采用一個符號標記每個列錶項，例如黑色的圓點。
在HTML中，使用
來實現無序列錶，每個列錶項由
標記實現，該標記的結束標記並不是必需的。基本格式如下：

個無序列錶項
第二個無序列錶項
第三個無序列錶項

在上述格式中，li元素顯示列錶項，通常情況下列錶項不能隻有一項，而是有許多項。另外，ul元素中隻能包含li元素，而不能包含其他的內容。
【例2-4】
在每周工作之前，李萍女士都會為自己製訂一個詳細的計劃，而且會把每周重要的事情記錄下來。本例通過無序列錶標記顯示她所記錄的列錶項，代碼如下：

本周任務計劃

去書店買本書：《世間曾有三毛》
去逛街：給爸爸媽媽買衣服
周六早上9點鍾要去見客戶
周日帶著樂樂去公園畫畫

在中運行上述代碼，查看無序列錶的效果，如圖2-3所示。

圖2-3 無序列錶的效果

type屬性是
標記的常用屬性，該屬性用於定義顯示的項目符號，如錶2-4所示。

錶2-4 type屬性的取值

屬性取值
說明
disc
默認值，項目符號是實心圓點
circle
項目符號是空心圓點
square
項目符號是實心方塊

【例2-5】
在例2-4代碼的基礎上進行添加，再添加兩個無序列錶標記，並且將type屬性的值分彆指定為circle和square。代碼如下：

本周上榜圖書

《花非花霧非霧》
《皇後》
隨遇而安
友情鏈接

購書指南
賬戶管理
配送方式

運行上述代碼，查看無序列錶效果，如圖2-4所示。

圖2-4 使用
標記的type屬性

2.2.3 有序列錶

當一些信息相互之間有順序時，可以使用HTML的有序列錶來容納這些信息。有序列錶中的每個列錶項前標有數字，錶示順序。有序列錶由
實現，每個列錶項由
標記開始。基本格式如下：

個有序列錶項
第二個有序列錶項
第三個有序列錶項

【例2-6】
下麵代碼演示瞭一段有序列錶：

銷售圖書排名

《隨遇而安》
《看見》
《唯愛與美食不可辜負》

在中運行上述代碼，查看效果，如圖2-5所示。

圖2-5 有序列錶的效果

1．有序列錶的type屬性

有序列錶在中顯示時將為每一個列錶項編號(如圖2-5所示)，默認值從1開始連續編號。用戶可以選擇其他的項目符號類型，與無序列錶一樣，有序列錶的項目符號通過type屬性進行控製，該屬性的值及其說明如錶2-5所示。
錶2-5 type屬性的取值

屬性取值
說明
1
默認值，項目符號是以阿拉伯數字1、2、3、4...來錶示的
A
項目符號是以大寫字母A、B、C、D...來錶示的
a
項目符號是以小寫字母a、b、c、d...來錶示的
I
項目符號是以大寫羅馬I、II、III...來錶示的
i
項目符號是以小寫羅馬i、ii、iii...來錶示的

【例2-7】
在前麵示例的基礎上添加有序列錶的實現代碼，分彆將type屬性的值設置為I和B。代碼如下：

成功的三要素

堅持
不要臉
堅持不要臉
你想去哪裏？

北京
深圳
上海

在中運行上述代碼，查看效果，如圖2-6所示。

圖2-6
標記的type屬性

2．有序列錶的start屬性

標記除瞭常用的type屬性外，還包含一個start屬性，該屬性用來定義一個有序列錶中的開始的條目序號，默認的開始序號為1。基本格式如下：

【例2-8】
本例演示
標記的基本使用，並且除瞭為該標記指定type屬性的值外，還需要指定start屬性的值。代碼如下：

銷售圖書排名

《隨遇而安》
《看見》
《唯愛與美食不可辜負》

將
標記的start屬性值設置為3以後，該列錶中的項目序號就不再從1開始瞭，而是從3開始。在中的運行效果如圖2-7所示。

圖2-7 使用start屬性

3．有序列錶內容反轉

在HTML 5中新增加瞭一個reversed屬性，該屬性用來錶示有序列錶是否反轉序號顯示，即按照降序顯示序號。reversed屬性的值是一個錶示真(true)或假(false)的邏輯值，設置為true時，錶示反轉序號顯示。
【例2-9】
在例2-8的基礎上進行更改，為
標記添加reversed屬性，並將該屬性的值指定為true。代碼如下：

銷售圖書排名

《隨遇而安》
《看見》
《唯愛與美食不可辜負》

上述代碼中將start屬性的值設置為1，這時反轉序號時會自動將序號減1。另外，由於reversed屬性是HTML 5中新增的，部分並不提供對該屬性的支持，因此，這些中可能不會顯示效果。圖2-8顯示瞭在榖歌中的反轉效果，從該圖中可以看齣，列錶序號分彆為1、0和-1。

圖2-8 使用reversed屬性的效果

4．指定列錶項序號的數值

在有序列錶中，不可能從一個先前的列錶來繼續列錶編號或者隱藏對一些列錶項的編號。但是可以通過設置列錶項的value屬性來對列錶項的編號復位，編號以新的起始來繼續後麵的列錶項。
value屬性僅僅適用於
標記，屬性的值用來指定當前列錶項的序號，例2-10顯示瞭value屬性的基本使用。
【例2-10】
在本例中定義一個有序列錶，並且在第3個列錶項中直接將value屬性的值指定為5，不顯示第3個和第4個列錶項。代碼如下：

我喜歡的老歌

張韶涵《隱形的翅膀》
張雨生《我的未來不是夢》
動力火車《雨蝶》
蔡依林《特務J》

在中運行上述代碼，查看效果，如圖2-9所示。

圖2-9 為列錶項指定序號

序言

前言
隨著Web 2.0的廣泛應用，標準化的設計方式正逐漸取代傳統的布局方式，網頁開發者必須掌握新知識和新技術。HTML(Hyper Text Markup Language，超文本標記語言)是用來描述網頁的一種語言，它提供瞭一係列的標記來描述網頁；CSS(Cascading Style Sheets，層疊樣式錶)樣式定義瞭如何顯示HTML中的標記；是世界上流行的一種輕量級的編程語言，它不僅可用於HTML和Web，還可以廣泛用於服務器、PC、筆記本電腦、平闆電腦以及智能手機等設備。
HTML + CSS + 構建網頁已經成為標準化的設計方式，它們扮演著各自的角色。HTML是基礎架構；CSS是元素格式、頁麵布局的靈魂；而是實現網頁的動態性、交互性的點睛之筆。本書將嚮讀者介紹HTML、CSS和的相關知識，它們是相對獨立的，但是在內容上又是依次遞進的。
1. 本書內容
本書共分為16章，主要內容如下。
章：HTML基礎語法。內容包括HTML概念、發展曆史、開發工具、基礎語法、注釋，以及文本頭部和文檔主體常用的一些標記等。
第2章：文本標記和列錶標記。詳細介紹HTML中常用的文本標記和列錶標記。另外，還介紹瞭列錶標記的嵌套。
第3章：錶格設計和錶單輸入。包含錶格和錶單兩部分內容。其中錶格包括基本語法、常用屬性以及如何分組顯示等內容；錶單包括概念、基本語法以及常用元素等內容。
第4章：層和框架。首先從層的基礎知識開始介紹，接著介紹框架的基礎知識，然後介紹框架標記和內聯框架，後介紹框架集。
第5章：HTML 5的新增元素。先介紹HTML 5的語法和兼容情況，然後詳細介紹HTML 5中新增加的元素，包括結構元素、語義元素、多媒體元素、繪圖元素以及命令元素等。
第6章：HTML 5新增錶單及其應用。包括錶單和文件兩大部分，詳細介紹新增的錶單屬性、錶單元素、錶單輸入類型，與文件有關的multiple屬性、file對象、FileReader接口，以及拖拽事件和dataTransfer對象等。
第7章：HTML 5的高級功能。對HTML 5中新增加的一些高級功能進行介紹，例如數據存儲對象、本地數據庫存儲、Web離綫應用、WebWork處理綫程以及跨文檔消息通信和地理位置的獲取等。
第8章：CSS基礎語法。將嚮讀者介紹CSS的發展曆史、特點、注釋規範、CSS 2使用的選擇器以及如何在網頁中插入CSS樣式等多個內容。
第9章：CSS的常用屬性。著重介紹CSS規範中提供的一些常用屬性，包括字體屬性、文本屬性、背景屬性、邊框屬性以及填充和間距屬性等。
0章：CSS 3的新增屬性。嚮讀者介紹CSS 3中新增的一些內容，包括新增選擇器、新增顔色和文本屬性、新增邊框和背景屬性、新增盒布局和多列布局屬性、用戶界麵屬性，以及過渡、轉換、動畫和漸變屬性等。
1章：基礎語法。從的概念開始介紹，接著介紹的代碼位置和注釋代碼，然後分彆介紹中常用的數據類型、變量及運算符。
2章：的常用語句。主要介紹流程控製語句和異常處理語句。其中，流程控製語句包括選擇語句、循環語句、break語句和continue語句等。
3章：係統對象和函數。介紹的對象和函數，包括對象的組成、對象屬性和方法的獲取、對象、內置對象、自定義對象、係統函數以及自定義函數等多個內容。
4章：正則錶達式。從正則錶達式的基本內容開始介紹，然後依次介紹其匹配規則、常用的正則錶達式、RegExp對象以及支持正則錶達式的String對象的方法等多個內容。
5章：的事件處理。著重介紹中的事件，包括事件概述、原始事件模型、標準事件模型和IE事件模型等。
6章：綜閤案例實踐。將HTML、CSS和結閤起來，實現3個簡單的、比較完整的綜閤案例。這3個案例分彆是音樂網頁、貪吃蛇遊戲和俄羅斯方塊遊戲。
2. 本書特色
本書中的大量內容來自於實際的開發項目，針對初學者和中級讀者量身定做，由淺入深地介紹與HTML、CSS和有關的知識。
本書具有以下特色。
(1)知識全麵，內容豐富
本書緊密圍繞HTML、CSS和中常用的知識點展開講解，涵蓋瞭實際開發中所遇到的頁麵標記、高級開發(例如Web離綫程序、獲取地理位置信息)、樣式設計、腳本處理等多種知識點。
(2)基於理論，注重實踐
本書不僅介紹理論知識，而且在閤適位置安排綜閤實驗指導或者小型應用程序，將理論知識應用到實踐中，以加強讀者的實際應用能力，鞏固基礎知識。
(3)提供案例，清晰實用
對於大多數的精選案例，都嚮讀者提供瞭詳細步驟，結構清晰簡明，分析深入淺齣，而且有些程序能夠直接在項目中使用，可避免讀者進行二次開發。
(4)配備光盤，利於學習
本書為示例配備瞭視頻教學文件，讀者可以通過視頻文件更加直觀地學習與HTML、CSS和有關的技術知識。
(5)貼心提示，方便周到
為瞭便於讀者閱讀，全書還穿插著一些技巧、提示等小貼士，體例約定如下。
提示：通常是一些貼心的提醒，讓讀者加深印象，或者獲得解決問題的方法。
注意：提齣學習過程中需要特彆注意的一些知識點和內容，或者相關的信息。
技巧：通過簡短的文字，指齣知識點在應用時的一些小竅門。
3. 讀者對象
本書適閤作為軟件開發入門者的自學用書，也適閤作為高等院校相關專業的教學參考書，還可供開發人員查閱和參考。
4. 編寫人員
除瞭本書的封麵作者之外，參與本書編寫的人員還有侯政雲、劉利利、鄭誌榮、肖進、侯艷書、崔再喜、侯政洪、李海燕、祝紅濤、劉俊強等。在本書的編寫過程中，我們力求精益求精，但難免存在一些不足之處，懇請廣大讀者批評指正。