HTML文檔的結(jié)構(gòu)課件_第1頁
HTML文檔的結(jié)構(gòu)課件_第2頁
HTML文檔的結(jié)構(gòu)課件_第3頁
HTML文檔的結(jié)構(gòu)課件_第4頁
HTML文檔的結(jié)構(gòu)課件_第5頁
已閱讀5頁，還剩67頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

第四章HTML第四章HTML回顧1-1表單有什么用？表單<FORM>有哪些屬性？文本框分為哪三種？各有什么特點？希望昵稱文本框不超過10個字符，應(yīng)使用哪個屬性加以限制？單選按鈕和復(fù)選框有什么區(qū)別？2回顧1-1表單有什么用？表單<FORM>有哪些屬性？2回顧1-2按鈕分為哪三種？各有什么功能？根據(jù)您的理解，下拉菜單的選項和值有什么區(qū)別？常見的有哪些事件？哪些行為？3回顧1-2按鈕分為哪三種？各有什么功能？3目標(biāo)描述HTML文檔的結(jié)構(gòu)使用基本的HTML標(biāo)簽在HTML文檔中插入特殊字符在HTML文檔中創(chuàng)建超級鏈接4目標(biāo)描述HTML文檔的結(jié)構(gòu)4HTML簡介超文本提供鏈接到其他頁面或同一頁面的其他位置的文本標(biāo)記可以用標(biāo)簽標(biāo)記頁面的不同部分以正確顯示語言HTML可用于：控制頁面和內(nèi)容的外觀發(fā)布和檢索聯(lián)機文檔創(chuàng)建聯(lián)機表單插入諸如音頻剪輯和視頻剪輯等對象5HTML簡介超文本提供鏈接到其他頁面或同一頁面的其他位置的HTML文檔示例<HTML><HEAD><TITLE>學(xué)習(xí)HTML</TITLE></HEAD><BODYBGCOLOR=“LAVENDER”><H1>歡迎來到HTML世界</H1></BODY></HTML>HTML代碼瀏覽器處理代碼并進(jìn)行顯示6HTML文檔示例<HTML>HTML代碼瀏覽器處理代碼并編輯器和瀏覽器<HTML><HEAD><TITLE>學(xué)習(xí)HTML</TITLE></HEAD><BODYBGCOLOR=“LAVENDER”><H1>歡迎來到HTML世界</H1></BODY></HTML>HTML代碼在編輯器中編寫HTML代碼瀏覽器顯示HTML文檔/頁面7編輯器和瀏覽器<HTML>HTML代碼在編輯器中編寫HT編輯器2-2需要在編輯器中鍵入源代碼示例：DreamWeaverMacromediaDreamweaver

是一種專業(yè)的HTML編輯器，用于設(shè)計、編碼、開發(fā)網(wǎng)站、網(wǎng)頁和強大的Web

應(yīng)用程序。8編輯器2-2需要在編輯器中鍵入源代碼示例：DreamWeaHTML文檔結(jié)構(gòu)<HTML><HEAD><TITLE>學(xué)習(xí)HTML

</TITLE></HEAD><BODY></H1>

歡迎來到HTML世界</H1></BODY></HTML>HTML網(wǎng)頁頭部部分主體部分<HTML>…</HTML>標(biāo)簽標(biāo)記HTML文檔的開始和結(jié)束這部分包括標(biāo)題和其他說明信息。包括在<HEAD>…</HEAD>標(biāo)簽內(nèi)這部分包含文本、圖像和鏈接。它包括在<BODY>…</BODY>標(biāo)簽內(nèi)9HTML文檔結(jié)構(gòu)<HTML>HTML網(wǎng)頁頭部部分主體部分<HTML><HEAD><TITLE>學(xué)習(xí)HTML</TITLE></HEAD><BODYBGCOLOR=lavender><H1>歡迎來到HTML世界</H1></BODY></HTML>HTML標(biāo)簽2-2<BODY

BGCOLOR

