HTML編程基礎(chǔ)
來源：尚品中國|
類型：網(wǎng)站百科|
時間：2014-06-16
通常情況下，人們應用Dreemwcave以可視化的方式設(shè)計網(wǎng)頁。而直接用HTML標記符設(shè)計網(wǎng)頁的情況則較少，對HTML標記符也了解不多，但在動態(tài)網(wǎng)頁設(shè)計中，常常需要利用ASP代碼摘出網(wǎng)頁的部分HTM L代碼，此時必須熟悉HTML標記符，因此，本章將對常用的HTMI標記符進行介紹。
1. 1. 1什么是HTML
HTML(街pertext Markup Language)即超文本標記語育，是一種用來在WWW (World Wide Web) L表示信息的描述性的標記語言。
HTML文本是由HTML標記組成的描述性文本。HTML標記可以描述文字、圖形、動網(wǎng)、聲音、表格、鏈接等。生成一個HTMI文本述?？梢酝ㄟ^以下四種方法:
I)利用各種文本編輯器(如Windows記事本)i is接使用HTML語言編寫。
2)借助一錢HTMI.的編輯工其，如FroniPage、HotDog等。
3)其他格式的文檔(如Word文檔)轉(zhuǎn)換成HTML文本。
4)山Web服務器端實時動態(tài)地生成。
下面應用第一種方法完成一個簡單的實例
1. 1.2一個簡單的HTM 1.實例
I例1-1)創(chuàng)建一個簡單的網(wǎng)貞，步驟如下:
1)選擇“開始”一“程序”，“附件”一“記事本”命令，打開記事本程序。翰人以
下HTML代碼
<HTMI)
<HEAD>
< TITLE > I ITM L實例</TITLE>
</HEAD)
< BODY Bgcolor = "#FFFFFF">
<P》這是一個簡單的HTML實例</P>
</BODY>
</HTMI>
2)選擇“文件.菜單下的“保存，命令.打開“保存”對話框，在輸人文件名和文件擴展名(1-1. him),選擇合適的目錄.然后單擊“保存”
3)在瀏覽器中打開運行該文件(1-1. him)，運行結(jié)果如圖1-1所示。
從以上過程可以看出，使用HTML語言確實能夠很容易地制作網(wǎng)頁，但是這樣的網(wǎng)頁距離關(guān)觀實用的要求顯然還有一定差距。因此后面的章節(jié)將會詳細地介紹如何利用HTML諸言的其他標記符來修飾文字和圖像等頁面元素。
1.2 HTML常用標記
標記符是HTML語言中定義網(wǎng)頁內(nèi)容格式和顯示的指令.制網(wǎng)貞內(nèi)容的顯示效果。
1.2.1頁面基本屬性標記
而標記符的屬性用于進一步控制網(wǎng)頁的內(nèi)容多么豐富、版式多么復雜，網(wǎng)頁的基本結(jié)構(gòu)卻都是一樣的。
1.網(wǎng)頁的基本結(jié)構(gòu)
如下所示:
<HTML>
<HEAD)
< TITLE>文檔標題<,TITLE》
</HEAD>
< BODY>
這是HTMI文檔的主要部分
</BODY>
</HTML>
HTML的結(jié)構(gòu)包括頭部(HEAD)、主體(BODY)兩大部分.其中頭部描述瀏覽器所需的信息，而主體則包含頁面的具體內(nèi)容及格式說明。
2.語官字符維，(Charsets)的信息
<META HTTP-EQUIV ="CONTENT-TYPE" CONTENT="TEXT/HTML;CHARSET=#">
#=US-ASCII,ISO-8859-I,X-MAC-ROMAN, 150-8859-2, X-MAC-CE, ISO-2022-JP, X-SJIS,X-EUC-JP, EUC-KR, ISO-2022-KR, GB2312, GB_ 2312-80, X-EUC-TW, X-CNS11643-1，X-CNSI 1643-2, BIG5
可在HTML文件中設(shè)置MIME字符集(i息。您在瀏覽主頁時.最好自己在瀏覽器的選項菜單內(nèi)選擇相應的語言(language encoding),但是如果HTML文件里寫明了設(shè)置，瀏覽器就會自動設(shè)置語言選項。如果主頁里用到了字符實體(entities),則該主頁就應該寫明字符集信息，否則，您在瀏覽該主頁時，若未正確設(shè)置語言選項，顯示將可能混亂。
3.背.色彩和文字色影
設(shè)置網(wǎng)貞的背景色彩和文字色彩可通過設(shè)置BODY標記的屬性來實現(xiàn)，具體格式如下:
<BODY Rgcolor=# Text=#Link# Alink=# Vlink=#>
BODY標記各參數(shù)的含義見表1-l
4.添加注釋
由于Web站點需要經(jīng)常更新，而且制作時往往是幾個人合作，所以創(chuàng)建的頁面必須易于維護，而添加增強文件可讀性的重要手段。
HTML中的注釋是由<!一(開始標記符)和一>(結(jié)束標記符)組成的。這兩個標記符中間的內(nèi)容就是注釋的內(nèi)容，它們不會在瀏覽器中顯示。
5.畫線
在網(wǎng)頁中產(chǎn)生分隔線可用<HR>標記來實現(xiàn)，其用法為:
<HR Width=寬度值Size=線的高度Align，=對齊方式Noshade>
屬性說明:
I) Width用于指定分隔線的寬度.寬度優(yōu)的指定方式有兩種.一是用像素點來指定，
例如.若要產(chǎn)生寬度為500像素的直線，則實現(xiàn)代碼為:
<HR Width=500>
另一種方法是用百分比表達，例如，若要產(chǎn)生寬度是網(wǎng)頁寬度的75%分隔線，則實現(xiàn)代碼如下:
<HR Width二.75%.>
2) Si，用于指定直線的高度。例如.要繪制寬度為80%,高度為l的直線，則實現(xiàn)代
碼如下:
<HR Width ="80%" Size=1>
3) Align指定直線的對齊方式，取值有l(wèi)eft、Center、Right。
4) Noahade指定直線是否有陰形。如果帶有該參數(shù)，則直線無陰影。
<HR>標記一般用于產(chǎn)生水平分隔線，若要產(chǎn)生豎直線，可將Width設(shè)置為1, Size設(shè)置為豎直線的高度誼。例如:< HR Width= I Size= 500 Noshade >
1.2.2文字屬性標記
文字是網(wǎng)頁中最主要的頁面元素，HTML語言提供了一些用來修飾文字的標記符，可以川它們來設(shè)置文字的字體、顏色、大小和樣式等屬性。
1.字體控制
<FONT >標記符是用來控制文字的字體、大小和顏色的。其語法格式為:
<FONT Face=“fonlname" Size=“fontaize" Color="#RRGCBB">文本</FONT>
屬性說明:
Face屬性用于指定字體;Size用于指定字體的大小;Color用于設(shè)置字體的顏色。字體大小的表達方法有兩種，一是設(shè)置為絕對字號，此時的設(shè)置優(yōu)可以是1~7, 1號最小，7號最大，默認字號為3，可利用< BASEFONT Size=字號>設(shè)置或更改默認字號。例如，若要以綠色，宋體4號字輸出“HTML實例”，則實現(xiàn)代碼為:
< FONT Face=“宋體”Size=4 Color=“#008000">HTML實例</FONT >
另一種設(shè)置為相對字號大小，此時的用法為<FONT Size=±n>，其中n代表字號改變的量，+表示字體在默認字號的基礎(chǔ)上增大字號，- 表示在默認字號的基礎(chǔ)上遞減字號。例如:
< BASEFONT Size=3)
<FONT Size= +2>HTML實例</FONT >
2.標題的字號
語法格式為:
< Hn)</Hn>
說明:n是1 -6的數(shù)字，<HI>表示最大的標題，<H6>表示最小的標題。在默認狀態(tài)下，<Hn>標記符中的文字在瀏覽器中顯示時都是黑體，而且文字將自動在</Hn>標記符后換行。
【例1-2】在網(wǎng)頁中分別用六級標題標記符拍出一個側(cè)試效果的文本。
<HTML >
<HEAD >
<TITLE>標越字體演示</TITLE》
</HEAD >
<BODY Bgcolor = " #FFFFFF" Text=“#000000”>
<Hl>這是第一級標題</H1>
<H2》這是第二級標腸</H2>
<H3>這足第三級標題</H3>
<H4>這是第四級標腸</H4 >
<115》這是第五級標題</HS>
<H6>這是第六級標題</H6>
</BODY)
</HTML>
運行結(jié)果如圖，1-2所示。
HTML(街pertext Markup Language)即超文本標記語育，是一種用來在WWW (World Wide Web) L表示信息的描述性的標記語言。
HTML文本是由HTML標記組成的描述性文本。HTML標記可以描述文字、圖形、動網(wǎng)、聲音、表格、鏈接等。生成一個HTMI文本述?？梢酝ㄟ^以下四種方法:
I)利用各種文本編輯器(如Windows記事本)i is接使用HTML語言編寫。
2)借助一錢HTMI.的編輯工其，如FroniPage、HotDog等。
3)其他格式的文檔(如Word文檔)轉(zhuǎn)換成HTML文本。
4)山Web服務器端實時動態(tài)地生成。
下面應用第一種方法完成一個簡單的實例
1. 1.2一個簡單的HTM 1.實例
I例1-1)創(chuàng)建一個簡單的網(wǎng)貞，步驟如下:
1)選擇“開始”一“程序”，“附件”一“記事本”命令，打開記事本程序。翰人以
下HTML代碼
<HTMI)
<HEAD>
< TITLE > I ITM L實例</TITLE>
</HEAD)
< BODY Bgcolor = "#FFFFFF">
<P》這是一個簡單的HTML實例</P>
</BODY>
</HTMI>
2)選擇“文件.菜單下的“保存，命令.打開“保存”對話框，在輸人文件名和文件擴展名(1-1. him),選擇合適的目錄.然后單擊“保存”
3)在瀏覽器中打開運行該文件(1-1. him)，運行結(jié)果如圖1-1所示。
從以上過程可以看出，使用HTML語言確實能夠很容易地制作網(wǎng)頁，但是這樣的網(wǎng)頁距離關(guān)觀實用的要求顯然還有一定差距。因此后面的章節(jié)將會詳細地介紹如何利用HTML諸言的其他標記符來修飾文字和圖像等頁面元素。
1.2 HTML常用標記
標記符是HTML語言中定義網(wǎng)頁內(nèi)容格式和顯示的指令.制網(wǎng)貞內(nèi)容的顯示效果。
1.2.1頁面基本屬性標記
而標記符的屬性用于進一步控制網(wǎng)頁的內(nèi)容多么豐富、版式多么復雜，網(wǎng)頁的基本結(jié)構(gòu)卻都是一樣的。
1.網(wǎng)頁的基本結(jié)構(gòu)
如下所示:
<HTML>
<HEAD)
< TITLE>文檔標題<,TITLE》
</HEAD>
< BODY>
這是HTMI文檔的主要部分
</BODY>
</HTML>
HTML的結(jié)構(gòu)包括頭部(HEAD)、主體(BODY)兩大部分.其中頭部描述瀏覽器所需的信息，而主體則包含頁面的具體內(nèi)容及格式說明。
2.語官字符維，(Charsets)的信息
<META HTTP-EQUIV ="CONTENT-TYPE" CONTENT="TEXT/HTML;CHARSET=#">
#=US-ASCII,ISO-8859-I,X-MAC-ROMAN, 150-8859-2, X-MAC-CE, ISO-2022-JP, X-SJIS,X-EUC-JP, EUC-KR, ISO-2022-KR, GB2312, GB_ 2312-80, X-EUC-TW, X-CNS11643-1，X-CNSI 1643-2, BIG5
可在HTML文件中設(shè)置MIME字符集(i息。您在瀏覽主頁時.最好自己在瀏覽器的選項菜單內(nèi)選擇相應的語言(language encoding),但是如果HTML文件里寫明了設(shè)置，瀏覽器就會自動設(shè)置語言選項。如果主頁里用到了字符實體(entities),則該主頁就應該寫明字符集信息，否則，您在瀏覽該主頁時，若未正確設(shè)置語言選項，顯示將可能混亂。
3.背.色彩和文字色影
設(shè)置網(wǎng)貞的背景色彩和文字色彩可通過設(shè)置BODY標記的屬性來實現(xiàn)，具體格式如下:
<BODY Rgcolor=# Text=#Link# Alink=# Vlink=#>
BODY標記各參數(shù)的含義見表1-l
由于Web站點需要經(jīng)常更新，而且制作時往往是幾個人合作，所以創(chuàng)建的頁面必須易于維護，而添加增強文件可讀性的重要手段。
HTML中的注釋是由<!一(開始標記符)和一>(結(jié)束標記符)組成的。這兩個標記符中間的內(nèi)容就是注釋的內(nèi)容，它們不會在瀏覽器中顯示。
5.畫線
在網(wǎng)頁中產(chǎn)生分隔線可用<HR>標記來實現(xiàn)，其用法為:
<HR Width=寬度值Size=線的高度Align，=對齊方式Noshade>
屬性說明:
I) Width用于指定分隔線的寬度.寬度優(yōu)的指定方式有兩種.一是用像素點來指定，
例如.若要產(chǎn)生寬度為500像素的直線，則實現(xiàn)代碼為:
<HR Width=500>
另一種方法是用百分比表達，例如，若要產(chǎn)生寬度是網(wǎng)頁寬度的75%分隔線，則實現(xiàn)代碼如下:
<HR Width二.75%.>
2) Si，用于指定直線的高度。例如.要繪制寬度為80%,高度為l的直線，則實現(xiàn)代
碼如下:
<HR Width ="80%" Size=1>
3) Align指定直線的對齊方式，取值有l(wèi)eft、Center、Right。
4) Noahade指定直線是否有陰形。如果帶有該參數(shù)，則直線無陰影。
<HR>標記一般用于產(chǎn)生水平分隔線，若要產(chǎn)生豎直線，可將Width設(shè)置為1, Size設(shè)置為豎直線的高度誼。例如:< HR Width= I Size= 500 Noshade >
1.2.2文字屬性標記
文字是網(wǎng)頁中最主要的頁面元素，HTML語言提供了一些用來修飾文字的標記符，可以川它們來設(shè)置文字的字體、顏色、大小和樣式等屬性。
1.字體控制
<FONT >標記符是用來控制文字的字體、大小和顏色的。其語法格式為:
<FONT Face=“fonlname" Size=“fontaize" Color="#RRGCBB">文本</FONT>
屬性說明:
Face屬性用于指定字體;Size用于指定字體的大小;Color用于設(shè)置字體的顏色。字體大小的表達方法有兩種，一是設(shè)置為絕對字號，此時的設(shè)置優(yōu)可以是1~7, 1號最小，7號最大，默認字號為3，可利用< BASEFONT Size=字號>設(shè)置或更改默認字號。例如，若要以綠色，宋體4號字輸出“HTML實例”，則實現(xiàn)代碼為:
< FONT Face=“宋體”Size=4 Color=“#008000">HTML實例</FONT >
另一種設(shè)置為相對字號大小，此時的用法為<FONT Size=±n>，其中n代表字號改變的量，+表示字體在默認字號的基礎(chǔ)上增大字號，- 表示在默認字號的基礎(chǔ)上遞減字號。例如:
< BASEFONT Size=3)
<FONT Size= +2>HTML實例</FONT >
2.標題的字號
語法格式為:
< Hn)</Hn>
說明:n是1 -6的數(shù)字，<HI>表示最大的標題，<H6>表示最小的標題。在默認狀態(tài)下，<Hn>標記符中的文字在瀏覽器中顯示時都是黑體，而且文字將自動在</Hn>標記符后換行。
【例1-2】在網(wǎng)頁中分別用六級標題標記符拍出一個側(cè)試效果的文本。
<HTML >
<HEAD >
<TITLE>標越字體演示</TITLE》
</HEAD >
<BODY Bgcolor = " #FFFFFF" Text=“#000000”>
<Hl>這是第一級標題</H1>
<H2》這是第二級標腸</H2>
<H3>這足第三級標題</H3>
<H4>這是第四級標腸</H4 >
<115》這是第五級標題</HS>
<H6>這是第六級標題</H6>
</BODY)
</HTML>
運行結(jié)果如圖，1-2所示。
來源聲明：本文章系尚品中國編輯原創(chuàng)或采編整理，如需轉(zhuǎn)載請注明來自尚品中國。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡，如有侵權(quán)，請及時與本站聯(lián)系（010-60259772）。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計風格
-
確認交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計開發(fā)
-
后續(xù)跟蹤服務
-
聯(lián)系電話
010-60259772
熱門標簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
在線證券交易的安全體系與策略
我們都同意這樣的觀點，即在線證券交易的安全性需要通盤考慮，也就是說安全...
2014-09-15 -
網(wǎng)絡優(yōu)化中的一些常見元素
大家對網(wǎng)站的要求越來越高，那么如何做好seo優(yōu)化，讓自己在這個競爭激烈...
2021-03-24 -
企業(yè)網(wǎng)站制作要考慮什么？有哪些問題要關(guān)注？
很多人都知道經(jīng)營企業(yè)在我們生活當中是非常冒險的一件事情，如果想要進行成...
2022-10-20 -
為何網(wǎng)站建設(shè)完成后沒有流量？
網(wǎng)站建設(shè)完成后沒有流量可能涉及多個因素。以下是一些可能導致這種情況的常...
2023-08-28 -
協(xié)會網(wǎng)站建設(shè)方案 | 創(chuàng)造功能完善、用戶友好、安全可靠的在線平臺
在過去的十幾年中，尚品直致力于網(wǎng)站建設(shè)領(lǐng)域，積累了豐富的經(jīng)驗。為了滿足...
2024-02-06 -
移動端網(wǎng)站已經(jīng)成為主流，不能忽視
在過去的幾年里，我們看到了智能手機的興起，它已經(jīng)成為日常生活中最常用的...
2020-04-20
如果您的網(wǎng)站可以增加轉(zhuǎn)化次數(shù)并提高客戶滿意度，該怎么辦？
預約專業(yè)咨詢顧問溝通！
Copyright ? 2024 恒久尚品 版權(quán)所有 | 京ICP備09066521號
| 公安機關(guān)備案號:11011502003910
免責聲明
誠信企業(yè)
尚品專注高端網(wǎng)站建設(shè)，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務
尚品專注高端網(wǎng)站建設(shè)，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務
免責聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡，涉及到的部分文章和圖片版權(quán)屬于原作者，本站轉(zhuǎn)載僅供大家學習和交流，切勿用于任何商業(yè)活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī)，當本聲明與國家法律法規(guī)沖突時，以國家法律法規(guī)為準。
4、如果侵害了您的合法權(quán)益，請您及時與我們,我們會在第一時間刪除相關(guān)內(nèi)容!
聯(lián)系方式：010-60259772
電子郵件：394588593@qq.com
