【正文】 HTML/XHTML介紹 Tel:057188394222 。106159278 目標(biāo) ? Html與 xhtml ? 開(kāi)發(fā)工具 ? Html的基本元素 ? Html的實(shí)體 ? 框架 ? Table ? Div ? input Tel:057188394222 。106159278 編輯工具 ? Dreamwaver（推薦） Macromedia出品的一個(gè)非常好用的網(wǎng)頁(yè)編輯器，對(duì) Html、 Css、Javascript、 JSP…… 都有很好的支持。生成的代碼質(zhì)量很高，也比較好用。 ? FrontPage Microsoft Office的一部分。非常好用，生成的代碼質(zhì)量一般。 ? Office Word 可以把 Word文檔存儲(chǔ)成 Html格式，非專業(yè)使用，很方便。 ? UltraEdit 著名的文本編輯器，對(duì) HTML有一定的語(yǔ)法支持。 ? 記事本 Windows自帶的最簡(jiǎn)單的文本編輯器，對(duì)頁(yè)面做簡(jiǎn)單修改和維護(hù)的時(shí)候使用。 Tel:057188394222 。106159278 服務(wù)器運(yùn)行環(huán)境 ? ISS、 Apache、 Tomcat ? Tomcat Apache組織出品的一個(gè)開(kāi)源 Application服務(wù)器，其基于 Apache服務(wù)器之上（支持 Html的發(fā)布），同時(shí)對(duì) JSP和 Servlet都有所支持。 Tel:057188394222 。106159278 客戶端運(yùn)行環(huán)境 ? IE 微軟出品的瀏覽器，目前是用的最廣泛的瀏覽器。 ? Netscape Netscape公司出產(chǎn)的瀏覽器，國(guó)外用的還比較多，國(guó)內(nèi)很少有人用。 ? Mozilla Netscape被微軟的 IE打敗后，開(kāi)源組織接手Netscape的代碼，改寫后就有了開(kāi)源的 Mozilla瀏覽器，目前在開(kāi)源社區(qū)有一些使用。 ? FireFox Mozilla的龐大功能體系使它的市場(chǎng)并不被看好，F(xiàn)ireFox是 Mozilla發(fā)展到后來(lái)演變出來(lái)的一個(gè)變種，目前很流行。 Tel:057188394222 。106159278 HTML和 WWW ? Inter、 IP、 DNS、 URL ? HTTP協(xié)議， HTML ? 服務(wù)器，客戶端，瀏覽器 (IE， FF， Opera..) ? W3C(World Wide Web Consortium ):制定規(guī)范的組織 .HTML/HTTP/CSS/XHTML Tel:057188394222 。106159278 HTML概述 ? 超文本置標(biāo)語(yǔ)言 HTML（ HyperText Markup Language）是 SGML（ Standard Generalized Markup Language）語(yǔ)言的一個(gè)應(yīng)用，是 WWW“世界”的通用“語(yǔ)言”。 WWW“世界”諸服務(wù)器與瀏覽器之間通過(guò)它互相溝通。 WWW“世界”中的信息可以通過(guò)它來(lái)“表現(xiàn)”。沒(méi)有 HTML就沒(méi)有 WWW“世界” 。 ? HTML 不是程序設(shè)計(jì)語(yǔ)言，而是一種結(jié)構(gòu)語(yǔ)言。 ? HTML 與平臺(tái)無(wú)關(guān)，只要是相同的瀏覽器。 Tel:057188394222 。106159278 ? HTML有許多元素，文檔通過(guò)元素置標(biāo)就形成了所謂的 HTML文檔。 ? HTML 也是文本文件，所以可以用純文本編輯器來(lái)編輯（如 Windows 的記事本、寫字板 ) ? 其后綴名必須是 .html 或 .htm ? 只有通過(guò)瀏覽器才可以對(duì) HTML文檔進(jìn)行相應(yīng)的解釋。 Tel:057188394222 。106159278 ? HTML的基本語(yǔ)法 HTML 的主要語(yǔ)法是標(biāo)記、標(biāo)記屬性和內(nèi)容注釋。 ? 標(biāo)記 — 用于描述功能的符號(hào)。如： TITLE 一個(gè) HTML實(shí)例 /TITLE ? 標(biāo)記屬性 — HTML語(yǔ)言的的標(biāo)記具有一定的屬性。如： BODY background=“c:\” ? 內(nèi)容注釋 — 基本格式： ! 注釋內(nèi)容 Tel:057188394222 。106159278 ? HTML文檔的基本架構(gòu) HTML HEAD TITLE 網(wǎng)頁(yè)的標(biāo)題 /TITLE / HEAD BODY 網(wǎng)頁(yè)的內(nèi)容，很多標(biāo)記都作用于此。 / BODY /HTML Tel:057188394222 。106159278 ? 特點(diǎn)解說(shuō) ： ? 整份文件處于標(biāo)記 HTML與 /HTML之間。 HTML用以聲明這是 HTML 文件，讓瀏覽器認(rèn)出并正確處理此 HTML 文件。 ? 文件分兩部分，由 HEAD至 /HEAD稱為 開(kāi)頭 ， BODY至 /BODY稱 本文 。基本上兩者各有適用的標(biāo)記，如 TITLE只可出現(xiàn)于開(kāi)頭部分。 ? 開(kāi)頭部分用以存載重要信息，而只有本文部分會(huì)被顯示。所以大部分標(biāo)記會(huì)運(yùn)用于本文部分。 ? TITLE所標(biāo)示的是文件的標(biāo)題。會(huì)出現(xiàn)于瀏覽器頂部及為別人 Bookmark 時(shí)的名稱，所以每頁(yè)有不同而明確的標(biāo)題是需要的。 Tel:057188394222 。106159278 HTML基礎(chǔ) ? HTML是： Hypertext Marked Language，即超文本標(biāo)記語(yǔ)言 ,是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。 (富文本標(biāo)記語(yǔ)言 ) ? 所謂超文本，是因?yàn)樗梢约尤雸D片、聲音、動(dòng)畫、影視等內(nèi)容，事實(shí)上每一個(gè) HTML文檔都是一種靜態(tài)的網(wǎng)頁(yè)文件，這個(gè)文件里面包含了 HTML指令代碼，這些指令代碼并不是一種程序語(yǔ)言，它只是一種排版網(wǎng)頁(yè)中資料顯示位置的標(biāo)記結(jié)構(gòu)語(yǔ)言，易學(xué)易懂，非常簡(jiǎn)單。 ? HTML文件是一個(gè)包含標(biāo)記的文本文件。 ? 這些標(biāo)記保速瀏覽器怎樣顯示這個(gè)頁(yè)面。 ? HTML文件必須有 htm或者 html擴(kuò)展名。 ? HTML文件可以用一個(gè)簡(jiǎn)單的文本編輯器創(chuàng)建。 Tel:057188394222 。106159278 HTML 元素 ? HTML 標(biāo)簽用來(lái)標(biāo)記元素 ? 標(biāo)簽里面可以帶元素及其屬性 ? HTML 標(biāo)簽由 組成 ? 除了空標(biāo)簽，其它 HTML標(biāo)簽應(yīng)該成對(duì)出現(xiàn) ? 元素由起始標(biāo)簽和結(jié)束標(biāo)簽 ? 起始和結(jié)束標(biāo)簽的文本稱為元素內(nèi)容 ? HTML的標(biāo)簽都是大小寫無(wú)關(guān)的 ,b means the same as B ? 例 : ? html head titleTitle of page/title /head body ? Xthml ? This is my first homepage. bThis text is bold/b /body /html Tel:057188394222 。106159278 標(biāo)簽、屬性 標(biāo)簽屬性 標(biāo)簽可以擁有屬性。屬性能夠?yàn)轫?yè)面上的HTML元素提供附加信息。 例 :body bgcolor=red“ Tel:057188394222 。106159278 HTML文檔的結(jié)構(gòu) HTML HEAD TITLE 一個(gè)簡(jiǎn)單的 HTML示例 /TITLE /HEAD BODY CENTER H1歡迎光臨我的主頁(yè) /H1 BR