1、HTML第二講,主講：吳濤,專業(yè)鑄造品質(zhì) 知識成就未來-硅谷動力網(wǎng)絡(luò)學(xué)院,硅谷動力網(wǎng)絡(luò)學(xué)院,作者僅授權(quán)硅谷動力網(wǎng)絡(luò)學(xué)院發(fā)表該系列教程,版權(quán)歸作者本人與網(wǎng)絡(luò)學(xué)院擁有.任何個人與網(wǎng)站轉(zhuǎn)載請聯(lián)系,文字標(biāo)簽屬性1,文字屬性標(biāo)記 1.文字顏色 指定顏色 . #=RRGGBB 16 進(jìn)制數(shù)碼 例：01.htm,文字標(biāo)簽屬性2,文字屬性標(biāo)記 2.文字字體 . #=客戶端可獲得的字體 02.htm,文字標(biāo)簽屬性3,文字屬性標(biāo)記 3.文字大小 . #=1, 2, 3, 4, 5, 6, 7 or +#, -# 例：03.htm,文字標(biāo)簽屬性4,文字屬性標(biāo)記 4.文字標(biāo)題 . #=1, 2, 3, 4, 5, 6

2、 例：04.htm,文字布局,行的控制 段(Paragraph) (可以看作是空行) 空白占位符 例：05.htm,文字布局,行的控制 HTML的段落與段落之間有一定的空隔。如果不希望出現(xiàn)空隔而只想換行的話，就要用到另一個元素，即元素。元素可以使所在的位置出現(xiàn)換行。這種換行和瀏覽器的自動換行的效果類似。元素不是成對出現(xiàn)的。 例：06.htm 不換行 07.htm,HTML文字與段落格式控制, 傾斜文本 粗體文本 下劃線文本 刪除線文本 例：08.htm、09.htm、10.htm、11.htm(綜合練習(xí)),基本組成部分HTML注釋,HTML文檔可以插入注釋。注釋內(nèi)容不會在瀏覽器窗口顯示 HTM

3、L注釋的格式為： 例：12.htm,文字的對齊,. (n=1,2,3,4,5,6) . (#=left, center, right) 例：13.htm,文字的分區(qū)顯示, . (#=left, center, right) 例：14.htm,3.HTML段落與分行控制,居中- 元素 元素是一個獨立的使所標(biāo)記的字符居中的元素。它的作用與使用元素里的align=“center”類似 例如：居中段落 15.htm,3.HTML段落與分行控制,標(biāo)尺線 ：設(shè)定線寬 ：設(shè)定線長 ：設(shè)定對齊方式 #=left, right ：設(shè)定線的顏色 例：16.htm,3. HTML的段落與分行控制,無序列表元素1列表

4、在HTML的文檔里有重要的地位,HTML規(guī)定了多種列表元素。列表所起的主要作用是使特定的文本有序化。,3. HTML的段落與分行控制,無序列表元素2 無序列表是由和元素定義的: sports food drink friends 例：17.htm,3. HTML的段落與分行控制,無序列表元素3 無序列表的默認(rèn)符號是圓點。 元素有type屬性，通過定義不同的type屬性可以改變列表的項目符號。目前，type屬性的屬性值有：disc(圓)、circle（圓圈）、square（方塊） 例：18.htm,3. HTML的段落與分行控制,有序列表元素1 有序列表由和定義: sports drink fr

5、iends 例：17.htm,3. HTML的段落與分行控制,有序列表元素2元素也有自己的type屬性，type屬性的屬性值有1、A、a、I、i等。例如，我們以A、B、C作為列表的編號例： 19.htm 元素還可以定義列表的起始編號，如我們希望列表的第一個編號為5，而不是1，則需要定義元素的start屬性 例：20.htm,4.超級鏈接普通超級鏈接1,超級鏈接是整個WWW應(yīng)用的核心和基礎(chǔ)。如果沒有超級鏈接的概念，那么，我們現(xiàn)在所有的WWW的應(yīng)用將不復(fù)存在。所以，對超級鏈接的掌握具有特殊重要的意義。,4.超級鏈接普通超級鏈接2,超級鏈接是用錨元素定義的 在元素下，有元素屬性href,href的屬

6、性值為一個URL地址 如：指向?qū)W院的超級鏈接 如：普通超級鏈接 例：21.htm,4.超級鏈接E-mail超級鏈接,超級鏈接可以指向E-mail地址 如：指向E-mail地址的超級鏈接 例：22.htm,4.超級鏈接新開鏈接窗口,開一個新的(瀏覽器)窗口 (Target Window) . 例：26.htm,4.超級鏈接去除下劃線,去掉超級連接的下劃線：style=“text-decoration: none” 例：25.htm,4.超級鏈接其他超級鏈接,WWW應(yīng)用僅僅是Internet應(yīng)用的一種,Internet還有其他很多應(yīng)用，如：Ftp等。實際上mailto也屬于非WWW應(yīng)用。我們可以類

