資源描述：
《網(wǎng)頁制作技術(shù)教學(xué)課件許莉第3章.ppt》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、本章學(xué)習(xí)目標(biāo)掌握HTML文件的基本結(jié)構(gòu)。掌握HTML文件中常用標(biāo)簽的作用。會用HTML中常見的標(biāo)簽命令編寫簡單的網(wǎng)頁。第3章超文本標(biāo)識語HTMLHtml是英文HyperTextMarkupLanguage的縮寫，中文意思是“超文本標(biāo)記語言”，它是一種專門用于創(chuàng)建web超文本文檔的結(jié)構(gòu)語言，它能告訴Web瀏覽程序如何顯示W(wǎng)eb文檔（即網(wǎng)頁）的信息，如何鏈接各種信息。使用Html語言可以在其生成的文檔中含有其他文檔，或者含有圖像、聲音、視頻等，從而形成超文本、超媒體文檔。Html文件是加入了許多被稱為“標(biāo)簽”的特殊字符串
2、的文本文件，用標(biāo)注文檔或給文檔添加標(biāo)簽，使得文檔可以在Web瀏覽器中顯示。用它編寫的文件(文檔)的擴展名是.html或.htm?？梢允褂酶鞣N文本編輯工具（如記事本、寫字板）來編寫Html文件。HTML文件的結(jié)構(gòu)由“控制語句”和“顯示內(nèi)容”兩部分組成?？刂普Z句描述了顯示內(nèi)容以何種形式展示給使用者，并負責(zé)客戶機與服務(wù)器之間的信息交換?？刂普Z句以“標(biāo)簽”的形式出現(xiàn)。3.1HTML的基本結(jié)構(gòu)在HTML中，所謂標(biāo)簽，指的是對于元素內(nèi)容進行控制的符號，其具體形式是用一對尖括號“＜＞”括起來的字符串。HTML使用標(biāo)簽來告訴Web創(chuàng)
3、瀏覽器如何對文本進行格式化和顯示。如何對網(wǎng)頁元素進行分割和標(biāo)記，以形成文本的布局、文字的格式及五彩繽紛的畫面。3.1.1HTML的標(biāo)簽結(jié)構(gòu)3.1.1HTML的標(biāo)簽結(jié)構(gòu)1．單標(biāo)簽只需單獨使用就能完整地表達意思的標(biāo)記稱為“單標(biāo)簽”，這類標(biāo)記的語法是：<標(biāo)簽名稱>最常用的單標(biāo)簽是
,它表示換行。2．雙標(biāo)簽另一類標(biāo)記稱為“雙標(biāo)簽”，它由“始標(biāo)簽”和“尾標(biāo)簽”兩部分構(gòu)成，必須成對使用，其中始標(biāo)簽告訴Web瀏覽器從此處開始執(zhí)行該標(biāo)記所表示的功能，而尾標(biāo)簽告訴Web瀏覽器在這里結(jié)束該功能。始標(biāo)簽前加一個斜杠（/）即成為尾標(biāo)記
4、。這類標(biāo)記的語法是：<標(biāo)簽>內(nèi)容其中“內(nèi)容”部分就是要被這對標(biāo)記施加作用的部分。例如你想對某段文字以粗體字顯示，就將此段文字放在標(biāo)記中：第一：3.1.1HTML的標(biāo)簽結(jié)構(gòu)3．標(biāo)簽屬性許多單標(biāo)記和雙標(biāo)記的始標(biāo)簽內(nèi)可以包含一些屬性，其語法是：<標(biāo)簽名字屬性名=屬性名對應(yīng)的的選擇值[…]>一個標(biāo)簽可以有多個屬性，各屬性之間無先后次序，屬性也可省略（即取默認值），例如單標(biāo)記
表示在文檔當(dāng)前位置畫一條水平線（horizontalline），一般是從窗口中當(dāng)前行的最左端一直畫到最右端。
5、也可以帶一些屬性，如：其中SIZE屬性定義線的粗細，屬性值取整數(shù)，缺省值為1；ALIGN屬性表示對齊方式，可取LEFT（左對齊，缺省值），CENTER（居中），RIGHT（右對齊）；WIDTH屬性定義線的長度，可取相對值，（由一對雙引號括起來的百分數(shù)，表示相對于充滿整個窗口的百分比），也可取絕對值（用整數(shù)表示的屏幕像素點的個數(shù)，如WIDTH=300），缺省值是"100%"。3.1.1HTML的文件結(jié)構(gòu)和命令分類1.HTML的文件結(jié)構(gòu)一個HTML文檔，通常由
6、兩部分組成：即標(biāo)頭區(qū)（head）和主體區(qū)（body）。標(biāo)頭區(qū)（head）：用于存放該HTML文檔的屬性內(nèi)容，即該頁面的序言，一般情況下，此處都包含有Web頁面的標(biāo)題（Title）；主體區(qū)（body）：定義Web頁面的具體內(nèi)容。3.1.1HTML的文件結(jié)構(gòu)和命令分類一個HTML文檔的基本結(jié)構(gòu)如下例所示：
這里是網(wǎng)頁的標(biāo)題這里是網(wǎng)頁的正文……其中在最外層，表示這對標(biāo)記間的內(nèi)容是HTML文檔。之
7、間包括文檔的頭部信息，如文檔總標(biāo)題等，若不需頭部信息則可省略此標(biāo)記。
標(biāo)記一般不省略，表示正文內(nèi)容的開始。3.1.1HTML的文件結(jié)構(gòu)和命令分類2．常用的HTML標(biāo)簽種類HTML標(biāo)簽的命令種類繁多，常用HTML標(biāo)簽命令可分為以下幾種類型：文件結(jié)構(gòu)命令文字版面編輯命令鏈接命令列表命令表格命令表單命令圖像命令框架命令3．2常用的HTML標(biāo)簽命令3.2.1文件結(jié)構(gòu)命令文件結(jié)構(gòu)命令用來標(biāo)記出HTML文件的結(jié)構(gòu)，常用的文件結(jié)構(gòu)命令有：
<
8、body>3．2常用的HTML標(biāo)簽命令3.2.2文字版面編輯命令文字版面編輯命令用來將HTML文件中的文字以特定的格式顯示。常用的文字版面編輯命令有：標(biāo)題標(biāo)簽：文件段落標(biāo)簽：文字格式控制標(biāo)簽格式化文本標(biāo)簽行中斷標(biāo)簽
文字滾動標(biāo)簽3．2常用的HTML標(biāo)簽命令3.2.2鏈接命令超文本中的鏈接是其最重要的
