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

下載本文檔

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

文檔簡(jiǎn)介

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

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

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

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

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

BGCOLOR

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

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

<BODY><H1>從大自然獲得靈感</H1><H2>從大自然獲得靈感</H2><H3>從大自然獲得靈感</H3><H4>從大自然獲得靈感</H4><H5>從大自然獲得靈感</H5><H6>從大自然獲得靈感</H6></BODY></HTML>H1到H6標(biāo)簽用于指定不同級(jí)別的標(biāo)題14標(biāo)題<HTML>H1到H6標(biāo)簽用于指定不同級(jí)別的標(biāo)題1段落標(biāo)簽<HTML><HEAD><TITLE>詩(shī)詞學(xué)習(xí)</TITLE></HEAD><BODY><P>我是第一段</P><P>我是第二段</P><Palign="left">左對(duì)齊顯示<P><Palign="center">居中顯示<P><Palign="right">右對(duì)齊顯示<P></BODY></HTML><P></P><P>…</P>標(biāo)簽用于標(biāo)記段落15段落標(biāo)簽<HTML><P></P><P>…</P>標(biāo)簽用于換行符只要在文本中放入<BR>標(biāo)簽，就會(huì)強(qiáng)制換行<HTML><HEAD><TITLE>詩(shī)詞學(xué)習(xí)</TITLE></HEAD><BODY><BR>我是第一行<BR>我是第二行<P>我是第一段</P><P>我是第二段</P></BODY></HTML><BR>16換行符只要在文本中放入<BR>標(biāo)簽，就會(huì)強(qiáng)制換行<HT<Pre>標(biāo)簽<HTML><HEAD><TITLE>詩(shī)詞學(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)的運(yùn)動(dòng)之一。</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)簽用于對(duì)文本應(yīng)用各種格式，如粗體、斜體、下劃線、下標(biāo)、上標(biāo)等18<HTML>字符格式化標(biāo)簽此標(biāo)簽用于對(duì)文本應(yīng)用各種格式，如粗列表簡(jiǎn)介列表用于按邏輯方式對(duì)數(shù)據(jù)分組

玫瑰花向日葵蘭花蘋(píng)果桔子水仙芒果水果蘋(píng)果

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

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

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

</BODY></HTML><FONTSIZE

=5

COLOR

=BLUE

FACE

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

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

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

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

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

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

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

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

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

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

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

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

BGCOLOR

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

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

<BODY><H1>從大自然獲得靈感</H1><H2>從大自然獲得靈感</H2><H3>從大自然獲得靈感</H3><H4>從大自然獲得靈感</H4><H5>從大自然獲得靈感</H5><H6>從大自然獲得靈感</H6></BODY></HTML>H1到H6標(biāo)簽用于指定不同級(jí)別的標(biāo)題50標(biāo)題<HTML>H1到H6標(biāo)簽用于指定不同級(jí)別的標(biāo)題1段落標(biāo)簽<HTML><HEAD><TITLE>詩(shī)詞學(xué)習(xí)</TITLE></HEAD><BODY><P>我是第一段</P><P>我是第二段</P><Palign="left">左對(duì)齊顯示<P><Palign="center">居中顯示<P><Palign="right">右對(duì)齊顯示<P></BODY></HTML><P></P><P>…</P>標(biāo)簽用于標(biāo)記段落51段落標(biāo)簽<HTML><P></P><P>…</P>標(biāo)簽用于換行符只要在文本中放入<BR>標(biāo)簽，就會(huì)強(qiáng)制換行<HTML><HEAD><TITLE>詩(shī)詞學(xué)習(xí)</TITLE></HEAD><BODY><BR>我是第一行<BR>我是第二行<P>我是第一段</P><P>我是第二段</P></BODY></HTML><BR>52換行符只要在文本中放入<BR>標(biāo)簽，就會(huì)強(qiáng)制換行<HT<Pre>標(biāo)簽<HTML><HEAD><TITLE>詩(shī)詞學(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)的運(yùn)動(dòng)之一。</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)簽用于對(duì)文本應(yīng)用各種格式，如粗體、斜體、下劃線、下標(biāo)、上標(biāo)等54<HTML>字符格式化標(biāo)簽此標(biāo)簽用于對(duì)文本應(yīng)用各種格式，如粗列表簡(jiǎn)介列表用于按邏輯方式對(duì)數(shù)據(jù)分組

玫瑰花向日葵蘭花蘋(píng)果桔子水仙芒果水果蘋(píng)果

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

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

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

</BODY></HTML><FONTSIZE

=5

COLOR

=BLUE

FACE

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

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

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

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

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

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論