=“green”>標(biāo)簽標(biāo)識BODY元素屬性提供有關(guān)元素的附加信息值分配給屬性的內(nèi)容10<HTML>HTML標(biāo)簽2-2<BODYBGCOLORMETA標(biāo)簽2-1META標(biāo)簽是一個特殊的HTML標(biāo)簽，提供有關(guān)網(wǎng)頁的信息，如作者姓名、公司名稱和聯(lián)系信息等許多搜索引擎都使用META標(biāo)簽信息例如，要將GrahamBrowne指定為作者，則使用以下META標(biāo)簽：<METAname=“作者"content="GrahamBrowne">11META標(biāo)簽2-1META標(biāo)簽是一個特殊的HTMLMETA標(biāo)簽2-2http-equiv屬性可用來代替META標(biāo)簽中的name屬性<METAhttp-equiv="expires"content="Wed,26Feb1997GMT">表示有效期：格林尼治標(biāo)準(zhǔn)時間2005年9月12日，星期一14:25:27屬性值：具體的過期時間屬性名稱：網(wǎng)頁過期<METAhttp-equiv="refresh"content=“2">

表示每隔2秒，自動刷新網(wǎng)頁演示：自動刷新的例子12META標(biāo)簽2-2http-equiv屬性可用來代替HTML基本元素標(biāo)題段落換行符預(yù)先格式化字符格式化列表水平線字體圖像特殊字符超級鏈接13HTML基本元素標(biāo)題13標(biāo)題<HTML><HEAD><TITLE>動物世界</TITLE></HEAD>

<BODY><H1>從大自然獲得靈感</H1><H2>從大自然獲得靈感</H2><H3>從大自然獲得靈感</H3><H4>從大自然獲得靈感</H4><H5>從大自然獲得靈感</H5><H6>從大自然獲得靈感</H6></BODY></HTML>H1到H6標(biāo)簽用于指定不同級別的標(biāo)題14標(biāo)題<HTML>H1到H6標(biāo)簽用于指定不同級別的標(biāo)題1段落標(biāo)簽<HTML><HEAD><TITLE>詩詞學(xué)習(xí)</TITLE></HEAD><BODY><P>我是第一段</P><P>我是第二段</P><Palign="left">左對齊顯示<P><Palign="center">居中顯示<P><Palign="right">右對齊顯示<P></BODY></HTML><P></P><P>…</P>標(biāo)簽用于標(biāo)記段落15段落標(biāo)簽<HTML><P></P><P>…</P>標(biāo)簽用于換行符只要在文本中放入<BR>標(biāo)簽，就會強制換行<HTML><HEAD><TITLE>詩詞學(xué)習(xí)</TITLE></HEAD><BODY><BR>我是第一行<BR>我是第二行<P>我是第一段</P><P>我是第二段</P></BODY></HTML><BR>16換行符只要在文本中放入<BR>標(biāo)簽，就會強制換行<HT<Pre>標(biāo)簽<HTML><HEAD><TITLE>詩詞學(xué)習(xí)</TITLE></HEAD><BODY><H1>靜夜思</H1><PRE> 床前明月光疑是地上霜

舉頭望明月低頭思故鄉(xiāng)</PRE></BODY><HTML<PRE>標(biāo)簽用于顯示具有預(yù)先定義格式的文本（如HTML文檔中所示）17<Pre>標(biāo)簽<HTML><PRE>標(biāo)簽用于顯示具有預(yù)先<HTML><HEAD><TITLE>學(xué)習(xí)HTML</TITLE></HEAD><BODY><P><B>這很有趣</B><BR><BR><I>足球是最令人喜愛的運動之一。</I><BR><BR><U>信息技術(shù)是發(fā)展的關(guān)鍵。</U><BR><BR>

水的分子式是H<SUB>2</SUB>O。<BR><BR>

3<SUP>2</SUP>等于9。

<BR><BR></P></BODY></HTML>字符格式化標(biāo)簽此標(biāo)簽用于對文本應(yīng)用各種格式，如粗體、斜體、下劃線、下標(biāo)、上標(biāo)等18<HTML>字符格式化標(biāo)簽此標(biāo)簽用于對文本應(yīng)用各種格式，如粗列表簡介列表用于按邏輯方式對數(shù)據(jù)分組

玫瑰花向日葵蘭花蘋果桔子水仙芒果水果蘋果

芒果桔子花卉水仙蘭花向日葵玫瑰花19列表簡介列表用于按邏輯方式對數(shù)據(jù)分組玫瑰花向日葵蘭花蘋果桔子列表類型：無序列表