7、似的創(chuàng)建指向Ftp等的超級鏈接; 指向其他Internet應(yīng)用的超級鏈接不是我們掌握的重點。,4.超級鏈接錨點(書簽) 1, 指向本頁面錨點aa的超級鏈接 例：23.htm 指向23頁面的錨點top的超級鏈接 例：24.htm,練習(xí)：手寫代碼實現(xiàn),鏈接（新開窗口與Email）、背景、文字顏色、字體、換行、頁面標(biāo)題。 練習(xí)：27.htm,HTML對圖片的控制-1,基本語法: 引用圖片必須用元素標(biāo)志。元素下的基本元素屬性是src屬性，src的屬性值為所引用的圖片的URL地址。 src屬性是必須的。Src的URL可以是絕對地址，也可以是相對地址 例：28.htm,HTML對圖片的控制-2,所謂圖片的

8、替代文本，指圖片不能顯示時在圖片所在位置顯示的一段文本或當(dāng)鼠標(biāo)移到圖片上時也會顯示替代文本。 定義圖片替代文本的方法是： 例：28.htm,HTML對圖片的控制-3,圖片的顯示大小 我們可以指定一幅圖片在瀏覽器窗口里的顯示大小。 定義圖片的顯示大小的方法是： width指定圖片的寬度，height指定高度。它們的屬性值可以是象素，也可以是%。 例：29.htm,HTML對圖片的控制-4,圖片的邊框 我們可以為一幅圖片加一個邊框以突出顯示： border的屬性值為象素數(shù) 例：30.htm,HTML對圖片的控制-5,圖片的對齊方式 圖片可以相對于頁面或單元格有一個對齊方式。 定義水平對齊方式的方法

9、是： 例：31.htm,HTML對圖片的控制-6,圖片的對齊方式 定義圖片的垂直對齊方式： 對于圖片的對齊方式不僅是以上幾種，但是以上的幾種是最常用的。 例：32.htm,HTML對圖片的控制-7,定義圖片與左、右的文本之間的間距 圖片在顯示時，與左右的文本之間可以有一定的間距 Hspace(horizontal)定義水平間距； Vspace(vertical)定義垂直間距。單位都是象素數(shù). 例：33.htm,HTML對圖片的控制-8,圖象的超級鏈接 圖象的超級鏈接是指整個圖象的超級鏈接，當(dāng)點擊圖象的任何部分時，都會打開這個超級鏈接。定義默認(rèn)超級鏈接的方法是： 所以，所謂超級鏈接實際上就是用元素標(biāo)志一個圖象的引用; 例：34.htm,HTML對圖片的控制-9,圖象映射 所謂圖象映射是指一個圖片上的不同位置被指定了不同的超級鏈接；點擊圖片的不同位置會打開不同的超級鏈接目標(biāo)。這與前面的默認(rèn)超級鏈把整個圖片作為超級鏈接的元素是很不一樣的。,HTML對圖片的控制-10,圖象映射（只要求理解標(biāo)記含義） 圖象映射由定義。有一個基本屬性是name。N