學習目標,掌握使用html制作列表 掌握使用框架實現多窗口 掌握使用表格對網頁布局,有序列表,使用html制作列表 有序列表 1):格式: 2):編號屬性 type :列表條目類型,值為 1/A/a/i/I start:列表條目起始值,無序列表,無序列表 1):格式: 2):編號屬性 type :列表條目類型,值為: square:方形 disc :實心圓 circle:空心圓,定義列表,定義列表 1):格式: 2):格式說明: dl:定義列表標記 dt:用以標志定義條目 dd:用以標志定義內容,框架,什么是框架 將網頁分成多個窗口,每個窗口由單獨的網頁進行控制,可以實現例如導航,聊天室等效果. 基本語法 說明: 1):采用框架技術控制網頁窗口劃分的網頁不需要標簽，兩者標簽對等 2):cols、 rows是使窗口縱向、橫向排列。有幾個框架就在其后接幾個數字，并分別寫出該框架的行高為多少。當然也可寫百分比來表示框架所占比例（另外，還可以用“*”設定,代表省略的某個數值）,框架,使用框架 縱向排列多個窗口,框架,橫向排列窗口,框架屬性,框架frame屬性 noresize 默認情況下允許改變各窗口大小,可以使用此屬性不允許改變窗口大小 frameborder 可以使用0或者1來控制是否顯示邊框,0表示無邊框 framespacing 可以使用framespacing來控制框架之間的距離 scrolling 可以使用scrolling屬性來控制是否需要顯示滾動條, yes表示一定顯示滾動條,no表示一定不顯示滾動條,auto表示自動根據實際情況來決定是否顯示滾動條 marginheight,marginwidth 可以使用marginheight,marginwidth來控制頁面與框架間的距離,窗口打開位置,窗口打開位置 框架是將網頁分成了多個窗口,所以新打開的鏈接窗口可以控制其打開位置 target屬性 在新窗口打開 在當前窗口打開 在父窗口打開 在整個瀏覽器窗口打開 在指定名稱的框架中打開,浮動框架,什么是浮動框架 浮動框架是在網頁中插入一個框架來顯示另一個網頁,該標記可放置在網頁中任意位置 基本語法 說明:name屬性為框架名稱,主要作為此框架的標志,noframes,一般放在卷標中，表示其中間部分不用框架顯示。 當瀏覽器不支持框架結構時，可以用來在其中間插上body卷標所需顯示的內容，方便用戶使用。 相當于框架結構中的不顯示信息。, 文檔主體內容 ,表格的基本結構,標記的含義 定義表格 .定義標題顯示在表格外,唯一有效，放在中任意位置均可 . 定義表行 . 定義表頭顯示在表格內，等價于粗體顯示中內容，可多項 . 定義列(表格的具體內容),表格的標題,標題的標記 設置標題及水平對齊屬性,由caption屬性控制 語法 . ,表格的屬性設置,表格的對齊：align=left,center,right設置表格的位置 表格大小：width=象素值或百分比height=象素值或百分比 表格的邊框屬性：border=象素值 表格邊框顏色：bordercolor=顏色 表格格間線寬（間距）：cellspacing=象素值 表格內容與格線距離（填充）：cellpadding=象素值 背景顏色：bgcolor=顏色 背景圖片：background=圖片路徑 格內文字的對齊： 水平對齊align 垂直對齊valign=top,middle,bottom（不能用在中，可以用在 、 中 ）,跨多行、多列的表格(1/2),單元格跨越多列： colspan=列數 ,跨多行、多列的表格(2/2),單元格跨越多行： rowspan=行數 ,合并儲存格示例(1/3), ab ab ab 效果圖：,合并儲存格示例(2/3), a ab