…<BODY><H1>星期中的每一天</H1><UL> <LI>星期日<LI>星期一<LI>星期二<LI>星期三<LI>星期四<LI>星期五<LI>星期六</UL></BODY>…無序列表也稱為“項目列表”20列表類型：無序列表…無序列表也稱為“項目列表”20…<BODY><H1>星期中的每一天</H1><OL> <LI>星期日<LI>星期一<LI>星期二<LI>星期三<LI>星期四<LI>星期五<LI>星期六</OL></BODY>…列表類型：有序列表

有序列表的屬性<LITYPE=I><LITYPE=i><LITYPE=A><LITYPE=a><OLSTART=n>在有序列表中，列表項以自動生成的順序顯示21…列表類型：有序列表有序列表的屬性<LITYPE=I使用水平線<HTML><HEAD><TITLE>動物世界</TITLE></HEAD><BODY><H3>老虎的夜間視覺</H3><HRnoshadesize=5align=centerwidth=50%><HRsize=15align=leftwidth=80%><HR><P>老虎的夜視能力優(yōu)于人類的夜視能力五倍以上</BODY></HTML><HR>標(biāo)簽屬性alignWidthSizeNoshade<HR>標(biāo)簽用于在頁面上繪制水平線22使用水平線<HTML><HR>標(biāo)簽屬性alignWidt使用字體和屬性<HTML><HEAD><TITLE>動物世界</TITLE></HEAD><BODY><H1>了解有關(guān)動物的更多信息</H1><P><FONTSIZE=5COLOR=BLUEFACE=Arial>斑馬的特性</FONT><P>沒有任何兩匹斑馬<FONTCOLOR=REDSIZE=3>的斑紋是完全一樣的，</FONT>因此每匹斑馬都是獨一無二的

</BODY></HTML><FONTSIZE

=5

COLOR

=BLUE

FACE

=Arial>可以按名稱或十六進(jìn)制值指定顏色可以為字體指定的大小范圍為從1到7可以指定一列字體，各字體間用逗號分隔。瀏覽器以最先找到的字體顯示文本<FONT>元素及其相關(guān)屬性（如SIZE、COLOR和FACE）可用于控制網(wǎng)頁上文本的顯示23使用字體和屬性<HTML><FONTSIZE=5CO<IMG>標(biāo)簽用于在HTML文檔中插入圖像。<IMG>標(biāo)簽的兩個常用屬性是SRC和ALIGN。SRC屬性用于指定要插入的圖像位置。ALIGN屬性用于指定圖像相對于文本的對齊方式。插入圖像2-124<IMG>標(biāo)簽用于在HTML文檔中插入圖像。<IMG>插入圖像2-2<HTML><HEAD><TITLE>動物世界</TITLE></HEAD><H1><FONTSIZE=3COLOR=FORESTGREEN><B>讓我們看看這些可愛的動物</B></FONT></H1><BODY><P>

<IMGALIGN=BOTTOMSRC=Animal.jpg>底部對齊</P><P><IMGALIGN=TOPSRC=Animal.jpg>頂部對齊</P><P><IMGALIGN=MIDDLESRC=Animal.jpg>居中對齊</P></BODY></HTML>25插入圖像2-2<HTML><HEAD>25插入特殊字符2-1某些字符在HTML中具有特殊意義，如小于號(<)定義HTML標(biāo)簽的開始字符實體用于在HTML文檔中插入特殊字符，如版權(quán)號，注冊商標(biāo)等插入特殊字符需要用HTML字符實體>??

空格；26插入特殊字符2-1某些字符在HTML中具有特殊意義，如插入特殊字符2-2特殊字符字符實體大于號(>)>小于號(<)< 引號(“)"?®?

©&號& 27插入特殊字符2-2特殊字符字符實體大于號(>)>創(chuàng)建超級鏈接<HTML><HEAD><TITLE>了解鳥類</TITLE></HEAD><BODY><H1>會彈琴的狗狗</H1><AHREF=dog.htm>單擊此處查看</A></BODY></HTML>28創(chuàng)建超級鏈接<HTML>28要鏈接到另一目錄(C:\example)下的頁面，可編寫<AHREF=“..\example\Doc2.htm”>或

