腦動力

前言

　　網(wǎng)絡技術的日新月異，給人們帶來了極大的方便，每天都有數(shù)萬個新網(wǎng)頁發(fā)布到Internet上，這些網(wǎng)頁和已有的大量網(wǎng)頁一樣，都必須使用HTML（超文本標記語言）來實現(xiàn)，為了更美觀，我們的網(wǎng)頁也離不開CSS。　　為什么要學習HTML+CSS　　HTML是Web頁面的描述性語言，是所有網(wǎng)頁制作技術的核心和基礎，也是每個網(wǎng)頁制作者必須掌握的基本知識。然而有很多初學者在開始學習制作網(wǎng)頁時，大多使用了現(xiàn)有的網(wǎng)頁制作軟件提供的可視化編輯功能，不重視對HTML語言的理解，沒有能夠真正理解HTML標簽的詳細用法，以至于在后來的實踐中走了很多彎路，制作的網(wǎng)頁也不夠理想。　　使用HTML制作簡單的網(wǎng)頁是完全可以實現(xiàn)的，但是為了使網(wǎng)頁更加美觀，使其能夠吸引更多的瀏覽者，同時使代碼具有更高的簡潔性和重用性，還需要使用CSS技術。CSS（CascadingStyleSheet，層疊樣式表）是一個排版樣式標準，它是用來進行網(wǎng)頁風格設計的。比如，如果想讓鏈接字未點擊時是藍色的，當鼠標指針移上去后字變成紅色的且有下畫線，這就是一種風格。通過設立樣式表，可以統(tǒng)一控制HMTL中各標志的顯示屬性。CSS可以使人更有效地控制網(wǎng)頁外觀，精確指定網(wǎng)頁元素位置及創(chuàng)建特殊效果?！　TML和CSS技術是網(wǎng)頁設計的核心，有很多標簽和屬性。不管是初學者還是網(wǎng)頁制作的專業(yè)人員，都需要一本比較全面的HTML+CSS指令書籍，作為學習和日常工作的參考書，這也是筆者編寫本書的目的。　　本書的特點　　本書內(nèi)容從網(wǎng)頁制作的角度出發(fā)，以網(wǎng)頁必備元素開始，詳細講解了HTML和CSS標簽、屬性的語法，并且用大量范例說明各標簽和屬性的使用方法和技巧，從而幫助讀者加深理解。　　1．指令全面、完整　　本書講解了HTML和CSS所有被瀏覽器支持的標簽和屬性?！　?．豐富的典型示例　　書中指令都給出了可用于實際工作的典型示例，每個示例都給出了詳細的代碼。　　3．遵循標準　　本書所有代碼和實例都遵循W3C發(fā)布的Web標準?！　∈褂谜f明　　本書中按照每個標簽和屬性的語法、功能介紹、選項說明、參數(shù)說明、經(jīng)驗技巧、示例和相關指令的順序進行講解。如果某項內(nèi)容未給出，則表示本指令沒有相關內(nèi)容?！　≌Z法：指令的語法說明。　　功能介紹：介紹指令的常用功能?！　∵x項說明：介紹指令的常用選項。如果指令介紹中沒有出現(xiàn)該項，表示該指令沒有任何選項?！　?shù)說明：介紹指令的常用參數(shù)。如果指令介紹中沒有出現(xiàn)該項，表示該指令沒有任何參數(shù)。　　經(jīng)驗技巧：介紹實際操作中的經(jīng)驗與技巧?！　∈纠褐噶钌蠙C操作的實例?！　∠嚓P指令：給出與本指令功能相關的其他指令。如果指令介紹中沒有出現(xiàn)該項，表示該指令沒有任何相關的指令。　　適合的讀者　　網(wǎng)頁制作的初學者　　網(wǎng)頁設計的愛好者　　專業(yè)的網(wǎng)頁制作人員　　大中專院校的學生　　個人站點的制作者　　本書作者　　本書由劉麗霞和北京大學的劉晉偉共同編寫完成，如果有不足之處，懇請讀者批評指正?！　【幷?/pre>


