資源描述：
《網(wǎng)頁(yè)制作基礎(chǔ)語(yǔ)言-HTML》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、網(wǎng)頁(yè)設(shè)計(jì)與制作教程機(jī)械工業(yè)出版社同名教材配套電子教案2011.82.1HTML簡(jiǎn)介2.2HTML文檔的基本結(jié)構(gòu)2.3網(wǎng)頁(yè)文件的創(chuàng)建過(guò)程2.4段落標(biāo)記2.5文字標(biāo)記2.6超鏈接2.7圖片2.8列表2.9表格2.10字幕、音頻和視頻2.11框架（多窗口頁(yè)面）2.12表單第2章網(wǎng)頁(yè)制作基礎(chǔ)語(yǔ)言——HTMLHTML是HypertextMarkupLanguage（超文本標(biāo)記語(yǔ)言）的縮寫(xiě)，是一種為普通文件中某些字句加上標(biāo)識(shí)的語(yǔ)言，其目的在于運(yùn)用標(biāo)記（tag）對(duì)文件達(dá)到預(yù)期的效果。它是構(gòu)成Web頁(yè)面（Page），
2、用來(lái)表示W(wǎng)eb頁(yè)面的符號(hào)標(biāo)記語(yǔ)言。通過(guò)HTML，將所需要表達(dá)的信息按某種規(guī)則寫(xiě)成HTML文件，通過(guò)專用的瀏覽器來(lái)識(shí)別，并將這些HTML文件翻譯成可以識(shí)別的信息，就是所見(jiàn)到的網(wǎng)頁(yè)。HTML語(yǔ)言是建立網(wǎng)頁(yè)的規(guī)范或標(biāo)準(zhǔn)，從它出現(xiàn)發(fā)展到現(xiàn)在，規(guī)范不斷完善，功能越來(lái)越強(qiáng)。但是依然有缺陷和不足，人們?nèi)栽诓粩嗟母倪M(jìn)它，使它更加便于控制和有彈性，以適應(yīng)網(wǎng)絡(luò)上的應(yīng)用需求。2000年，W3C組織公布發(fā)行了XHTML1.0版本。XHTML1.0是一種在HTML4.0基礎(chǔ)上優(yōu)化和改進(jìn)的新語(yǔ)言，目的是基于XML應(yīng)用。XHTML
3、是一種增強(qiáng)了的HTML，它的可擴(kuò)展性和靈活性將適應(yīng)未來(lái)網(wǎng)絡(luò)應(yīng)用更多的需求。2.1HTML簡(jiǎn)介1.標(biāo)記HTML文檔由標(biāo)記和被標(biāo)記的內(nèi)容組成。標(biāo)記（tag）能產(chǎn)生所需的各種效果。格式為：<標(biāo)記>受標(biāo)記影響的內(nèi)容例如，標(biāo)題標(biāo)記
表示為：<title>我的第一個(gè)網(wǎng)頁(yè)2.標(biāo)記的屬性標(biāo)記只是規(guī)定這是什么信息，或是文本，或是圖片，但怎樣顯示或控制這些信息，就需要在標(biāo)記后面加上相關(guān)的屬性來(lái)表示，每個(gè)標(biāo)記有一系列的屬性。格式為：<標(biāo)記屬性1="屬性值1"屬性2="屬性值2"…>受影
4、響的內(nèi)容例如，字體標(biāo)記有屬性size和color等。屬性示例2.2HTML文檔的基本結(jié)構(gòu)2.2.1標(biāo)記及其屬性HTML文檔是一種純文本格式的文件，HTML文檔的基本結(jié)構(gòu)為：
網(wǎng)頁(yè)的標(biāo)題網(wǎng)頁(yè)的內(nèi)容【例2-1】2.2HTML文檔的基本結(jié)構(gòu)2.2.2HTML的基本結(jié)構(gòu)用最簡(jiǎn)單的“記事本”來(lái)編輯網(wǎng)頁(yè)。①打開(kāi)記事本。單擊W
5、indows的“開(kāi)始”按鈕，在“程序”菜單中的“附件”子菜單中單擊“記事本”。②創(chuàng)建新文件，并按HTML語(yǔ)言規(guī)則編輯。在“記事本”窗口中輸入HTML語(yǔ)言，輸入的內(nèi)容。③保存網(wǎng)頁(yè)。打開(kāi)“記事本”的“文件”菜單，選擇“保存”。此時(shí)將出現(xiàn)“另存為”對(duì)話框，在“保存在”下拉列表框中選擇文件要存放的路徑；在“文件名”文本框輸入以.html或.htm為后綴的文件名，如mypage1.html；在“保存類型”下拉列表框中選擇“文本文檔”。最后單擊“保存”按鈕，將記事本中的內(nèi)容保存在磁盤中。如果希望這一頁(yè)是網(wǎng)站的首頁(yè)
6、（主頁(yè)），想讓瀏覽者輸入網(wǎng)址后，就顯示這一頁(yè)的內(nèi)容，可以把這個(gè)文件設(shè)為默認(rèn)文檔，文件名為index.html或index.htm。2.3網(wǎng)頁(yè)文件的創(chuàng)建過(guò)程2.3.1編輯和保存網(wǎng)頁(yè)通過(guò)編輯可以得到一個(gè).html文件，要想使這個(gè)文檔顯示出網(wǎng)頁(yè)的樣子，就要使用瀏覽器進(jìn)行預(yù)覽。有兩種方法可以打開(kāi).html網(wǎng)頁(yè)文件。1.用瀏覽器打開(kāi)網(wǎng)頁(yè)在瀏覽后會(huì)有不滿意的地方，此時(shí)可重新在“記事本”中打開(kāi)該.html文件修改；或者在瀏覽器中直接打開(kāi)源文件（在IE中，從“查看”菜單中的“源文件”中打開(kāi)）。修改后，單擊“文件”菜單
7、中的“保存”命令。如果瀏覽器沒(méi)有關(guān)閉，要在瀏覽器中看到修改后的效果，不必重新打開(kāi)該文件，直接單擊瀏覽器工具欄上的“刷新”按鈕。2.在“Windows資源管理器”或“我的電腦”中打開(kāi)在“Windows資源管理器”或“我的電腦”中雙擊要打開(kāi)的.html文件，這時(shí)將直接在默認(rèn)的瀏覽器中打開(kāi)該.html文件。2.3網(wǎng)頁(yè)文件的創(chuàng)建過(guò)程2.3.2預(yù)覽網(wǎng)頁(yè)注釋標(biāo)記的格式為：注釋并不局限于一行，長(zhǎng)度不受限制。結(jié)束標(biāo)記與開(kāi)始標(biāo)記可以不在一行上。2.4.2強(qiáng)制換行和不換行標(biāo)記
、.
8、..要用HTML的標(biāo)記來(lái)強(qiáng)制換行、分段。
放在一行的末尾，可以使后面的文字、圖片、表格等顯示于下一行，而又不會(huì)在行與行之間留下空行，即強(qiáng)制文本換行。強(qiáng)制換行標(biāo)記的格式為：文字
不換行標(biāo)記可令文字不能因太長(zhǎng)使瀏覽器無(wú)法顯示而換行，它對(duì)住址、數(shù)學(xué)公式、一行數(shù)字等尤其有用。其格式為：文字【例2-2】2.4段落標(biāo)記2.4.1注釋標(biāo)記段落標(biāo)記放在一個(gè)段落的頭尾，用于定義一個(gè)段落。
...<
