第一篇：html網(wǎng)頁設(shè)計(jì)總結(jié)
第一章......................................................................................................................................3 1.1 第一節(jié)...........................................................................................................................3
1.1.1 第一課 認(rèn)識(shí)HTML.........................................................................................3 1.1.2 第二課 段落及超鏈接.....................................................................................4 1.1.3 第三課 設(shè)置背景圖及圖片.............................................................................6 1.1.4 第四課 表格.....................................................................................................6 1.1.5 第五課 hr屬性、滾動(dòng)字符、列表.................................................................8 1.2 第二節(jié).........................................................................................................................10 1.2.1 第一課 表單...................................................................................................10 1.2.2 第二課按鈕及下拉框.....................................................................................11 1.2.3 第三課 框架，標(biāo)簽iframe...........................................................................13 1.2.4 第四課背景音樂，多媒體.............................................................................14 1.3 第三節(jié)css...................................................................................................................15 1.3.1 第一課 了解css.............................................................................................15 1.3.2 第二課 屬性...................................................................................................15 1.3.3 第三課 樣式表的三類應(yīng)用方式...................................................................17
第一章
1.1 第一節(jié) 1.1.1 第一課 認(rèn)識(shí)HTML 1.html：超文本標(biāo)記語言
網(wǎng)頁又稱WEB頁面
2.html：包括文字，表格，圖片，聲音，視頻.以及各種功能按鈕 3.首頁：進(jìn)入一個(gè)網(wǎng)站第一個(gè)顯示的頁面
4.網(wǎng)頁的格式是國際標(biāo)準(zhǔn)組織定義的叫做W3C.具體標(biāo)準(zhǔn)是HTML，標(biāo)記語言格式
5.標(biāo)記的基本語法：<標(biāo)記名稱> 6.新建一個(gè)網(wǎng)頁：先新建文本文檔，然后把后綴名改成“***.html”即可
7.html文件的后綴名：***.html或***.htm 用html語言編寫的文檔就是html文檔，也常被稱為“靜態(tài)網(wǎng)頁”文件
8.html標(biāo)記語言規(guī)定：（1）html標(biāo)簽必須是成對出現(xiàn)
（2）html標(biāo)簽不區(qū)分大小寫 9.常用標(biāo)簽
加粗 斜體下劃線
換行 下標(biāo)上標(biāo)
水平線
size：設(shè)置字體的大小 11.當(dāng)開始標(biāo)簽與結(jié)束標(biāo)簽中間有內(nèi)容時(shí)使用 <標(biāo)簽名>內(nèi)容 當(dāng)開始標(biāo)簽與結(jié)束標(biāo)簽中間沒有內(nèi)容時(shí)使用<標(biāo)簽名 /> 例：
1.1.2
1.
段落標(biāo)簽 第二課 段落及超鏈接
多個(gè)段落之間會(huì)自動(dòng)換行，并且每個(gè)段落中間會(huì)空一行。
行級(jí)層標(biāo)簽：
多個(gè)span之間沒有換行。
多個(gè)div之間會(huì)自動(dòng)換行，但是沒有空行。
預(yù)格式化段落標(biāo)簽：
在代碼寫的內(nèi)容，在顯示時(shí)完全相同。2.特殊符號(hào)的處理：
空格：
<:
<
>:
> 3.屬性：
對標(biāo)簽的描述稱為屬性。
屬性的說法:
屬性的名稱=“值”
屬性所寫的位置：要寫到開始標(biāo)簽的里面，每個(gè)屬性之間用空格隔開。
4.
標(biāo)簽的屬性bgcolor:設(shè)置背景色
text:設(shè)置文字的顏色 5.超鏈接
鏈接分類：
外部鏈接：在多個(gè)頁面之間使用的效果
內(nèi)部鏈接（錨鏈接）：只能在一個(gè)頁面中的鏈接
郵件鏈接：點(diǎn)擊一個(gè)地址，可以快速的寫郵件。6.鏈接的標(biāo)簽：
在點(diǎn)擊的文字 7.絕對路徑 和相對路徑
絕對路徑：在鏈接地址中帶有盤符的路徑稱為絕對路徑
相對路徑：相對于某一個(gè)文件夾的路徑稱為相對路徑 8.郵件鏈接
文字 9.內(nèi)部鏈接
書簽內(nèi)容 “#標(biāo)簽a”>單擊此處使瀏覽器調(diào)到“標(biāo)簽a” 1.1.3 第三課 設(shè)置背景圖及圖片
1.dw的運(yùn)行網(wǎng)頁的快捷鍵：f12 2.設(shè)置網(wǎng)頁的背景圖片的屬性：background
當(dāng)路徑中出現(xiàn)“../”時(shí)，代表是上一級(jí)的信息 3.在網(wǎng)頁中添加圖片 解釋： src:圖片的路徑 width:寬度 height:高度
border:邊框的大小(0代表無邊框)alt:圖片不存在時(shí)，顯示的文字
1.1.4
1.表格標(biāo)簽： 第四課 表格
| 代表列的標(biāo)簽 | 使文字加粗并且居中 解釋： |
|---|---|
| 設(shè)置列的背景色：bgcolor | 設(shè)置行的邊框顏色:bordercolor |