Web页面制作基础课件.pptVIP

2.4製作表格標記屬性功能bgcolor=colorvalue設置行背景顏色。align=alignstyle設置行對齊方式。valign=valignstyle設置單元格垂直對齊方式。行屬性：2.4製作表格單元格屬性：標記屬性功能bgcolor=colorvalue設置單元格背景顏色rowspan=num設置單元格所占的行數colspan=num設置單元格所占的列數align=alignstyle設置對齊方式valign=valignstyle設置單元格垂直對齊方式width=size設置單元格寬度height=size設置單元格高度格式：CAPTION…/CAPTION定義表格說明，通過屬性align設置標題的對齊方式。2.5製作表單2.5.1表單的結構格式：FORM…/FORM定義表單。標記屬性功能action=URL設置處理表單的程式method=postmethod設置發送表單的HTTP方法enctype=contenttype設置發送表單的內容屬性onsubmit=script設置被發送事件target=frametarget設置顯示表單內容的窗口accept-charset=cdata設置可支持的字元列表2.5製作表單2.5.2FORM中常用的標記1．輸入域（1）單行輸入域INPUT1）text類型2）password類型3）radio類型4）checkbox類型5）submit類型6）reset類型7）hidden類型Web頁面製作基礎2.1HTML語言概述2.1.1HTML概述HTML是（HyperTextMarkupLanguage，超文本標記語言）的縮寫，用來表示網上資訊的符號標記語言。HTML最早源於SGML語言.HTML語言內容豐富，從功能上大體可分為：文本結構設置、列表建立、文本屬性制定、超鏈接、圖片和多媒體插入、對象、表格以及窗體的操作。2.1HTML語言概述2.1.2HTML文檔的結構包括HEAD、TITLE、BODY三部分，下麵是基本結構：HTMLHEAD標題部分/HEADBODY正文部分/BODY/HTML2.1HTML語言概述2.1.3HTML標記1．HTML文檔標記格式：HTML…/HTML標誌檔開始和結尾的標記。2．HTML檔頭標記格式：HEAD…/HEAD用於包含檔的基本資訊。3．HTML檔主體標記格式：BODY…/BODY檔主體標記。注意：HEAD與BODY為獨立的兩個部分，不能互相嵌套。2.1HTML語言概述2.1.4常用HTML編輯工具任何一個文檔編輯器都是HTML編輯器。為了減少網頁設計師的工作設計了專用的網頁編輯器，像Dreamweaver、FrontPage、CutePage、QuickSite等，是專門用來製作網頁的，具有所見即所得的功能。所見即所得的概念。本書例題均在FrontPage2000編輯環境中調試並通過。2.2文本的格式與風格2.2.1設置BODY的屬性1．BODY屬性概述background屬性bgcolor屬性bgproperties屬性link，vlink，alink屬性Leftmargin，topmargin屬性Margingwidth，marginheight屬性2．FrontPage2000中的實現2.2文本的格式與風格2.2.2段落格式化1．標題標記格式：H1…/H1，H2…/H2…H6…/H6設置各種大小不同標題的標記。2．段落標記格式：P…/P設置段落標記。3．預定格式標記格式：PRE…/PRE在流覽器中流覽時，按照文檔中預先排好的形式顯示內容。2.2文本的格式與風格4．分區顯示標記格式：DIV…/DIV分區顯示標記。5．詞標記這種標記有兩種：BR和HR格式：BR強制進行換行標記。格式：HR插入水平線標記。6．注釋標記格式：!--注釋內容--注釋標記。2.2文本的格式與風格2.2.4建立列表1．有序列表格式：OLtype=符號類型LItype=”符號類型”…/LILItype=”符號類型”…/LI…/OL功能：建立有序列表。