<AHREF=“C:\example\Doc2.htm”>要鏈接到同一目錄(C:\html)下的頁面，可編寫<AHREF=“Doc3.htm”>或<AHREF=“C:\html\Doc3.htm”>C:\html目錄C:\example目錄絕對和相對路徑名Doc1.htmDoc3.htmDoc2.htmDoc4.htm絕對路徑名相對路徑名29要鏈接到另一目錄(C:\example)下的頁面，可編寫鏈接到同一文檔的某個部分2-1錨記標(biāo)簽用于使用戶“跳”到文檔的某個部分HTML的NAME

屬性用于創(chuàng)建錨標(biāo)記

為達(dá)到這種跳轉(zhuǎn)效果，請在HREF參數(shù)中使用該標(biāo)記<ANAME=“marker”>主題名稱</A><AHREF=“#marker”>主題名稱</A>30鏈接到同一文檔的某個部分2-1錨記標(biāo)簽用于使用戶“跳”到文檔鏈接到同一文檔的各個部分2-2...<BODY><AHREF=#Lion>獅子</A><BR><AHREF=#Zebra>斑馬</A><BR><AHREF=#Cheetah>印度豹</A><BR><ANAME=Lion>獅子</A><P>獅子的吼聲從八公里之外就能聽到！雄獅（很容易從鬃毛識別出雌雄）的重量達(dá)250公斤。而雌獅則要輕得多，只有180公斤。<BR><ANAME=Zebra>斑馬</A><P>沒有任何兩匹斑馬的斑紋完全一樣，因此每匹斑馬都是獨一無二的。斑馬也稱為黑白條紋相間的馬......演示:錨鏈接例子31鏈接到同一文檔的各個部分2-2...演示:錨鏈接例子31鏈接到其他文檔的特定位置…<P>讓我們深入了解一些動物<BR><AHREF=AnimalDetails.htm#Lion>獅子</A><BR><AHREF=AnimalDetails.htm#Zebra>斑馬</A><BR><AHREF=AnimalDetails.htm#Zebra>印度豹</A>…Animals.htm…<ANAME=Lion>獅子</A><P>獅子的吼聲從八公里之外就能聽到！雄獅（很容易從鬃毛識別出雌雄）的重量達(dá)250公斤。而雌獅則要輕得多，只有180公斤。

