【正文】 文本的元素，以形成文本的布局、文字的格式及五彩繽紛的畫面。 ? 標簽通過指定某塊信息為段落或標題等來標識文檔某個部件，屬性是標志里的參數(shù)的選項。 什么是 HTML ? HTML的標簽及屬性 ? 標簽及屬性格式如下： 標簽名字 屬性 1=值 屬性 2=值 屬性3…… 內(nèi)容 /標簽名字 ? 例如，范例中的 font size=” 6” 這是一個HTML范例 /font 什么是 HTML ? HTML的開發(fā)工具 ? HTML的開發(fā)工具極多 ， 只要是文本編輯軟件都可以進行 HTML代碼編寫 ， 如上述范例 ，就是用 Windows自帶的記事本進行 HTML編寫的 ， 簡單實用 ， 國外用 HotDog pro編寫的居多 。 筆者推薦用 UltraEdit進行 HTML的編寫 ， 或者用 FrontPage 2022切換到代碼界面進行編寫 。 文本與項目符號 ? HTML的文本標簽 ? 換行符 ? 在 HTML文本中的換行需要用 br表示，它是個單標簽，沒有屬性，雖然在 br/br，但沒有實際意義。在 html文件中的任何位置只要使用了 br標簽，當文件顯示在瀏覽器中時，該標簽之后的內(nèi)容將顯示下一行。在HTML源代碼里，對回車符是忽略的，所以要想換行就用 br標簽。 文本與項目符號 ? HTML的文本標簽 ? 分段符 ? p標簽所標識的文字，代表同一個段落的文字。不同段落間的間距等于連續(xù)加了兩個換行符，用以區(qū)別文字的不同段落。它可以單獨使用，也可以成對使用。單獨使用時，下一個 p的開始就意味著上一個 p的結(jié)束。良好的習慣是成對使用。 ? 分段符的寫法是 p，它有一個屬性就是 align，有三種取值： left、 center和 right，分別代表居左、居中和居右，默認是居左。此標簽寫法為 p align=” 值” 。 文本與項目符號 ? HTML的文本標簽 ? 文字縮排 ? blockquote標簽可以用來建立一個引文，他特別適合較長文本的引用，引文顯示時將會自動右移，左邊有 2個漢字的空白，加以區(qū)別。如圖 23所示，文本“這里是縮排”自動向右移動兩個漢字的空白，而且縮排可以嵌套，文本“再次縮排”就是嵌套縮排得效果。 文本與項目符號 ? HTML的文本標簽 ? 預(yù)排版文字標簽 pre ? 1:body ? 2:pre ? 3:海納百川 ? 4: 有容乃大 ? 5:HTML預(yù)排版文字格式 ? 6:/pre ? 7:!這是保持預(yù)排版的標簽 ? 8:/body 文本與項目符號 ? HTML的文本標簽 ? 居中對齊標簽 ? 文本在頁面中使用 center標簽進行居中顯示，center是成對標簽，在需要居中的內(nèi)容部分開頭處加 center，結(jié)尾處加 /center。 文本與項目符號 ? HTML的文本標簽 ? 注釋標簽 ? 在 HTML文檔中可以加入相關(guān)的注釋標記，便于查找和記憶有關(guān)的文件內(nèi)容和標識，這些注釋內(nèi)容并不會在瀏覽器中顯示出來。 文本與項目符號 ? HTML的文本標簽 ? 字體的設(shè)置 。 ? font face=” 值 1” size=” 值 2” color=” 值3” 文字 /font ? hn align=參數(shù) 標題內(nèi)容 /hn ? 特定文字樣式標簽 。 如粗體標簽 b… /b、 斜體標簽 i… /i、 下劃線標簽 u… /u。 當然還有一些其他的樣式標簽 ， 這里不做詳細介紹 。 文本與項目符號 ? HTML的文本標簽 ? HTML的特殊符號表示方法 特殊或?qū)Ｓ米址? 字符代碼 特殊或?qū)Ｓ米址? 字符代碼 169。 169。 amp。times。 amp。 amp。 174。 amp。reg。 空格 文本與項目符號 ? HTML的項目列表 ? 1:body ? 2:ol ? 3:li星期一 ? 4:li星期二 ? 5:li星期三 ? 6:li星期四 ? 7:/ol ? 8:/body 文本與項目符號 ? HTML的項目列表 ? ol type=” 編號類型 ” start=” value” 類 型 描 述 type=” 1” 表示列表項目用數(shù)字標號（ 1,2,3… ） type=” A” 表示列表項目用大寫字母標號（ A,B,C...） type=” a” 表示列表項目用小寫字母標號（ a,b,c...） type=” I” 表示列表項目用大寫羅馬數(shù)字標號（ Ⅰ ,Ⅱ ,Ⅲ ...） type=” i” 表示列表項目用小寫羅馬數(shù)字標號（ i,ii,iii...） 文本與項目符號 ? HTML的項目列表 ? li type=” 編號類型 ” ? （ 1） disc實心園 ? （ 2） circle空心園 ? （ 3） square小方塊 文本與項目符號 ? HTML的項目列表 ? 1:body ? 2:ul ? 3:li type=” square” 一月 ? 4:li type=” square” 二月 ? 5:li type=” square” 三月 ? 6:/ul ? 7。body 插入圖片和超鏈接 ? HTML中圖片的插入 ? img src=” ” width=” 150” height=” 120” border=” 0” align=” left” hspace=” 20” vspace=” 2” 插入圖片和超鏈接 ? 標簽 img的屬性 屬 性 描 述 src 圖像的 url的路徑 alt 提示文字 width 寬度 通常只設(shè)為圖片的真實大小以免失真 height 高度 通常只設(shè)為圖片的真實大小以免失真 align 圖像和文字之間的排列屬性 border 邊框，以像素為單位 hspace 水平間距 vlign 垂直間距 插入圖片和超鏈接 ? HTML中背景圖片的使用 ? body background= 插入圖片和超鏈接 ? HTML中的超鏈接 ? a href=資源地址 target=窗口名稱 title=” 提示文字 超鏈接名稱 /a 屬性值 描 述 _parent 在上一級窗口中打開，一般使用分楨的框架頁會經(jīng)常使用 _blank 在新窗口打開 _self 在同一個楨或窗口中打開，這項一般不用設(shè)置 _top 在瀏覽器的整個窗口中打開，忽略任何框架 插入圖片和超鏈接 ? HTML中的超鏈接 ? 鏈接地址 ? URL(Uniform Resourc Locator)中文名字為 “ 統(tǒng)一資源定位器 ” 。 ? 絕對路徑與相對路徑 插入圖片和超鏈接 ? HTML中的超鏈接 ? 超鏈接的應(yīng)用 ? 在站點內(nèi)部建立鏈接 ? 外部連接 ? 電子郵件連接 ? 頁內(nèi)連接 表格的使用 ? 定義表格的基本標簽 標 簽 描 述 table.../table 用于定義一個表格開始和結(jié)束 tr.../tr 定義一行，一組行標簽內(nèi)可以建立多組由 td標簽所定義的單元格 td.../td 定義單元格，一組 td標簽將建立一個單元格，td標簽必須放在 tr標簽內(nèi) 表格的使用 ? 表格標簽及其屬性 table 屬 性 描 述 Width 表格的寬度，可用像素或比分比表示 height 表格的高度，可用像素或百分比表示 align 表格在頁面的水平擺放位置 background 表格的背景圖片 bgcolor 表格的背景顏色 border 表格邊框的寬度（像素為單位），可設(shè)置為 0 bordercolor 表格邊框顏色 bordercolorlight 表格邊框明亮部分的顏色 表格的使用 ? 表格標簽及其屬性 table 屬 性 描 述 bordercolordark 表格邊框昏暗部分的顏色 cellspacing 單元格之間的間距 cellpadding 單元格內(nèi)容與單元格邊界之間的空白距離的大小 表格的使用 ? 表格標簽及其屬性 tr 行的暗邊框顏色 bordercolordark 行的亮邊框顏色 bordercolorlight 行的邊框顏色 bordercolor 行的背景顏色 bgcolor 行內(nèi)容的垂直對齊 valign 行內(nèi)容的水平對齊 align 描 述 屬 性 表格的使用 ? 表格標簽及其屬性 td 單元格邊框顏色 bordercolor 單元格的底色 bgcolor 單元格內(nèi)字畫等的擺放貼 位置（垂直），可選值為： top, middle, bottom valign 單元格內(nèi)字畫等的擺放貼，位置（水平）， align 單元格向下打通的列數(shù) rowspan 單元格向右打通的欄數(shù) colspan 單元格的寬和高，接受絕對值（如 80）及相對值（如 80%）。 width/height 描 述 屬 性 表格的使用 ? 表格標簽及其屬性 td 單元格 背景圖片 background 單元格邊框背光部分的顏色 bordercolordark 描 述 屬 性 單元格邊框向光部分的顏色 bordercolorlight 創(chuàng)建表單 ? HTML中的表單標記 ? form action＝ url method=get|post name=myform target=_blank.../form 創(chuàng)建表單 ? 表單中的輸入標記 一個復(fù)選框 ,checked屬性用來設(shè)置該復(fù)選框缺省時是否被選中 , input type=checkbox checked 普通按鈕，當這個按鈕被點擊時，就會調(diào)用JavaScript事件 input type=button 重置按鈕。 input type=reset 提交到服務(wù)器的按鈕 ,當這個按鈕被點擊時 ,就會連接到表單 form屬性 action指定的 url地址。 input type=submit 單行的文本輸入?yún)^(qū)域 ,size與 maxlength屬性用來定義此種輸入?yún)^(qū)域顯示的尺寸大小與輸入的最大字符數(shù) input type=text size= maxlength= 輸入?yún)^(qū)域類型及說明 type屬性取值 創(chuàng)建表單 單選按鈕類型 ,checked屬性用來設(shè)置該單選框缺省時是否被選中 input type=radio 輸入密碼的區(qū)域 ,當用戶輸入密碼時 ,區(qū)域內(nèi)將會顯示 *號 input type=password 使用圖像來代替 Submit按鈕 ,圖像的源文件名由src屬性指定 ,用戶點擊后 ,表單中的信息和點擊位置的 X、 Y坐標一起傳送給服務(wù)器 input type=image src=url 隱藏區(qū)域 ,用戶不能在其中輸入 ,用來預(yù)設(shè)某些要傳送的信息 input type=hidden 輸入?yún)^(qū)域類型及說明 type屬性取值 ? 表單中的輸入標記 創(chuàng)建表單 ? 表單中的下拉列表框 ? 表單中的多行文本框 JavaScript簡介 ? JavaScript是一種輕型的、解釋性的程序設(shè)計語言，而且具有面向?qū)ο蟮哪芰ΑＴ撜Z言的通用核心已經(jīng)潛入了 Netscape、 Inter Explorer和其他的 Web瀏覽器中，它能使Web程序設(shè)計增色不少。 JavaScript的客戶端版本把可執(zhí)行的內(nèi)容添加到了網(wǎng)頁中，這樣一來，網(wǎng)頁就不是靜態(tài)的 HTML了，而是包含與用戶進行交互的程序、控制瀏覽器的程序以及動態(tài)的創(chuàng)建 HTML內(nèi)容的程序。 JavaScript簡介 ? 對 JavaScript的誤解 ? JavaScript是 Java的一部分 ? 對 JavaScript最常見的誤解是認為它是 Sun Microsystems公司的程序設(shè)計語言 Java的簡化版本，但是除了語句上有一些相似之處以及都能提供網(wǎng)頁中的可執(zhí)行內(nèi)容之外， JavaScript和 Java是完全