內(nèi)容概要
　　HTML是所有網(wǎng)頁制作技術的核心和基礎，也是每個網(wǎng)頁制作者必須掌握的基本知識。CSS是用于控制網(wǎng)頁內(nèi)容顯示效果的一種標記語言，可以制作更美觀的頁面。兩者在網(wǎng)頁設計中不可或缺。
　　《腦動力：HTML+CSS標簽速查效率手冊》共分18章，前10章主要介紹了HTML標簽和相關屬性，包括文字、排版、列表、超鏈接、多媒體、表格、表單、框架等知識點。后8章介紹了CSS屬性的詳細用法和示例代碼，包括文本顯示、列表顯示、鏈接顯示、文字背景、元素定位濾鏡等知識點。



書籍目錄
第1章 理解HTML
　1.1 HTML的基本概念
　　1.1.1 HTML簡介
　　1.1.2 了解HTML代碼
　1.2 編輯HTML代碼
　　1.2.1 使用記事本編輯
　　1.2.2 Dreamweaver中的HTML編輯窗口
　1.3 使用Dreamweaver編寫HTML代碼
　　1.3.1 使用代碼窗口編寫HTML代碼
　　1.3.2 使用標簽選擇器和標簽編輯器
　　1.3.3 使用代碼提示功能
　　1.3.4 使用查找和替換功能
　　1.3.5 優(yōu)化HTML編碼
第2章 網(wǎng)頁的基本標簽
　2.1 結構標簽——＜html＞
　2.2 頁面頭部標簽——＜head＞
　2.3 頁面標題——＜title＞
　2.4 頁面的主體標簽——＜body＞
　　2.4.1 頁面背景色——bgcolor
　　2.4.2 文字顏色——text
　　2.4.3 背景圖片——background
　　2.4.4 鏈接文字——link
　　2.4.5 頁面邊距——margin
　2.5 元信息標簽——＜meta＞
　　2.5.1 設置網(wǎng)頁編碼信息
　　2.5.2 設置網(wǎng)頁的定時跳轉
　　2.5.3 設定網(wǎng)頁緩存過期時間
　　2.5.4 禁止從緩存中調(diào)用
　　2.5.5 刪除過期的cookie
　　2.5.6 強制打開新窗口
　　2.5.7 設置網(wǎng)頁的過渡效果
　　2.5.8 定義頁面關鍵字
　　2.5.9 設置頁面描述
　　2.5.10 設置編輯工具
　　2.5.11 設定作者信息
　　2.5.12 限制搜索方式
第3章 排版標簽
　3.1 頁面注釋——＜！——＞
　3.2 段落——＜p＞
　3.3 換行——＜br＞
　3.4 水平線
　　3.4.1 水平線——＜hr＞
　　3.4.2 水平線寬度與高度屬性——width、size
　　3.4.3 水平線的顏色——color
　　3.4.4 水平線的對齊方式——align
　　3.4.5 去掉水平線陰影——noshade
　3.5 居中標簽——＜center＞
　3.6 預設標簽——＜pre＞
　3.7 不拆行——＜nobr＞
　3.8 向右縮——＜blockquote＞
　3.9 層標簽——＜div＞
第4章 頁面文字
　4.1 標題文字——＜h＞
　4.2 文字格式
　　4.2.1 字體——face
　　4.2.2 文字顏色——color
　　4.2.3 字號——size
　　4.2.4 粗體、斜體、下畫線、刪除線——strong、
　　em、u、strike
　　4.2.5 上標與下標——＜sup＞、＜sub＞
　　4.2.6 等寬文字標簽——＜code＞
　4.3 空格——＆nbsp；
　4.4 特殊符號
　4.5 其他標簽
　　4.5.1 文字標注——＜ruby＞
　　4.5.2 聲明變量——＜var＞
第5章 網(wǎng)頁中的列表
　5.1 有序列表（Ordered Lists）
　　5.1.1 有序列表標簽——＜ol＞
　　5.1.2 有序列表的序號類型——type
　　5.1.3 有序列表的起始數(shù)值——start
　5.2 無序列表（Unordered Lists）
　　5.2.1 無序列表標簽——＜ul＞
　　5.2.2 無序列表的符號類型——type
　5.3 定義列表標簽——＜dl＞
　5.4 菜單列表標簽——＜menu＞
　5.5 目錄列表——＜dir＞
　5.6 列表的高級應用
　　5.6.1 列表的簡化
　　5.6.2 設置列表項文字的顏色
　5.7 列表的嵌套
第6章 超鏈接
　6.1 超鏈接——＜a＞
　6.2 設置文本超鏈接
　6.3 設置圖像超鏈接
　6.4 設置圖像熱區(qū)鏈接
　6.5 使用錨在網(wǎng)頁內(nèi)部鏈接
　6.6 鏈接到不同頁面的特定位置
　6.7 鏈接到網(wǎng)頁
　6.8 建立EMAIL鏈接
　6.9 鏈接到文件
　6.10 建立文件下載鏈接
第7章 網(wǎng)頁中的多媒體元素和圖像
　7.1 將多媒體內(nèi)容放到網(wǎng)頁中
　　7.1.1 鏈接到多媒體文件
　　7.1.2 添加多媒體文件標簽——＜embed＞
　　7.1.3 設置媒體文件自動運行——autostart
　　7.1.4 設置媒體文件的循環(huán)播放——loop
　　7.1.5 隱藏媒體播放面板——hidden
　　7.1.6 添加flash動畫文件
　7.2 動態(tài)文字
　　7.2.1 滾動文字標簽——＜marquee＞
　　7.2.2 滾動方向?qū)傩浴猟irection
　　7.2.3 滾動方式——behavior
　　7.2.4 滾動循環(huán)——loop
　　7.2.5 滾動文字的背景顏色——bgcolor
　　7.2.6 滾動文字的背景大小——width、height
　　7.2.7 滾動速度——scrollamount
　　7.2.8 滾動延遲——scrolldelay
　　7.2.9 滾動空間——hspace、vspace
　7.3 網(wǎng)頁背景音樂
　　7.3.1 背景音樂——bgsound
　　7.3.2 背景音樂的循環(huán)播放次數(shù)——loop
　7.4 圖像格式
　7.5 插入圖像——＜img＞
　7.6 圖像屬性設置
　　7.6.1 圖像描述文字——alt
　　7.6.2 圖像的邊框——border
　　7.6.3 圖像的大小——width、height
　　7.6.4 圖像的間距——hspace、vspace
　　7.6.5 圖像的相對對齊方式——align
第8章 網(wǎng)頁中表格的應用
　8.1 建立表格
　　8.1.1 表格、行、單元格——＜table＞、＜tr＞、
　　＜td＞
　　8.1.2 表格的標題——＜caption＞
　　8.1.3 表格的表頭——＜th＞
　　8.1.4 表格寬度——width
　　8.1.5 表格高度——height
　　8.1.6 表格的邊框?qū)挾取猙order
　　8.1.7 表格邊框顏色——bordercolor
　　8.1.8 表格的單元格間距——cellspacing
　　8.1.9 表格的單元格邊距——cellpadding
　　8.1.10 表格背景色——bgcolor
　　8.1.11 表格的背景圖像——background
　　8.1.12 表格的對齊方式——align
　　8.1.13 表格標題的垂直對齊方式——valign
　8.2 表格的行屬性
　　8.2.1 行高——height
　　8.2.2 行邊框顏色——bordercolor
　　8.2.3 行背景色——bgcolor
　　8.2.4 行文字的水平對齊方式——align
　　8.2.5 行文字的垂直對齊方式——valign
　8.3 單元格屬性
　　8.3.1 單元格大小——width、height
　　8.3.2 跨列屬性——colspan
　　8.3.3 跨行屬性——rowspan
　　8.3.4 對齊方式——align、valign
　　8.3.5 單元格的背景色——bgcolor
　　8.3.6 單元格的邊框顏色——bordercolor
　　8.3.7 單元格的亮邊框顏色——bordercolorlight
　　8.3.8 單元格的暗邊框顏色——bordercolordark
　　8.3.9 單元格的背景圖像——background
　　8.3.10 單元格內(nèi)容不換行——nowrap
　8.4 表格的結構樣式
　　8.4.1 設計表頭樣式——＜thead＞
　　8.4.2 設計表主體樣式——＜tbody＞
　　8.4.3 設計表尾樣式——＜tfoot＞
　8.5 使用表格實現(xiàn)網(wǎng)頁布局
第9章 表單
　9.1 表單標簽——＜form＞
　　9.1.1 表單名稱——name
　　9.1.2 表單提交地址——action
　　9.1.3 傳送方式——method
　　9.1.4 編碼方式——enctype
　　9.1.5 目標顯示方式——target
　9.2 添加表單對象
　　9.2.1 文本框——text
　　9.2.2 密碼框——password
　　9.2.3 按鈕——button
　　9.2.4 提交按鈕——submit
　　9.2.5 重置按鈕——reset
　　9.2.6 單選按鈕——radio
　　9.2.7 復選按鈕——checkbox
　　9.2.8 圖像按鈕——image
　　9.2.9 隱藏域——hidden
　　9.2.10 文件域——file
　　9.2.11 文本域——textarea
　　9.2.12 下拉菜單——select、option
　　9.2.13 列表項
　……