…Animaldetails.htm32鏈接到其他文檔的特定位置…Animals.htm…Anima電子郵件鏈接用戶可從網(wǎng)頁發(fā)送電子郵件<HTML><HEAD><TITLE>海豚</TITLE></HEAD><BODY><H3>充分交流，密切配合</H3><BR><P>據(jù)說，海豚的交流模式幾乎與人類的一樣復(fù)雜！<BR><BR><AHREF="mailto:thisperson@">請將您的疑問發(fā)送至DavidFernandez</A></BODY></HTML>33電子郵件鏈接用戶可從網(wǎng)頁發(fā)送電子郵件<HTML>33總結(jié)2-1HTML標(biāo)簽一般配對使用，不區(qū)分大小寫標(biāo)簽都具有屬性。屬性提供關(guān)于網(wǎng)頁上HTML元素的附加信息META標(biāo)簽放置在網(wǎng)頁的標(biāo)題處以提供關(guān)于頁面的信息。搜索引擎常會用到這些標(biāo)簽標(biāo)題級標(biāo)簽使用<H1>…<H6>34總結(jié)2-1HTML標(biāo)簽一般配對使用，不區(qū)分大小寫34總結(jié)2-2段落標(biāo)簽使用<Palign＝“對齊方式”>…</P>無序列表使用<UL>標(biāo)簽,有序列表使用<OL>標(biāo)簽字體標(biāo)簽<Fontcolor=“顏色”size=“大小”face＝“字體”>超鏈接標(biāo)簽<Ahref=“鏈接地址”>超鏈接文本</A>35總結(jié)2-2段落標(biāo)簽使用<Palign＝“對齊方式”>…<演講完畢，謝謝觀看！演講完畢，謝謝觀看！第四章HTML第四章HTML回顧1-1表單有什么用？表單<FORM>有哪些屬性？文本框分為哪三種？各有什么特點？希望昵稱文本框不超過10個字符，應(yīng)使用哪個屬性加以限制？單選按鈕和復(fù)選框有什么區(qū)別？38回顧1-1表單有什么用？表單<FORM>有哪些屬性？2回顧1-2按鈕分為哪三種？各有什么功能？根據(jù)您的理解，下拉菜單的選項和值有什么區(qū)別？常見的有哪些事件？哪些行為？39回顧1-2按鈕分為哪三種？各有什么功能？3目標(biāo)描述HTML文檔的結(jié)構(gòu)使用基本的HTML標(biāo)簽在HTML文檔中插入特殊字符在HTML文檔中創(chuàng)建超級鏈接40目標(biāo)描述HTML文檔的結(jié)構(gòu)4HTML簡介超文本提供鏈接到其他頁面或同一頁面的其他位置的文本標(biāo)記可以用標(biāo)簽標(biāo)記頁面的不同部分以正確顯示語言HTML可用于：控制頁面和內(nèi)容的外觀發(fā)布和檢索聯(lián)機文檔創(chuàng)建聯(lián)機表單插入諸如音頻剪輯和視頻剪輯等對象41HTML簡介超文本提供鏈接到其他頁面或同一頁面的其他位置的HTML文檔示例<HTML><HEAD><TITLE>學(xué)習(xí)HTML</TITLE></HEAD><BODYBGCOLOR=“LAVENDER”><H1>歡迎來到HTML世界</H1></BODY></HTML>HTML代碼瀏覽器處理代碼并進(jìn)行顯示42HTML文檔示例<HTML>HTML代碼瀏覽器處理代碼并編輯器和瀏覽器<HTML><HEAD><TITLE>學(xué)習(xí)HTML</TITLE></HEAD><BODYBGCOLOR=“LAVENDER”><H1>歡迎來到HTML世界</H1></BODY></HTML>HTML代碼在編輯器中編寫HTML代碼瀏覽器顯示HTML文檔/頁面43編輯器和瀏覽器<HTML>HTML代碼在編輯器中編寫HT編輯器2-2需要在編輯器中鍵入源代碼示例：DreamWeaverMacromediaDreamweaver

是一種專業(yè)的HTML編輯器，用于設(shè)計、編碼、開發(fā)網(wǎng)站、網(wǎng)頁和強大的Web

應(yīng)用程序。44編輯器2-2需要在編輯器中鍵入源代碼示例：DreamWeaHTML文檔結(jié)構(gòu)<HTML><HEAD><TITLE>學(xué)習(xí)HTML

</TITLE></HEAD><BODY></H1>

歡迎來到HTML世界</H1></BODY></HTML>HTML網(wǎng)頁頭部部分主體部分<HTML>…</HTML>標(biāo)簽標(biāo)記HTML文檔的開始和結(jié)束這部分包括標(biāo)題和其他說明信息。包括在<HEAD>…</HEAD>標(biāo)簽內(nèi)這部分包含文本、圖像和鏈接。它包括在<BODY>…</BODY>標(biāo)簽內(nèi)45HTML文檔結(jié)構(gòu)<HTML>HTML網(wǎng)頁頭部部分主體部分<HTML><HEAD><TITLE>學(xué)習(xí)HTML</TITLE></HEAD><BODYBGCOLOR=lavender><H1>歡迎來到HTML世界</H1></BODY></HTML>HTML標(biāo)簽2-2<BODY

BGCOLOR

=“green”>標(biāo)簽標(biāo)識BODY元素屬性提供有關(guān)元素的附加信息值分配給屬性的內(nèi)容46<HTML>HTML標(biāo)簽2-2<BODYBGCOLORMETA標(biāo)簽2-1META標(biāo)簽是一個特殊的HTML標(biāo)簽，提供有關(guān)網(wǎng)頁的信息，如作者姓名、公司名稱和聯(lián)系信息等許多搜索引擎都使用META標(biāo)簽信息例如，要將GrahamBrowne指定為作者，則使用以下META標(biāo)簽：<METAname=“作者"content="GrahamBrowne">47META標(biāo)簽2-1META標(biāo)簽是一個特殊的HTMLMETA標(biāo)簽2-2http-equiv屬性可用來代替META標(biāo)簽中的name屬性<METAhttp-equiv="expires"content="Wed,26Feb1997GMT">表示有效期：格林尼治標(biāo)準(zhǔn)時間2005年9月12日，星期一14:25:27屬性值：具體的過期時間屬性名稱：網(wǎng)頁過期<METAhttp-equiv="refresh"content=“2">

