【正文】 數學與計算機科學技術學院 b粗體 /b i斜體 /ibr HTML( Hyper Text Markup Language)是超文本標記語言，是用來編寫網頁的語言。雖然目前有很多種用來編寫交互性網站的語言，如 asp、 jsp、 php、 ，但是追根到底，用這些語言編寫出來的程序也是生成一個標準時HTML網頁來傳遞給瀏覽者觀看。 數學與計算機科學技術學院 (2) 如何在網頁中添加空格 如果要在網頁中顯示空格，必須要以“ ”來代替空格。將以上代碼修改如下： b粗體 /b＆ nbsp。 i斜體 /ibr HTML(Hyper Text Markup Language)是超文本標記語言 ， 是用來編寫網頁的語言 。 雖然目前有很多種用來編寫交互性網站的語言 ， 如asp、 jsp、 php、 ， 但是追根到底 ， 用這些語言編寫出來的程序也是生成一個標準時 HTML網頁來傳遞給 瀏覽者觀看 。 數學與計算機科學技術學院 (3)轉義字符 除了空格之外，在 HTML代碼里常用到的“ ”、“ ”、“ ”這 3個符號，在輸出到瀏覽器時都必須要轉換一下才可以使用，這類字符稱之為轉義字符。下表里列出了需要轉換的字符。 字 符 轉義字符 空格 amp。 amp。 數學與計算機科學技術學院 字符 說明 字符實體名 數字表示 無斷行空格 162。 美分符號 162。 162。 163。 英鎊符號 163。 163。 174。 注冊符號 amp。reg。 176。 度 amp。deg 178。 平方符號 amp。sup2 179。 立方符號 amp。sup3 165。 元符號 amp。yen。 167。 節(jié)符號 amp。sect。 169。 版權符號 169。 169。 amp。 and符號 amp。 amp。 小于符號 大于符號 € 歐元符號 amp。euro。 數學與計算機科學技術學院 注釋 在 HTML語言里，可以使用“ !”與“ ”來注釋代碼 html head ! 這個是網頁的標題 title第一個網頁 /title /head body ! 在此可以輸入網頁的內容 該網頁的內容會在瀏覽器中顯示出來 這是我創(chuàng)建的第一個網頁。 /body /html 數學與計算機科學技術學院 網頁的基本元素 HTML有 4個基本元素，分別為 html、 head、 title和body，一個完整的 HTML文件應該包含這 4個基本元素，下面分別介紹這 4個基本元素的含義和用法。 html元素 html元素用于聲明該文檔是一個 html文檔。一個 html文檔的第一行都應該是 html 標簽，標志著 html文檔開始；最后一行應該是 /html結束標簽，標志著 html文檔結束。HTML文件的擴展名為 .htm或 .html。 注意：現在的瀏覽器的糾錯功能實在是太強了，就算HTML文檔里沒有 html元素，它們一樣可以把擴展名為 .htm或 .html的文件當作 HTML文檔來讀取并顯示。 數學與計算機科學技術學院 HTML元素包含兩個部分 : 一部分是標頭部分，用于描述 HTML文檔，不在瀏覽器中直接顯示； 另一部分是正文部分，該部分的內容除標簽與注釋之外，都會在瀏覽器中直接顯示出來。 標頭部分是用“ head/head”標簽標識的部分，正文部分是用“ body/body”標簽標識的部分。 head元素 head元素用于標記 HTML文檔的標頭部分，標頭部分可以包含文檔的標題、作者、參考信息等內容，一般來說；多數HTML文件只在標頭部分包含了標題信息。 在標頭部分除了可以放置標題、作者、參考信息之外，還可以放置如腳本、文檔樣式等不需要直接在瀏覽器里輸出的所有信息。 數學與計算機科學技術學院 title元素用于標記 HTML文檔的標題，其標注內容會在瀏覽器的標題欄里顯示出來。雖然在一個 HTML文檔里，可以省略標題標簽，但是這個標題常用來對文檔進行索引和參考，因此還是建議每個網頁編寫者都不要省略該元素，并且標題越細致越好。 “ title/title”標簽應該放置在“ head/head”標簽內。 title元素 數學與計算機科學技術學院 body元素 body元素與 head元素是并列關系，都應該放在“ html/html”標簽內。 ? “ body/body”標簽不應該放在“ head/head”標簽內，“ head/head”標簽也不應該放在“ body/body”標簽內。 ? body元素包含的是正文部分，當瀏覽器查看 HTML文檔時：也只會顯示正文部分的內容，在以后學到的其他 html元素也都是放在“ body/body”標簽內的。 數學與計算機科學技術學院 第 2章 設置文本格式 數學與計算機科學技術學院 分段標記 p 屬性 =值 …/p 段落是文檔的基本信息單位。文檔中原有的回車和換行均被忽略，分段標記定義一個新段落，換行并插入一個空行。 align=段落的水平對齊方式 其值如下 : left: 左對齊（默認值） center: 對中 right: 右對齊 justify: 兩邊對齊 省略該屬性，則取默認值。 p也可以沒有結束標簽 數學與計算機科學技術學院 換行標記 br 換行標記強行規(guī)定了當前行的中斷，使后續(xù)內容在下一次顯示的。 數學與計算機科學技術學院 【 例 】 分段標記和換行標記的演示。 html head title分段標記和換行標記演示 /title /head body p align=center第 1行演示 /p 第 2行演示 p 第 3行演示 br 第 4行演示 /body /html 數學與計算機科學技術學院 字體標記 font 屬性 =值 ……/font 使用字體標記 font來設置文本的字符格式，主要包括字體、字號和的顏色等。常用屬性如下： ? face=“字體名表” (字體名之間用“ ,”分隔 ) 瀏覽器首先使用字體名表中的第 1種字體來顯示標記內的文本。如果在運行瀏覽器的計算機上沒有安裝第 1種字體，則會嘗試字體名表中的第 2種字體，直至找到匹配字體。如果到達列表結束，仍然找不到匹配字體，瀏覽器將使用默認字體。 ? size=“字號值” size屬性指定字體的大?。ㄗ痔枺渲祻?1~7，默認值為 3。 size值越大，顯示的字號就越大。也可以使用 +或 –號來指定相對字號，相對于基本字體（ basefont）的大小。例如： ? color=“顏色值” 數學與計算機科學技術學院 例 字體大小的設置 html head title 文字大小 /title /head body 這是默認文字大小 br font size=11 號字體大小 /fontbr font size=22 號字體大小 /fontbr font size=33 號字體大小 /fontbr font size=44 號字體大小 /fontbr font size=55 號字體大小 /fontbr font size=66 號字體大小 /fontbr font size=77 號字體大小 /fontbr /body /html 數學與計算機科學技術學院 【 例 】 使用字體標記來設置文本的字體。 html headtitle設置字體 /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 數學與計算機科學技術學院 數學與計算機科學技術學院 【 例 】 使用字體標記來設置文本的字體、字號和顏色。 html head title設置字體、字號和顏色 /title /head body font align=center size=7設置字體、字號和顏色 /font br font face=黑體 , 楷體 GB2312, 仿宋 GB2312 size=5 color=red設置的中文字體 /fontbr font face=Arial,Tahoma,Times New Roman size=6 color=RGB(0,255,0) English FONT Demo. pGood night! 晚安！ /p /font /body /html 數學與計算機科學技術學院 設置文字的顏色 顏色可以有兩種表示方法：顏色名稱與 RGB顏色數值。顏色名稱就是類似于 red、 blue等顏色的英文名。 RGB顏色是由紅色、綠色、藍色的組合來指定的一種顏色，任何一種顏色都可以用 0～ 255之間的一個數值來表示，但必須使用十六進制的數字來表示這些組合。例如，一種顏色的 RGB代碼為 “ FFC0CB”，這代表是用用強度為 FF(也就是 255)的紅色、強度為 C0的綠色與強度為 CB的藍色混合成的顏色，也就是粉紅色。 注意：使用 RGB顏色，必須在十六進制組合前加上 字符。 數學與計算機科學技術學院 幾乎所有瀏覽器都能識別以下 16種預定義的顏色： white (白色 )、 red (紅色 )、 yellow(黃色 )、 blue(藍色 )、 navy(深藍色 )、 green(綠色 )、 lime(