章節(jié)摘錄
版權頁：   插圖：    第1章 理解HTML 計算機技術日新月異，各種新的網(wǎng)頁制作技術層出不窮，但是最根本的仍然是HTML，HTML是所有網(wǎng)頁制作技術的核心和基礎。HTML是Web頁面的描述性語言，無論是在網(wǎng)上發(fā)布信息，還是更為復雜的交互程序的使用，都離不開HTML。本章首先讓讀者初步了解HTML，了解其概念、重要性及編寫方法，介紹了使用記事本和Dreamweaver軟件編寫HTML代碼的方法及灃意事項。 1.1 HTML的基本概念 HTML（Hyper Text Markup Language，超文本標記語言）是全球廣域網(wǎng)描述網(wǎng)頁內(nèi)容和外觀的標準。對于網(wǎng)頁設計和制作人員，尤其是動態(tài)網(wǎng)站開發(fā)的編程人員，必須要用到HTML語言。 1.1.1 HTML簡介 HTML語法非常簡單，包含一些打開和關閉的標記，通過對各種標簽、元素、屬性、對象等的定義，建立起文字、圖像、聲音、視頻等多種媒體信息，以及與其他元素或網(wǎng)頁的超鏈接。 事實上，HTML是一種因特網(wǎng)較常見的網(wǎng)頁制作標注性語言，并不能算做一種程序語言。HTML通過IE等瀏覽器的翻譯，將網(wǎng)頁中所要呈現(xiàn)的內(nèi)容展現(xiàn)在用戶眼前。 1.3.2使用標簽選擇器和標簽編輯器 為了方便編寫代碼，Dremweaver提供了標簽選擇器和標簽編輯器。使用標簽選擇器可以在網(wǎng)頁中添加新的標簽；使用標簽編輯器可以編輯網(wǎng)頁中的標簽，添加或者修改標簽的屬性值。 （上機實戰(zhàn)） （1）新建HTML文件，打開“代碼”編輯窗口。 （2）在需要插入標簽的位置上單擊鼠標右鍵，在彈出的快捷菜單中選擇“插入標簽”命令，打開“標簽選擇器”對話框。 （3）在“標簽選擇器”對話框中選擇相應的標簽，單擊“插入”按鈕即可。 （4）選擇剛才插入的標簽，單擊鼠標右鍵，在彈出的快捷菜單中選擇“編輯標簽”命令，打開“標簽編輯器”對話框。該對話框左邊是選擇標簽的屬性列表，右邊是屬性名和對應的文本框或下拉列表框，可以輸入或選擇屬性值。




編輯推薦
《腦動力:HTML+CSS標簽速查效率手冊》語言簡潔，內(nèi)容豐富，適合網(wǎng)頁設計與制作人員、網(wǎng)站建設開發(fā)人員、大中專院校相關專業(yè)的學生、個人網(wǎng)站制作愛好者閱讀。





圖書封面



圖書標簽Tags
無




評論、評分、閱讀與下載



還沒讀過(93)
勉強可看(678)
一般般(115)
內(nèi)容豐富(4797)
強力推薦(393)


 


    腦動力 PDF格式下載