表示每隔2秒，自動刷新網(wǎng)頁演示：自動刷新的例子48META標(biāo)簽2-2http-equiv屬性可用來代替HTML基本元素標(biāo)題段落換行符預(yù)先格式化字符格式化列表水平線字體圖像特殊字符超級鏈接49HTML基本元素標(biāo)題13標(biāo)題<HTML><HEAD><TITLE>動物世界</TITLE></HEAD>

<BODY><H1>從大自然獲得靈感</H1><H2>從大自然獲得靈感</H2><H3>從大自然獲得靈感</H3><H4>從大自然獲得靈感</H4><H5>從大自然獲得靈感</H5><H6>從大自然獲得靈感</H6></BODY></HTML>H1到H6標(biāo)簽用于指定不同級別的標(biāo)題50標(biāo)題<HTML>H1到H6標(biāo)簽用于指定不同級別的標(biāo)題1段落標(biāo)簽<HTML><HEAD><TITLE>詩詞學(xué)習(xí)</TITLE></HEAD><BODY><P>我是第一段</P><P>我是第二段</P><Palign="left">左對齊顯示<P><Palign="center">居中顯示<P><Palign="right">右對齊顯示<P></BODY></HTML><P></P><P>…</P>標(biāo)簽用于標(biāo)記段落51段落標(biāo)簽<HTML><P></P><P>…</P>標(biāo)簽用于換行符只要在文本中放入<BR>標(biāo)簽，就會強制換行<HTML><HEAD><TITLE>詩詞學(xué)習(xí)</TITLE></HEAD><BODY><BR>我是第一行<BR>我是第二行<P>我是第一段</P><P>我是第二段</P></BODY></HTML><BR>52換行符只要在文本中放入<BR>標(biāo)簽，就會強制換行<HT<Pre>標(biāo)簽<HTML><HEAD><TITLE>詩詞學(xué)習(xí)</TITLE></HEAD><BODY><H1>靜夜思</H1><PRE> 床前明月光疑是地上霜

舉頭望明月低頭思故鄉(xiāng)</PRE></BODY><HTML<PRE>標(biāo)簽用于顯示具有預(yù)先定義格式的文本（如HTML文檔中所示）53<Pre>標(biāo)簽<HTML><PRE>標(biāo)簽用于顯示具有預(yù)先<HTML><HEAD><TITLE>學(xué)習(xí)HTML</TITLE></HEAD><BODY><P><B>這很有趣</B><BR><BR><I>足球是最令人喜愛的運動之一。</I><BR><BR><U>信息技術(shù)是發(fā)展的關(guān)鍵。</U><BR><BR>

水的分子式是H<SUB>2</SUB>O。<BR><BR>

3<SUP>2</SUP>等于9。

<BR><BR></P></BODY></HTML>字符格式化標(biāo)簽此標(biāo)簽用于對文本應(yīng)用各種格式，如粗體、斜體、下劃線、下標(biāo)、上標(biāo)等54<HTML>字符格式化標(biāo)簽此標(biāo)簽用于對文本應(yīng)用各種格式，如粗列表簡介列表用于按邏輯方式對數(shù)據(jù)分組

玫瑰花向日葵蘭花蘋果桔子水仙芒果水果蘋果

芒果桔子花卉水仙蘭花向日葵玫瑰花55列表簡介列表用于按邏輯方式對數(shù)據(jù)分組玫瑰花向日葵蘭花蘋果桔子列表類型：無序列表

…<BODY><H1>星期中的每一天</H1><UL> <LI>星期日<LI>星期一<LI>星期二<LI>星期三<LI>星期四<LI>星期五<LI>星期六</UL></BODY>…無序列表也稱為“項目列表”56列表類型：無序列表…無序列表也稱為“項目列表”20…<BODY><H1>星期中的每一天</H1><OL> <LI>星期日<LI>星期一<LI>星期二<LI>星期三<LI>星期四<LI>星期五<LI>星期六</OL></BODY>…列表類型：有序列表

