【正文】 以包含文檔的標題、作者、參考信息等內(nèi)容，一般來說；多數(shù)HTML文件只在標頭部分包含了標題信息。HTML文件的擴展名為 .htm或 .html。 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 注釋 在 HTML語言里，可以使用“ !”與“ ”來注釋代碼 html head ! 這個是網(wǎng)頁的標題 title第一個網(wǎng)頁 /title /head body ! 在此可以輸入網(wǎng)頁的內(nèi)容 該網(wǎng)頁的內(nèi)容會在瀏覽器中顯示出來 這是我創(chuàng)建的第一個網(wǎng)頁。 and符號 amp。 169。yen。sup2 179。 176。 163。 美分符號 162。下表里列出了需要轉(zhuǎn)換的字符。將以上代碼修改如下： b粗體 /b＆ nbsp。 (1)空格的處理 現(xiàn)在常用的瀏覽器通常都會忽略 HTML文檔中標簽之外的空格。 如： br (2) 標記名稱屬性 =屬性值 單一型，有設(shè)置值的。由于在 font元素里同時指定了 color 與 size屬性，所以包含在 font color=blue size=7標簽與 /font標簽里的文字既是藍色又是 7號大小的字。 title=this is my html a href= title=this is my html 以上代碼里，第一行標簽里的 title屬性的值為 this is my html，而第二行標簽里的 title 屬性的值為 this。 font color=red (4)如果元素的屬性值中含有空格，必須用“ ”或“ 39。以下代碼是不正確的： fontcolor=red你好 /font 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 元素的屬性 (2)元素與元素屬性之間必須用空格分開，以下代碼是不正確的： fontcolor=red你好 /font (3)元素的屬性值可以用“ ”或“ 39。如，“ b” 標簽的意思是加粗字體，那么只有包含在“ b” 標簽與“ /b” 標簽之間的文字才會被加粗， 在“ B” 標簽與“ /b”標簽之外的文字，不受“ b” 標簽與“ /b” 標簽的影響。 /thanks 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 (3)大多數(shù)標簽都是成對出現(xiàn)的，如上面的“ b” 標簽與“ b” 標簽就是一對標簽，其中“ b” 標簽是開始標簽，“ /b” 標簽是結(jié)束標簽。 HTML元素的屬性在后面介紹。 HTML語言是一種描述文檔結(jié)構(gòu)的語言，可以指定 Web頁的外觀和布局；圖形放在什么地方，文本的外觀如何，單擊某個鏈接跳轉(zhuǎn)到哪些頁面等內(nèi)容。 HTML也不是一成不變的，隨著網(wǎng)絡(luò)技術(shù)的發(fā)展， HTML自身也在發(fā)展，目前 HTML的最高版本是 HTML 。這就是描述語言的力量。 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 什么是 HTML HTML(Hyper Text Markup Language)是超文本標記語言，是用來編寫網(wǎng)頁的語言。網(wǎng)頁也是通過 HTTP協(xié)議來傳遞給瀏覽者的。 Web使用的是 HTTP即超文本傳輸協(xié)議，使用該協(xié)議可以將文檔中的不同部分或不同文檔之間用鏈接建立聯(lián)系，使信息可以用交互的方式進行搜索。 Inter本身可以提供多種網(wǎng)絡(luò)服務(wù)， Web就是其中的一種。 HTML是用來制作網(wǎng)頁的計算機語言，使用該語言可以制作用于瀏覽的網(wǎng)頁和網(wǎng)站。 Web也是一種超文本信息系統(tǒng)，可以從一個位置跳轉(zhuǎn)到另一個位置，即從一個網(wǎng)站跳轉(zhuǎn)到另一個網(wǎng)站。 網(wǎng)頁的表現(xiàn)形式很豐富，可以是文字，也可以是圖片，甚至可以將一些多媒體文件如音頻、視頻等插入到網(wǎng)頁里。雖然目前有很多種用來編寫交互性網(wǎng)站的語言，如 asp、 jsp、 php、 ，但是追根到底，用這些語言編寫出來的程序也是生成一個標準的 HTML網(wǎng)頁來傳遞給瀏覽者觀看。 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 HTML的組成 HTML是標記性語言，是由眾多標簽組成的，例如 “ b你好 /b”這幾個文字，在網(wǎng)頁上只會顯示 “ 你好 ” 兩個字，并且這兩個字將會顯示成為粗體。 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 常用的瀏覽器 4. Firefox瀏覽器 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 第 1部分 (X)HTML語言 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 (X)HTML語言 HTML語言是 Web頁面的基礎(chǔ)，開發(fā)的 Web頁面最終要轉(zhuǎn)換為 HTML語言顯示在客戶端的瀏覽器上。 HTML語言使用描述性的標記符（稱為標簽）來指明文檔的不同內(nèi)容，這些標記用尖括號括起來使用特定的字符表示特定的含義，并且不區(qū)分大小寫。并不是每個元素都會包含屬性，如“ b” 標簽與“ br” 標簽里的元素都是不包含屬性的。結(jié)束標簽里只包含 HTML元素，不包含元素的屬性，并且在元素之前要增加一個“ /” 符號。 (5)HTML語言中的標簽不區(qū)分大小寫，“ b” 標簽與“ b” 標簽是同一個標簽?！薄ㄆ饋?，也可以不用?！崩ㄆ饋怼? 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 元素的屬性 (5)一個標簽里只能包含一個 HTML元素，但是一個標簽里可以包含多個 HTML元素的屬性，多個元素屬性之間用空格隔開。 (6)元素的屬性也是不區(qū)分大小寫，以下幾行代碼的運行結(jié)果是相同的： font color=red font COLOR=red font color=RED 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 元素的屬性 (7)當輸入的屬性不屬于標簽內(nèi)的元素時，瀏覽器將會忽略該屬性，例如以下代碼： 這是一行普通文字 br a href= size=7這是一個超級鏈接 /a 雖然在“ a”元素里指定了“ size”屬性，但是因為“ size”屬性屬于“ font”元素而并不屬于“ a”元素，所以瀏覽器會將該屬性忽略。如 ： hr width=80% (3) 標記名稱 …/ 標記名稱 對稱型，無設(shè)置值。以 IE ，它會把兩個連續(xù)標簽之間的多個連續(xù)空格當作一個空格來顯示，而如果不是連續(xù)標簽之間的多個連續(xù)空格則不顯示，請看以下代碼： 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 b粗體 /b i斜體 /ibr HTML( Hyper Text Markup Language)是超文本標記語言，是用來編寫網(wǎng)頁的語言。 i斜體 /ibr HTML(Hyper Text Markup Language)是超文本標記語言 ， 是用來編寫網(wǎng)頁的語言 。 字 符 轉(zhuǎn)義字符 空格 amp。 162。 174。 度 amp。 立方符號 amp。 167。 版權(quán)符號 169。 amp。 /body /html 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 網(wǎng)頁的基本元素 HTML有 4個基本元素，分別為 html、 head、 title和body，一個完整的 HTML文件應(yīng)該包含這 4個基本元素，下面分別介紹這 4個基本元素的含義和用法。 注意：現(xiàn)在的瀏覽器的糾錯功能實在是太強了，就算HTML文檔里沒有 html元素，它們一樣可以把擴展名為 .htm或 .html的文件當作 HTML文檔來讀取并顯示。 在標頭部分除了可以放置標題、作者、參考信息之外，還可以放置如腳本、文檔樣式等不需要直接在瀏覽器里輸出的所有信息。 title元素 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 body元素 body元素與 head元素是并列關(guān)系，都應(yīng)該放在“ html/html”標簽內(nèi)。文檔中原有的回車和換行均被忽略，分段標記定義一個新段落，換行并插入一個空行。 html head title分段標記和換行標記演示 /title /head body p align=center第 1行演示 /p 第 2行演示 p 第 3行演示 br 第 4行演示 /body /html 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 字體標記 font 屬性 =值 ……/font 使用字體標記 font來設(shè)置文本的字符格式，主要包括字體、字號和的顏色等。 ? size=“字號值” size屬性指定字體的大小（字號），其值從 1~7，默認值為 3。 html headtitle設(shè)置字體 /title/head body 這是默認的字體 br font face=宋體 這是字體名為 宋體 的文字 /font br font face=黑體 這是字體名為 黑體 的文字 /font br font face=仿宋 GB2312這是字體名為 仿宋 GB2312的文字 /font br font face=楷體 GB2312這是字體名為 楷體 GB2312的文字 /font br font face=隸書 這是字體名為 隸書 的文字 /font br font face=華文行楷 這是字體名為 華文行楷 的文字 /font br font face=ArialArial/font br font face=Freestyle ScriptFreestyle Script/font br font face=Harlow Solid ItalicHarlow Solid Italic/font br 下列是一些好玩的字體 :br font face=Wingdings 1Wingdings 1/font br font face=Wingdings 2Wingdings 2/font br font face=Wingdings 3Wingdings 3/font br /body /html 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 【 例 】 使用字體標記來設(shè)置文本的字體、字號和顏色。例如，一種顏色的 RGB代碼為 “ FFC0CB”，這代表是用用強度為 FF(也就是 255)的紅色、強度為 C0的綠色與強度為 CB的藍色混合成的顏色，也就是粉紅色。 align=段落的水平對齊方式 其值如下： ? left: 左對齊（默認值） ? center: 對中 ? right: 右對齊 ? justify: 兩邊對齊 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 【 例 】 各種標題標記大小演示。 html head titlecenter標記演示 /title /head body 下面是 center標記演示 center h1 h1標題演示 /h1 h2 h2標題演示 /h2 h3 align=left h3標題演示 /h3 h4h4標題演示 /h4 h5h5標題演示 /h5 /center h6 h6標題演示 /h6 /body /html 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 塊標記 div 屬性 =值 ……/div 定義文檔塊。 數(shù)學(xué)與計算機科學(xué)技術(shù)學(xué)院 【 例 】 各種水平線的演示。 pre 春 曉 春眠不覺曉，處處聞蹄鳥。 /body /htm