實驗課1HTML代碼設(shè)計-May

1、實驗1 HTML代碼設(shè)計基礎(chǔ) 實驗內(nèi)容 1.學(xué)習(xí)并了解HTML的類型、結(jié)構(gòu)和常用標(biāo)識符等基礎(chǔ)知識； 2.練習(xí)使用HTML標(biāo)記的基本語法。 注意：區(qū)分單標(biāo)記格式和雙標(biāo)記格式； 超鏈接和多媒體的加載路徑； 在表格、列表、框架中子標(biāo)記符的使用。 實驗?zāi)康呐c要求 1.學(xué)會使用記事本作為工具編輯網(wǎng)頁； 2. 熟悉使用HTML標(biāo)記的基本語法和文字段落、表格、列表、框架等常用HTML標(biāo)記。 實驗環(huán)境或器材、原理與說明 環(huán)境：Windows自帶記事本文本編輯器； 原理：任意文本編輯器都可以用于編寫網(wǎng)站應(yīng)用程序，最常用的是Windows自帶的記事本。 說明：可自填充。 實驗過程（步驟）或程序代碼：簡單步驟寫出，

2、而后貼上代碼。目 錄4.1 學(xué)習(xí)HTML的意義 4.2 HTML的基本結(jié)構(gòu)4.3 HTML的類型和特點4.4 常用HTML標(biāo)記及其意義4.5 習(xí)題學(xué)習(xí)HTML的意義HTML是網(wǎng)頁制作的基礎(chǔ)，有如下重要意義： 有利于提高網(wǎng)頁編輯效率；eg。CSS層疊樣式表的標(biāo)簽選擇器。 有利于提高網(wǎng)頁制作效率和優(yōu)化網(wǎng)頁代碼； 有利于快速理解和學(xué)習(xí)網(wǎng)頁制作手段和技巧。HTML的基本結(jié)構(gòu) 通過URL（信息所在位置與域名）在網(wǎng)頁上顯示，用于指出某項信息的所在位置及存取方式。 由通信協(xié)議和域名（IP地址）組成。 例如， /TR/html4/loose.dtd 通信協(xié)議域名或IP文件目錄與

3、文件名稱HTML的基本結(jié)構(gòu) 一般，由開始，由結(jié)束，所有代碼都在 和 之間。 和之間的內(nèi)容是HTML文檔的頭部。 和之間內(nèi)容指明文檔標(biāo)題； 和之間內(nèi)容構(gòu)成CSS層疊樣式表。和之間內(nèi)容用于設(shè)定頁面中程序腳本的內(nèi)容。 和之間的內(nèi)容是HTML文檔的主體部分。HTML的基本結(jié)構(gòu)范本 HTML的類型和特點 單標(biāo)記：單”獨使用即可完整表達意思，例 如：換行標(biāo)記 雙標(biāo)記：由”始標(biāo)記”和”尾標(biāo)記”組成，成對使用。二者之間的內(nèi)容即被標(biāo)記施加作用的部分。 始標(biāo)記內(nèi)可包含一些屬性，例如： 常用HTML標(biāo)記及其意義H1-H6 標(biāo)題標(biāo)記，定義了6級；段落標(biāo)記, 換行標(biāo)記. 水平線標(biāo)記;鏈接標(biāo)記；插入圖片標(biāo)記；表格標(biāo)記；表單標(biāo)記；多媒體標(biāo)記；為背景音樂標(biāo)記； 表格標(biāo)記,表格行標(biāo)記，表格列標(biāo)記.常用HTML標(biāo)記及其意義 無序列表標(biāo)記， 有序列表標(biāo)記 子標(biāo)記：列表