有序列表的屬性<LITYPE=I><LITYPE=i><LITYPE=A><LITYPE=a><OLSTART=n>在有序列表中，列表項以自動生成的順序顯示57…列表類型：有序列表有序列表的屬性<LITYPE=I使用水平線<HTML><HEAD><TITLE>動物世界</TITLE></HEAD><BODY><H3>老虎的夜間視覺</H3><HRnoshadesize=5align=centerwidth=50%><HRsize=15align=leftwidth=80%><HR><P>老虎的夜視能力優(yōu)于人類的夜視能力五倍以上</BODY></HTML><HR>標(biāo)簽屬性alignWidthSizeNoshade<HR>標(biāo)簽用于在頁面上繪制水平線58使用水平線<HTML><HR>標(biāo)簽屬性alignWidt使用字體和屬性<HTML><HEAD><TITLE>動物世界</TITLE></HEAD><BODY><H1>了解有關(guān)動物的更多信息</H1><P><FONTSIZE=5COLOR=BLUEFACE=Arial>斑馬的特性</FONT><P>沒有任何兩匹斑馬<FONTCOLOR=REDSIZE=3>的斑紋是完全一樣的，</FONT>因此每匹斑馬都是獨一無二的

</BODY></HTML><FONTSIZE

=5

COLOR

=BLUE

FACE

=Arial>可以按名稱或十六進(jìn)制值指定顏色可以為字體指定的大小范圍為從1到7可以指定一列字體，各字體間用逗號分隔。瀏覽器以最先找到的字體顯示文本<FONT>元素及其相關(guān)屬性（如SIZE、COLOR和FACE）可用于控制網(wǎng)頁上文本的顯示59使用字體和屬性<HTML><FONTSIZE=5CO<IMG>標(biāo)簽用于在HTML文檔中插入圖像。<IMG>標(biāo)簽的兩個常用屬性是SRC和ALIGN。SRC屬性用于指定要插入的圖像位置。ALIGN屬性用于指定圖像相對于文本的對齊方式。插入圖像2-160<IMG>標(biāo)簽用于在HTML文檔中插入圖像。<IMG>插入圖像2-2<HTML><HEAD><TITLE>動物世界</TITLE></HEAD><H1><FONTSIZE=3COLOR=FORESTGREEN><B>讓我們看看這些可愛的動物</B></FONT></H1><BODY><P>

<IMGALIGN=BOTTOMSRC=Animal.jpg>底部對齊</P><P><IMGALIGN=TOPSRC=Animal.jpg>頂部對齊</P><P><IMGALIGN=MIDDLESRC=Animal.jpg>居中對齊</P></BODY></HTML>61插入圖像2-2<HTML><HEAD>25插入特殊字符2-1某些字符在HTML中具有特殊意義，如小于號(<)定義HTML標(biāo)簽的開始字符實體用于在HTML文檔中插入特殊字符，如版權(quán)號，注冊商標(biāo)等插入特殊字符需要用HTML字符實體>??

空格；62插入特殊字符2-1某些字符在HTML中具有特殊意義，如插入特殊字符2-2特殊字符字符實體大于號(>)>小于號(<)< 引號(“)"?®?

©&號& 63插入特殊字符2-2特殊字符字符實體大于號(>)>創(chuàng)建超級鏈接<HTML><HEAD><TITLE>了解鳥類</TITLE></HEAD><BODY><H1>會彈琴的狗狗</H1><AHREF=dog.htm>單擊此處查看</A></BODY></HTML>64創(chuàng)建超級鏈接<HTML>28要鏈接到另一目錄(C:\example)下的頁面，可編寫<AHREF=“..\example\Doc2.htm”>或

<AHREF=“C:\example\Doc2.htm”>要鏈接到同一目錄(C:\html)下的頁面，可編寫<AHREF=“Doc3.htm”>或<AHREF=“C:\html\Doc3.htm”>C:\html目錄C:\example目錄絕對和相對路徑名Doc1.htmDoc3.htmDoc2.htmDoc4.htm絕對路徑名相對路徑名65要鏈接到另一目錄(C:\example)下的頁面，

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論