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