新手入門級(jí)HTML教程_免費(fèi)下載.ppt

1、HTML第一講,主講：徐全池,奔狼教程網(wǎng),單元格（用來表示，每個(gè)單元格可以有背景顏色和背景圖片）,表格（用來表示，表格可以有背景顏色、背景圖片）,表格邊框,每一行可以用來表示，單元格放在行中，每行可以有很多的單元格。,表頭（用來表示，表頭是特殊的單元格，其中的文字加進(jìn)去之后默認(rèn)是居中并且加粗）,表格(TABLE)標(biāo)記-1, 元素：定義一個(gè)表格。每一個(gè)表格只有一對(duì)和，一張頁面中可以有多個(gè)表格。 元素：定義表格的行，一個(gè)表格可以有多行，所以對(duì)于一個(gè)表格來說不是唯一的。 元素：定義表格的一個(gè)單元格。每行可以有不同數(shù)量的單元格，在和之間是單元格的具體內(nèi)容。 需要注意的是：上述的三個(gè)元素必須、而且只能夠

2、配對(duì)使用。缺少任何一個(gè)元素，都無法定義出一個(gè)表格。,表格(TABLE)標(biāo)記-2,表格的基本結(jié)構(gòu) 定義表格 定義表頭 定義表行 定義單元格 例：02.htm,表格(TABLE)標(biāo)記-3,表格的屬性 1 width屬性：指定表格或某一個(gè)表格單元格的寬度。單位可以是%或者象素。 height屬性：指定表格或某一個(gè)表格單元格的高度。單位可以是%或者象素。 border屬性：表格邊線粗細(xì) 例03.htm、04.htm、05.htm,表格(TABLE)標(biāo)記-2,表格的屬性 1 4、bgcolor屬性：指定表格或某一個(gè)單元格的背景顏色。 5、background屬性：指定表格或某一個(gè)單元格的背景圖片。其屬性

3、值為一個(gè)URL地址。 例：07.htm,表格(TABLE)標(biāo)記-3,表格的屬性 2 6、bordercolor屬性：指定表格或某一個(gè)單元格的邊框顏色。 例：08.htm 7、Bordercolorlight屬性：亮邊框的顏色 8、Bordercolordark屬性：暗邊框的顏色 例：09.htm,表格(TABLE)標(biāo)記-3,表格的屬性 2 9、align屬性：指定表格或某一個(gè)單元格里的內(nèi)容（文本、圖片等）的對(duì)齊方式。 例：10.htm,表格(TABLE)標(biāo)記-3,表格的屬性 2 10、cellspacing屬性：單元格間距。 例：11.htm 11、cellpadding屬性：單元格邊距。 例

4、：12.htm,表格(TABLE)標(biāo)記-4,單元格屬性 1、valign屬性：指定某一個(gè)單元格里的內(nèi)容（文本、圖片等）的垂直對(duì)齊方式。垂直對(duì)齊方式的屬性值包括： top：頂端對(duì)齊； middle：居中對(duì)齊； bottom：底端對(duì)齊; Baseline：相對(duì)于基線對(duì)齊; 例：13.htm,表格(TABLE)標(biāo)記-5,單元格屬性 2、Colspan：屬性值表示當(dāng)前單元格跨越幾列 例：14.htm 3、Rowspan：屬性值表示當(dāng)前單元格跨越幾行 例：16.htm,表格(TABLE)標(biāo)記-6,行屬性 1、valign屬性：指定某一個(gè)單元格里的內(nèi)容（文本、圖片等）的垂直對(duì)齊方式。垂直對(duì)齊方式的屬性值包

5、 top：頂端對(duì)齊；middle：居中對(duì)齊；bottom：底端對(duì)齊。Baseline：相對(duì)于基線對(duì)齊。,表格(TABLE)標(biāo)記-7,行屬性 2、align屬性：指定表格或某一個(gè)單元格里的內(nèi)容（文本、圖片等）的對(duì)齊方式 3、height屬性：指定表格或某一個(gè)表格單元格的高度。單位可以是%或者象素,表格進(jìn)階,表格的嵌套 在 之間插入表格，實(shí)現(xiàn)表格嵌套 例：17.htm 表格的作用一般只是控制文本和圖像的顯示，而不顯示表格的邊框 例：18.htm,綜合案例,表格的綜合使用 例：19.htm,表單(FORM)標(biāo)記,HTML表單是HTML頁面與瀏覽器端實(shí)現(xiàn)交互的重要手段。利用表單可以收集客戶端提交的有關(guān)

6、信息。 在HTML里，我們可以定義表單，并且使表單與CGI或ASP等服務(wù)器端的表單處理程序配合。我們?cè)诰W(wǎng)頁設(shè)計(jì)課程中不會(huì)涉及程序編制。,表單(FORM)標(biāo)記,表單是網(wǎng)頁上的一個(gè)特定區(qū)域。這個(gè)區(qū)域是由一對(duì)元素定義的。 元素 action屬性：用來定義表單處理程序（一個(gè)ASP、CGI等程序）的位置(相對(duì)地址或絕對(duì)地址)。 Method定義表單結(jié)果從瀏覽器傳送到服務(wù)器的方法，一般有兩種方法：get、post。,表單(FORM)標(biāo)記,表單的基本語法: . * =GET有數(shù)據(jù)量限制，POST無以上限制,以文件形式傳輸 例：22.htm,表單(FORM)標(biāo)記,文本框 ? 文本框的名字 * text,pas

7、sword * 默認(rèn)值 * 長度 ? 最大輸入字符數(shù) 例20.htm,表單(FORM)標(biāo)記,3.文本域 . 例：20.htm,表單(FORM)標(biāo)記,按鈕 包括普通按鈕、重置按鈕和提交按鈕 例：21.htm,表單(FORM)標(biāo)記,5.復(fù)選框(Checkbox) 在一個(gè)表單里的所有多選框可以有一個(gè)或多個(gè)被選中。 例25.htm,表單(FORM)標(biāo)記,6.單選框(RadioButton) 一個(gè)表單里的所有變量名相同的單選框只能夠有一個(gè)被選中。 各個(gè)選項(xiàng)的name必須一樣才能達(dá)到預(yù)期效果 例：26.htm 注意262.htm的寫法是錯(cuò)誤的,表單(FORM)標(biāo)記,7.下拉列表 基本語法 說明 說明2 例：28.htm,表單(FORM)標(biāo)記,7.下拉列表 （2）列表框的長度 （3）允許多選 例：29.htm、30.htm,表單(FORM)標(biāo)記,8.圖象域 例