【正文】 2章 超文本標(biāo)記語言HTML4注意 ： “” 和 “” 括起來， “” 與元素名之間 不能有空格或其它字符 。其中，元素 (Element)就是 HTML語言中尖括號之間的標(biāo)記，又叫標(biāo)簽 (Tag)。它 通 過夾 在兩個尖括號之 間 的 標(biāo) 志字符串來控制文本、圖 像的 顯 示方式及加于其上的 動 作。1第第 2章章 超文本標(biāo)記語言超文本標(biāo)記語言 HTML 本章內(nèi)容 第 1節(jié) HTML語言基礎(chǔ)第 2節(jié) HTML文檔首部與文檔體第 3節(jié) 文本的格式化第 4節(jié) 超鏈接和列表第 5節(jié) 圖像和多媒體元素第 6節(jié) 表 格 第 7節(jié) 表 單第 8節(jié) 框 架蘊(yùn)針汕噬弗獻(xiàn)澆彥鳴攝俄災(zāi)情梳酚夫如池必跺椰耪疵慧桿變熬酮琶蛤錫亨第2章 超文本標(biāo)記語言HTML第2章 超文本標(biāo)記語言HTML2一、 HTML概述 HTML即 超文本 標(biāo)識語 言 的 縮 寫 ， 自 1990年 問世后，到目前 為 止已 經(jīng) 到第四版， 現(xiàn) 在的 HTML HTML有天壤之 別 ，它已能在 Web頁 面上隨心所欲地放置 圖 片和文字，在JavaScript， VBScript的 輔 助下 還 具有 動態(tài) 互 動能力。 HTML語 言作 為 一種 “ 標(biāo) 志 ” 語 言 。第 1節(jié)　 HTML語言基礎(chǔ)吟重父唆削絢宦碌隴落盟揖剝策考煮因順棱傈委摘籮斜軋夸撓非草拼罰南第2章 超文本標(biāo)記語言HTML第2章 超文本標(biāo)記語言HTML3 二、 HTML的基本結(jié)構(gòu) HTML的元素與標(biāo)簽 HTML文檔是由元素和內(nèi)容組成的 。 元素分為兩大類：一類用于確定超文本在瀏覽器中顯示的方式；另一類用于確定超文本在瀏覽器中顯示的內(nèi)容。 成對出現(xiàn) 的，在元素名前加符號“/” 便是其結(jié)束標(biāo)記，表示這種元素內(nèi)容的結(jié)束。但在編寫網(wǎng)頁時最好保持元素的大小寫一致，這樣便于辨認(rèn)，有利于減少編制網(wǎng)頁中的錯誤。此時各個元素間的順序也是任意的。 參數(shù) (Parameter)，這些參數(shù)一般精確地確定這種元素的顯示方式，被稱為該元素的屬性 (Properties)。例如： pfont奧林匹克 /p/font將不能正確顯示。例如： pfont face=″方正粗圓簡體 , 方正黑體 ″2022年 7月 13日，北京申奧成功 !/font/p但 HTML標(biāo)記中的一個單詞不能分兩行書寫，如： font color=″000000″ face=″楷體 _GB2312″ 2022年 7月 13日，北京申奧成功！ /font是不正確的。文件的后綴件的類型，然后再確定其打開方式。名就成為文件類型的標(biāo)志。文件。一個優(yōu)秀的網(wǎng)頁應(yīng)該有詳盡的注釋，能讓別示。人看得懂頁面源代碼。網(wǎng)頁制作者常利用。如嵌入到網(wǎng)頁中的腳本，樣式表等。 文檔體用 body和 /body標(biāo)記。齲漿柯炊坊昨殖趁蒙園刀傭銷漳芝碾韭縛旭真帥瞇零夕誦囊去信但繳厘寒第2章 超文本標(biāo)記語言HTML第2章 超文本標(biāo)記語言HTML11網(wǎng)頁標(biāo)題、網(wǎng)頁標(biāo)題 其用法為：其用法為： title網(wǎng)頁的標(biāo)題網(wǎng)頁的標(biāo)題 /title 該元素用于標(biāo)記文檔的標(biāo)題，通常該元素用于標(biāo)記文檔的標(biāo)題，通常title……/title 之間的文字會之間的文字會 顯示在瀏覽顯示在瀏覽器的標(biāo)題欄上器的標(biāo)題欄上 。因。為過長的話，窗口的標(biāo)題欄無法容納。其用法為：索引擎。其用法為：有用?？赡艹霈F(xiàn)的關(guān)系有：互關(guān)系。其等。這些變量將被加建日期、作者或者版權(quán)信息。其用法：中。）指定被搜索引擎作為索引的關(guān)鍵詞。該標(biāo)簽用于向這個文檔提示它所使用的語言。 charset=gb2312 （（ 3）自動刷新頁面）自動刷新頁面該標(biāo)簽?zāi)軌蛞鬄g覽器以設(shè)置的時間為周期自動更新該標(biāo)簽?zāi)軌蛞鬄g覽器以設(shè)置的時間為周期自動更新文檔，文檔，用法：用法： meta equiv=refresh content=seconds。用法：。設(shè)置文件主體。n 屬性：屬性：n background 設(shè)置網(wǎng)頁背景圖像；設(shè)置網(wǎng)頁背景圖像；n bgcolor 設(shè)置網(wǎng)頁背景顏色，默認(rèn)為白色；設(shè)置網(wǎng)頁背景顏色，默認(rèn)為白色；n Text 設(shè)置網(wǎng)頁非可鏈接文字的色彩，默認(rèn)為黑色；設(shè)置網(wǎng)頁非可鏈接文字的色彩，默認(rèn)為黑色；n Link 設(shè)置網(wǎng)頁可鏈接文字的色彩設(shè)置網(wǎng)頁可鏈接文字的色彩 ，默認(rèn)為藍(lán)色；，默認(rèn)為藍(lán)色；第 2節(jié) HTML文檔首部與文檔體蟹陣空花竹唯儡削奶綽局劍龍遙嚇計(jì)抵扛趁茍企仗腕凡涵腿辰扛憎遼爍恢第2章 超文本標(biāo)記語言HTML第2章 超文本標(biāo)記語言HTML16第 2節(jié) HTML文檔首部與文檔體n Alink 設(shè)置網(wǎng)頁正被單擊的可鏈接文字的色彩，默認(rèn)為藍(lán)色設(shè)置網(wǎng)頁正被單擊的可鏈接文字的色彩，默認(rèn)為藍(lán)色n Vlink 設(shè)置網(wǎng)頁已經(jīng)單擊設(shè)置網(wǎng)頁已經(jīng)單擊 (訪問訪問 )過的可鏈接文字的色彩，默過的可鏈接文字的色彩，默認(rèn)為藍(lán)色；認(rèn)為藍(lán)色；n Leftmargin 設(shè)置頁面左邊空白；設(shè)置頁面左邊空白；n Topmargin 設(shè)置頁面上面空白；設(shè)置頁面上面空白；n Color 顏色值，顏色值， 可以是顏色代碼可以是顏色代碼 ，如：，如： RED(紅紅 )、 GREEN（（綠）、綠）、 BLUE（藍(lán)）、（藍(lán)）、 YELLOW（黃）、（黃）、 WHITE（白）、（白）、 BLACK（黑（黑）等。 也可以是也可以是 加加 6位十六進(jìn)制數(shù)位十六進(jìn)制數(shù) ，如，如 000000（黑）、（黑）、0000FF（藍(lán)）、（藍(lán)）、 FFFFFF（白）、（白）、 FF0000（紅）等；（紅）等； 也可是十也可是十進(jìn)制表示進(jìn)制表示 ，如，如 rgb(0,0,0)（黑）、（黑）、 rgb(255,0,0) 紅）等。n Value 空白量，可以是空白量，可以是 數(shù)值數(shù)值 ，也可以是相對頁面窗口寬度和，也可以是相對頁面窗口寬度和 高度的高度的 百分比百分比 。網(wǎng)頁中可以通標(biāo)題是一段文字內(nèi)容的核心，通常用加強(qiáng)的效果來表示。過設(shè)置不同大小的標(biāo)題來增加文章的條理。換行或換段的標(biāo)簽時，才進(jìn)行換行或換段的操作。p…/p 標(biāo)簽不但能使文字換到下一行，還可以使兩標(biāo)簽不但能使文字換到下一行，還可以使兩段之間多一空行。第 3節(jié)　文本的格式化唁巢卒哥去撈瑚奪爐樣妝喚勛查筑冬活喳健曝墮鴦椰蚌棺筒酷壘陵襟慫腺第2章 超文本標(biāo)記語言HTML第2章 超文本標(biāo)記語言HTML20 強(qiáng)制換行標(biāo)簽、強(qiáng)制換行標(biāo)簽 br放在一行的末尾，可以使后面的文字、圖片、表放在一行的末尾，可以使后面的文字、圖片、表格等元素顯示于下一行，而行與行之建不會留下空格等元素顯示于下一行，而行與行之建不會留下空行，即強(qiáng)制文本換行。其用法為： 文字文字 br 第 3節(jié)　文本的格式化蛹度按舅欠洗酵齡窗牌狐唾涼旁梳遭椎災(zāi)兆嬰負(fù)鉗映機(jī)杰我張進(jìn)浦足熟霄第2章 超文本標(biāo)記語言HTML第2章 超文本標(biāo)記語言HTML21 顯示預(yù)排格式、顯示預(yù)排格式 pre 如果希望在瀏覽網(wǎng)頁時，保留在編輯工具中已經(jīng)排好如果希望在瀏覽網(wǎng)頁時，保留在編輯工具中已經(jīng)排好的段落格式，可以使用的段落格式，可以使用 pre標(biāo)簽將預(yù)先排好的格式標(biāo)簽將預(yù)先排好的格式保留下來。顯示預(yù)排格式的標(biāo)簽格式為： pre 預(yù)先排好的格式預(yù)先排好的格式 /pre 文字的對齊、文字的對齊 在頁面中，文本元素對齊的設(shè)置主要使用在頁面中，文本元素對齊的設(shè)置主要使用 align屬性，屬性，除此之外還可以使用除此之外還可以使用 center標(biāo)簽來設(shè)置居中對齊。 （（ 1）） align屬性屬性 它是跟許多元素都有關(guān)的屬性它是跟許多元素都有關(guān)的屬性 第 3節(jié)　文本的格式化僵斧乞我何二孔潭腫福閱鎢育澳錢救冕徐妝客腋菏咐琵議熄情做節(jié)缸遺宅第2章 超文本標(biāo)記語言HTML第2章 超文本標(biāo)記語言HTML22（（ 2）） center 該元素確定位于它之間的對象定位于頁面的中央，其該元素確定位于它之間的對象定位于頁面的中央，其用法為：用法為： center文本內(nèi)容文本內(nèi)容 /center 水平線 hr 用法為：hr align=”對齊方式 ” width=”橫線長度 ” noshade size=”橫線粗細(xì) ” color=”橫線顏色 ” 第 3節(jié)　文本的格式化寸擬熙宏鋒哆悼空粒捻凈雁筍妹朱韌棘妓旭耕寧羽瓤選皋殿噎物皂遵餾釁第2章 超文本標(biāo)記語言HTML第2章 超文本標(biāo)記語言HTML23屬性：width標(biāo)尺線長度， value1可以是點(diǎn)數(shù)，如 50、 100、 200等，窗口改變時，橫線寬度不變，也可以是相對窗口的百分比，如 50%、 100%，默認(rèn)是 100%；size標(biāo)尺線的高度， value2的值可以是絕對點(diǎn)數(shù)，也可以是（相對長度的）百分比，默認(rèn)高度為 1；align在頁面中的水平位置， value3的值可以是 left（居左）、 right（居右）、 center（居中），默認(rèn)是居中；color標(biāo)尺線的顏色， color1為 加 6位十六進(jìn)制 RGB 數(shù)碼或者是下列預(yù)定義色彩，如 Black、 red、 white等。 .第 3節(jié)　文本的格式化之癥綏底傅孽品蜀玉眼桔亂戴糕衫俘鐵徑鷹常捌思象粗屎熱豬戳松予攀陣第2章 超文本標(biāo)記語言HTML第2章 超文本標(biāo)記語言HTML24 三、正文文字三、正文文字 網(wǎng)頁中的文字可以設(shè)置為不同網(wǎng)頁中的文字可以設(shè)置為不同 大小、字體、字形、顏色大小、字體、字形、顏色 。其用法為：標(biāo)簽來設(shè)置?；鶞?zhǔn)字號用如下標(biāo)記定義：號字。來設(shè)置文字的字體，如黑體、宋體、隸書等。利用它可以設(shè)定網(wǎng)頁、段來設(shè)置文字顏色。落、文字等的顏色。示。表示。因此，在使用字體時，應(yīng)盡量使用一般操作系統(tǒng)都會安裝的宋體、黑體、楷體字。basefont標(biāo)記 font標(biāo)記的作用范圍為選定的文本，但 basefont標(biāo)記的作用范圍為body標(biāo)記之間的全部文本。第 3節(jié)　文本的格式化幣囤由逐項(xiàng)蛆氈頭休泵惕蚌選鋪稻米馬購誦碩奸僧副佬剔拄樂痘墓向有送第2章 超文本標(biāo)記語言HTML第2章 超文本標(biāo)記語言HTML274. 設(shè)置字形設(shè)置字形 字形就是文字的風(fēng)格，如粗體、斜體、下劃線、