第二章制作簡單的網(wǎng)頁

1、網(wǎng)頁設(shè)計與制作網(wǎng)頁設(shè)計與制作制作簡單的網(wǎng)頁制作簡單的網(wǎng)頁主講人：宋 耕l課題：使用HTML制作簡單的網(wǎng)頁。l目的：通過課程的學(xué)習(xí)，我們將學(xué)習(xí)HTML中的結(jié)構(gòu)標(biāo)記和格式標(biāo)記，了解HTML文件的基本結(jié)構(gòu)，掌握各種標(biāo)記的使用方法，并使用HTML制作完成一個簡單的網(wǎng)頁。制作簡單網(wǎng)頁制作簡單網(wǎng)頁l使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記l使用圖像標(biāo)記、設(shè)定熱點及名稱l超鏈接標(biāo)記l表格標(biāo)記布局網(wǎng)頁1、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記lHTML是編寫網(wǎng)頁的基本核心語言。它通過標(biāo)記將網(wǎng)頁元素組織在一起，標(biāo)記是一對包含的字符，大部分是成對出現(xiàn)。lHTML編寫的文件稱為HTML文檔，HTML文檔擴展名是.html或.

2、htm。1、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記第一個網(wǎng)頁我創(chuàng)建的第一個網(wǎng)頁1、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記表明是一個HMTL文件，指明了文件的開始位置和結(jié)束位置。網(wǎng)頁頭部標(biāo)記。頭部中最常用的的是標(biāo)記，其代表瀏覽器上窗口標(biāo)題欄的信息。標(biāo)記之間的內(nèi)容是在瀏覽器窗口中顯示的內(nèi)容。1、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記標(biāo)記常用的屬性Bgcolor=“顏色”：設(shè)置頁面背景色。Background=“圖像文件的名字及路徑“：設(shè)置背景圖像文件。Text=”顏色“：設(shè)置頁面文字默認(rèn)顏色。色彩表示格式”#RRGGBB“1、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記#

3、取值1-6，1號字體最大，6號字體最小作用：設(shè)置文檔的各級標(biāo)題常用屬性：align，用于定義標(biāo)題的對齊方式。取值為left左對齊，right右對齊，center居中，默認(rèn)為左對齊。1、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記分段與換行標(biāo)記段落標(biāo)記：使段落標(biāo)記的內(nèi)容另起一段常用屬性：align，取值同換行標(biāo)記：使標(biāo)記后面的文字內(nèi)容換行顯示。類似于回車標(biāo)記。1、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記文本對齊標(biāo)記作用：使標(biāo)記間的內(nèi)容以居中方式顯示類似于align=“center”的效果1、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記、使用結(jié)構(gòu)標(biāo)記和格式標(biāo)記水平線標(biāo)記作用：在文檔中插入水平線常用屬性：align，跟前面類似，水平線的對齊方式Color，水平線的