本篇文章給大家談?wù)劸W(wǎng)頁設(shè)計(jì)html，以及html鍒朵綔緗戦〉浠ｇ爜對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站。

在網(wǎng)頁制作中HTML是什么意思？

Hypertext Markup Language，中文也就是超文本鏈接標(biāo)示語言。HTML（HyperTextMark-upLanguage）即超文本標(biāo)記語言，是WWW的描述語言。設(shè)計(jì)HTML語言的目的是為了能把存放在一臺(tái)電腦中的文本或圖形與另一臺(tái)電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體，人們不用考慮具體信息是在當(dāng)前電腦上還是在網(wǎng)絡(luò)的其它電腦上。我們只需使用鼠標(biāo)在某一文檔中點(diǎn)取一個(gè)圖標(biāo)，Internet就會(huì)馬上轉(zhuǎn)到與此圖標(biāo)相關(guān)的內(nèi)容上去，而這些信息可能存放在網(wǎng)絡(luò)的另一臺(tái)電腦中。 HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。

另外，HTML是網(wǎng)絡(luò)的通用語言,一種簡單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或?yàn)g覽器。神奇嗎?一點(diǎn)都不神奇,因?yàn)楝F(xiàn)在你看到的就是這種語言寫的頁面.哈哈.

也許你聽說過許多可以編輯網(wǎng)頁的軟件,事實(shí)上,你不需要用任何專門的軟件來建立HTML頁面；你所需要的只是一個(gè)文字處理器（如McrosoftWord\記事本\寫字板等等）以及HTML的工作常識(shí)。其實(shí)你很快就會(huì)發(fā)現(xiàn),基礎(chǔ)的HTML語言簡直容易死了。

HTML只不過是組合成一個(gè)文本文件的一系列標(biāo)簽。它們很樂隊(duì)的指揮,告訴樂手們哪里需要停頓,哪里需要激昂.

HTML標(biāo)簽通常是英文詞匯的全稱（如塊引用:blockquote）或縮略語（如“p”代表Paragragh），但它們的與一般文本有區(qū)別，因?yàn)樗鼈兎旁趩螘?hào)里。故Paragragh標(biāo)簽是p,塊引用標(biāo)簽是blockquote。有些標(biāo)簽說明頁面如何被格式化（例如，p開始一個(gè)新段落），其他則說明這些詞如何顯示(b使文字變粗)還有一些其他標(biāo)簽提供在頁面上不顯示的信息－－例如標(biāo)題。

關(guān)于標(biāo)簽，需要記住的是，它們是成雙出現(xiàn)的。每當(dāng)使用一個(gè)標(biāo)簽－－如blockquote,則必須以另一個(gè)標(biāo)簽/blockquote將它關(guān)閉。注意“blockquote”前的斜杠，那就是關(guān)閉標(biāo)簽與打開標(biāo)簽的區(qū)別。 但是也有一些標(biāo)簽例外。比如，input標(biāo)簽就不需要。

基本HTML頁面以html標(biāo)簽開始，以/html結(jié)束。在它們之間，整個(gè)頁面有兩部分－－標(biāo)題和正文。

標(biāo)題詞－－夾在head和/head標(biāo)簽之間－－這個(gè)詞語在打開頁面時(shí)出現(xiàn)在屏幕底部最小化的窗口。正文則夾在body和/body之間－－即所有頁面的內(nèi)容所在。頁面上顯示的任何東西都包含在這兩個(gè)標(biāo)簽之中。

那么讓我們建立一個(gè)簡單的范例吧，非常容易的。第一步，當(dāng)然是要建立一個(gè)新的文本文件（記住，如果你在使用比較復(fù)雜的文字處理器，就應(yīng)該用“純文本”或“普通文本”來保存），將它命名為“xxxx.html”。(隨便你起一個(gè)什么名字,但記住,要用英文)

然后你可以用瀏覽器將它打開，你會(huì)看見最簡單的自己做的頁面。

HTML標(biāo)準(zhǔn)的版本歷史

超文本置標(biāo)語言(第一版)——在1993年6月發(fā)為互聯(lián)網(wǎng)工程工作小組 (IETF)工作草案發(fā)布（并非標(biāo)準(zhǔn)）.

HTML 2.0——1995年11月作為RFC 1866發(fā)布，在RFC 2854于2000年6月發(fā)布之后被宣布已經(jīng)過時(shí)

HTML 3.2——1996年1月14日，W3C推薦標(biāo)準(zhǔn)

HTML 4.0——1997年12月18日，W3C推薦標(biāo)準(zhǔn)

HTML 4.01（微小改進(jìn)）——1999年12月24日，W3C推薦標(biāo)準(zhǔn)

ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日發(fā)布，基于嚴(yán)格的HTML 4.01語法，是國際標(biāo)準(zhǔn)化組織和國際電工委員會(huì)的標(biāo)準(zhǔn)

XHTML 1.0——發(fā)布于2000年1月26日，是W3C推薦標(biāo)準(zhǔn)，后來經(jīng)過修訂于2002年8月1日重新發(fā)布。

XHTML 1.1, 于2001年5月31日發(fā)布

(XHTML 2.0, W3C工作草案)

HTML沒有1.0版本是因?yàn)楫?dāng)時(shí)有很多不同的版本。有些人認(rèn)為蒂姆·伯納斯-李的版本應(yīng)該算初版，這個(gè)版本沒有IMG元素。當(dāng)時(shí)被稱為HTML+的后續(xù)版的開發(fā)工作于1993年開始，最初是被設(shè)計(jì)成為“HTML的一個(gè)超集”。第一個(gè)正式規(guī)范在為了和當(dāng)時(shí)的各種HTML標(biāo)準(zhǔn)區(qū)分開來，使用了2.0作為其版本號(hào)。HTML+的發(fā)展繼續(xù)下去，但是它從未成為標(biāo)準(zhǔn)。

HTML3.0規(guī)范是由當(dāng)時(shí)剛成立的W3C于1995年3月提出，提供了很多新的特性，例如表格、文字繞排和復(fù)雜數(shù)學(xué)元素的顯示。雖然它是被設(shè)計(jì)用來兼容2.0版本的，但是實(shí)現(xiàn)這個(gè)標(biāo)準(zhǔn)的工作在當(dāng)時(shí)過于復(fù)雜，在草案于1995年9月過期時(shí)，標(biāo)準(zhǔn)開發(fā)也因?yàn)槿狈g覽器支持而中止了。3.1版從未被正式提出，而下一個(gè)被提出的版本是開發(fā)代號(hào)為Wilbur的HTML 3.2，去掉了大部分3.0中的新特性，但是加入了很多特定瀏覽器，例如Netscape和Mosaic的元素和屬性。HTML對(duì)數(shù)學(xué)公式的支持最后成為另外一個(gè)標(biāo)準(zhǔn)MathML。

HTML 4.0同樣也加入了很多特定瀏覽器的元素和屬性，但是同時(shí)也開始“清理”這個(gè)標(biāo)準(zhǔn)，把一些元素和屬性標(biāo)記為過時(shí)的，建議不再使用它們。HTML的未來和CSS結(jié)合會(huì)更好

如何制作HTML頁面

HTML介紹：(1):html

head

titleTitle of page/title

/head

body

This is my first homepage.

bThis text is bold/b

/body

/html 將此文件保存為“mypage.htm”。啟動(dòng)瀏覽器。在文件菜單中選擇“打開”（或者“打開頁面”），這時(shí)將出現(xiàn)一個(gè)對(duì)話框。選擇“瀏覽”（或者“選擇文件”），定位到你剛才創(chuàng)建的HTML文件——“mypage.htm”，選擇它，單擊“打開”。然后在對(duì)話框中，你將看到這個(gè)文件的地址，比如說：“C:\MyDocuments\mypage.htm”。單擊“確定”，瀏覽器將顯示此頁面。

--------------------------------------------------------------------------------例子解釋HTML文檔中，第一個(gè)標(biāo)簽是html。這個(gè)標(biāo)簽告訴瀏覽器這是HTML文檔的開始。HTML文檔的最后一個(gè)標(biāo)簽是/html，這個(gè)標(biāo)簽告訴瀏覽器這是HTML文檔的終止。在head和/head標(biāo)簽之間文本的是頭信息。在瀏覽器窗口中，頭信息是不被顯示的。在title和/title標(biāo)簽之間的文本是文檔標(biāo)題，它被顯示在瀏覽器窗口的標(biāo)題欄。在body和/body標(biāo)簽之間的文本是正文，會(huì)被顯示在瀏覽器中。在b和/b標(biāo)簽之間的文本會(huì)以加粗字體顯示。

---常見問題問：我編寫完了HTML文件，但是不能在瀏覽器中看見結(jié)果，為什么？

答：請確認(rèn)你保存了文件，并且使用了正確的文件名和擴(kuò)展名，例如：“c:\mypage.htm”，并且確認(rèn)你用瀏覽器打開時(shí)使用同樣的文件名。問：我編輯了HTML文件，但是修改結(jié)果并沒有在瀏覽器中顯示，為什么？

答：瀏覽器緩存了你的頁面，所以它不需要兩次讀取同樣的頁面。你修改了這個(gè)頁面，瀏覽器并不知道。請使用“刷新/重載”按鈕來強(qiáng)迫瀏覽器讀取編輯過的頁面。

-----------------------------------------------------------------------------

HTML基本標(biāo)簽：(2):HTML中最重要的標(biāo)簽是定義標(biāo)題元素，段落和換行的標(biāo)簽。

標(biāo)題元素標(biāo)題元素由標(biāo)簽h1到h6定義。h1定義了最大的標(biāo)題元素，h6定義了最小的。

h1This is a heading/h1

h2This is a heading/h2

h3This is a heading/h3

h4This is a heading/h4

h5This is a heading/h5

h6This is a heading/h6

HTML自動(dòng)在一個(gè)標(biāo)題元素前后各添加一個(gè)空行。

(3):段落段落是用p標(biāo)簽定義的。

pThis is another paragraph/p HTML自動(dòng)在一個(gè)段落前后各添加一個(gè)空行。

--------------------------------------------------------------------------------換行當(dāng)需要結(jié)束一行，并且不想開始新段落時(shí)，使用br標(biāo)簽。br標(biāo)簽不管放在什么位置，都能夠強(qiáng)制換行。

pThis br is a parabrgraph with line breaks/p br標(biāo)簽是一個(gè)空標(biāo)簽，它沒有結(jié)束標(biāo)記。

基本注意點(diǎn)——有用的技巧當(dāng)你寫下HTML文本的時(shí)候，你不能確知在另外一個(gè)瀏覽器中，這些文本將被如何顯示。有人用著大的顯示器，有的人用的小一些。每次用戶調(diào)整窗口大小的時(shí)候，文本都將被重新格式化。不要想在編輯器中寫一些空行和空格來協(xié)助排版。HTML將截掉你文本中的多余空格。不管多少個(gè)空格，處理起來只當(dāng)一個(gè)。一點(diǎn)附加信息：在HTML里面，一個(gè)空行也只被當(dāng)作一個(gè)空格來處理。使用空段落p來插入空白行是一個(gè)壞習(xí)慣，請使用br標(biāo)簽來替代。（但是不要用br標(biāo)簽來創(chuàng)建列表，我們后面會(huì)專門學(xué)習(xí)HTML列表的。）你也許注意到了段落可以不寫結(jié)束標(biāo)記/p。別依賴它，HTML的下一個(gè)版本將不準(zhǔn)你漏掉任何一個(gè)結(jié)束標(biāo)簽。HTML自動(dòng)在某些元素前后增加額外的空行，就像在段落和標(biāo)題元素的前后一樣。我們使用了水平線（hr標(biāo)簽）來分隔我們教程的章節(jié)。

更多示例：a:多個(gè)段落：

html

body

p

This paragraph

contains a lot of lines

in the source code,

but the browser

ignores it.

/p

p

This paragraph

contains a lot of spaces

in the source code,

but the browser

ignores it.

/p

p

The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.

/p

/body

/html

(這個(gè)例子說明了段落的一些默認(rèn)行為。)b:換行：

html

body

p

To breakbrlinesbrin abrparagraph,bruse the br tag.

/p

/body

/html

(這個(gè)例子說明了在HTML文檔中換行的使用。)

c:詩歌的問題： html

body

p

My Bonnie lies over the ocean.

My Bonnie lies over the sea.

My Bonnie lies over the ocean.

Oh, bring back my Bonnie to me.

/p

pNote that your browser simply ignores your formatting!/p

/body

/html

(這個(gè)例子說明了HTML顯示格式的一些問題。)d:標(biāo)題元素： html

body

h1This is heading 1/h1

h2This is heading 2/h2

h3This is heading 3/h3

h4This is heading 4/h4

h5This is heading 5/h5

h6This is heading 6/h6

pUse heading tags only for headings. Don't use them just to make something bold. Use other tags for that./p

/body

/html

(這個(gè)例子說明了在HTML中顯示標(biāo)題元素的標(biāo)簽。)e:居中的標(biāo)題元素：html

body

h1 align="center"This is heading 1/h1

pThe heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page./p

/body

/html

(這個(gè)例子顯示了一個(gè)居中的標(biāo)題元素。)f:水平線：html

body

pThe hr tag defines a horizontal rule:/p

hr

pThis is a paragraph/p

hr

pThis is a paragraph/p

hr

pThis is a paragraph/p

/body

/html

(這個(gè)例子說明了如何插入水平線。)

g:隱藏的注釋：html

body

!--This comment will not be displayed--

pThis is a regular paragraph/p

/body

/html

(這個(gè)例子說明了在HTML文檔中如何插入隱藏的注釋。)h:背景色：html

body bgcolor="yellow"

h2Look: Colored Background!/h2

/body

/html

(這個(gè)例子說明了如何給頁面設(shè)置背景色。)

學(xué)生個(gè)人網(wǎng)頁制作html代碼是什么?

就是通過寫html代碼設(shè)計(jì)一個(gè)學(xué)生個(gè)人相關(guān)的網(wǎng)頁，要求實(shí)現(xiàn)網(wǎng)頁的基本布局樣式和功能

制作html網(wǎng)頁具體需要學(xué)什么？？

網(wǎng)頁切圖 選學(xué)

網(wǎng)頁設(shè)計(jì)的步驟是策劃-作圖-靜態(tài)頁-編程-測試-發(fā)布-維護(hù)-改版重構(gòu) 循環(huán)

切圖是一個(gè)技術(shù)也是一種藝術(shù)，不少美工都具有切圖的功底！不過，也不是所有的網(wǎng)頁都需要切圖！因此，切圖的選學(xué)的，而且，沒有追求的話，切的亂七八糟也沒關(guān)系！

html標(biāo)簽的用法 必學(xué)

這個(gè)是必學(xué)的，畢竟頁面還是html標(biāo)簽組成的！你要熟知大部分標(biāo)簽的用法！這個(gè)可以去w3school學(xué)習(xí)進(jìn)階！

css 樣式和樣式表 必學(xué)

css是目前網(wǎng)頁設(shè)計(jì)中的主要角色！也是程序和美工的區(qū)別之一！css可以簡單理解為美化！你可以使用他設(shè)置顏色，大小，邊距，行距，字體，位置等等等....

瀏覽器兼容 選學(xué)

html頁面最終要在瀏覽器中運(yùn)行和查看！但是，不是所有的瀏覽器都遵循同一個(gè)標(biāo)準(zhǔn)，因此，你的頁面在每個(gè)瀏覽器底下或多或少的都有一些不同！你要學(xué)會(huì)找到問題，解決問題！最大限度的保證在每個(gè)瀏覽器下看起來都差不多！

javascript jQuery 選學(xué)

JS和JQ是兩個(gè)不同的東西，js在網(wǎng)頁中的主要作用就是網(wǎng)頁“特效”了。比如滑動(dòng)，展開收起，幻燈片等等~~團(tuán)隊(duì)細(xì)分中，html頁面是由前端設(shè)計(jì)師制作的，網(wǎng)頁設(shè)計(jì)師僅僅負(fù)責(zé)效果圖的制作！但是，現(xiàn)在的網(wǎng)頁設(shè)計(jì)師明顯的需要具備多門“手藝”才能混，js是其中之一！

Action script 選學(xué)

AS是flash中的常用到的一種語言！主要是制作全flash網(wǎng)站或者flash+xml交互模塊！ 如flash幻燈片，圖表等~

學(xué)習(xí)建議：

目前的大部分html教程都是垃圾教程，是網(wǎng)站為了賺取流量到處復(fù)制粘貼的千篇一律的扯淡字符串（還不能算是文章，只能算是一個(gè)字一個(gè)字組成的頁面，因?yàn)檫B發(fā)布者都不知道里面寫了什么）！個(gè)人建議，你最好下載幾個(gè)chm格式的手冊，如html手冊，css手冊等~備用查詢，作為字典！我學(xué)習(xí)的時(shí)候是讀的《Head First xHtml + css》，一周入門html+css！不過，學(xué)習(xí)肯定離不開勤學(xué)苦練！以下是我建議的學(xué)習(xí)方法：

1.認(rèn)識(shí)標(biāo)簽，學(xué)會(huì)是使用h標(biāo)題，p段落，ul列表，div元素，img插入，a鏈接

2.學(xué)會(huì)添加標(biāo)簽屬性 class=“name”，id=“name”，table的相關(guān)屬性

3.學(xué)會(huì)引入外部文件，link / script src=""/script img src="" /

4.一個(gè)完整簡單的html，嚴(yán)格按照html的結(jié)構(gòu)制作一個(gè)純html標(biāo)簽組成的頁面，無樣式，能區(qū)別出標(biāo)題，列表，鏈接，段落

5.css學(xué)習(xí)入門：字號(hào)，邊框，float浮動(dòng)，clear清除浮動(dòng)，background背景

6.頁面模塊劃分：header,mian-body,footer 頭部，內(nèi)容，頁腳

7.頁面布局細(xì)分：三列，兩列，四列，多列，【國字形、常字形】

8.html，css分離使用，在html引入外部css樣式表

9.圖片美化頁面

大致以上幾點(diǎn)，循序漸進(jìn)！而且，盡量手寫代碼，使用記事本即可~因?yàn)椋阋粩嗟娜フJ(rèn)識(shí)和書寫一些常用的標(biāo)簽和拼寫！【實(shí)際工作中，編輯軟件都有代碼提示功能，那僅僅是為了加速工作效率，但并不適合新手使用，否則，就懶惰了！不利于記憶和理解！】

如何制作一個(gè)html的網(wǎng)頁

我也是從別人的帖子上看到的，借花獻(xiàn)佛

先從最簡單的 HTML 網(wǎng)頁入手；選擇 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗稱三劍客網(wǎng)頁工具。圖象還須 Photoshop 等作為你的網(wǎng)頁制作工具；制作前，粗略地閱讀 Dreamweaver Fireworks 及 Photoshop 教程，了解這幾個(gè)軟件到底能做些什么；制作你的第一個(gè)實(shí)驗(yàn)性的網(wǎng)站， 遇到困難，可買本《新編網(wǎng)頁制作》的書，找最新版本的，新華書店就有。資料網(wǎng)上也有的是，如果遇到問題難以解決，請將問題提出，讓更多高手為你解答； 初級(jí)階段：應(yīng)初步掌握 三劍客網(wǎng)頁工具的基本操作：策劃和制作你的第一個(gè)網(wǎng)站；不斷為你的網(wǎng)站增加內(nèi)容與功能（例如嘗試將一些 Java Script 小程序添加到你的網(wǎng)頁中。 進(jìn)階階段：具有一定的網(wǎng)頁制作經(jīng)驗(yàn)，制作一般的網(wǎng)頁已經(jīng)不在話下：根據(jù)個(gè)人喜好及實(shí)際需要，網(wǎng)頁制作的方向，你可以學(xué)習(xí)一些美術(shù)方面的知識(shí)；鍛煉自己在網(wǎng)站策劃及信息采輯的技能；嘗試制作其他不同類型的網(wǎng)站，從模仿別人開始，逐漸形成自己的設(shè)計(jì)風(fēng)格；熟練操作 三劍客網(wǎng)頁工具，并至少能讀懂 HTML 及 JavaScript的簡單語言。 好了！這樣，你的網(wǎng)頁制作水平就離高手就不遠(yuǎn)了。 祝你成功！

另外還有

（一）主頁的制作：

1、首先進(jìn)入需要制作網(wǎng)頁后，密碼進(jìn)入點(diǎn)擊制作網(wǎng)頁；

2、進(jìn)入在線編輯；

3、起動(dòng)瀏覽器；

4、進(jìn)入其他人網(wǎng)頁主頁；

5、點(diǎn)擊其他人網(wǎng)頁內(nèi)容；

6、點(diǎn)擊右鍵出復(fù)制；

7、內(nèi)容編輯（下面）；

8、點(diǎn)擊左鍵粘貼；

9、修改不合適內(nèi)容；

10、選顏色；

11、輸入文件名；index

12、點(diǎn)擊完成；

（二）怎樣進(jìn)行超級(jí)連接？

一、相對(duì)連接：（內(nèi)部連接）

第一步：先進(jìn)入進(jìn)入成員專區(qū)，打開網(wǎng)頁制作系統(tǒng)；

第二步：如果是連接你本網(wǎng)頁著作系統(tǒng)已上傳的文件，首先打開需要被連接的文件，點(diǎn)地址欄，變?yōu)樘m色，再點(diǎn)右鍵點(diǎn)復(fù)制；

第三步：進(jìn)入第一頁（主頁）改內(nèi)容，找到原先設(shè)定的目錄選中此目標(biāo)；

第四步：點(diǎn)插入連接，出現(xiàn)對(duì)話框，點(diǎn)右鍵點(diǎn)粘貼，再點(diǎn)OK

第五步：選中背景顏色，點(diǎn)擊完成即可。

二、絕對(duì)連接：（外部連接）

其他文件（本硬盤已存或別人網(wǎng)站等）怎樣進(jìn)行超級(jí)連接？

其他步驟基本相同唯一不同的是：首先選中你所存硬盤或別人網(wǎng)站地址欄內(nèi)的目錄。

（三）怎樣把照片搬到自己的網(wǎng)頁上

一、上傳 選擇法：

1、先把要般的相片存在軟盤上，（非中文文件名）

2、上傳到40兆空間

3、打開網(wǎng)頁制作改內(nèi)容，

4、指定放相片的位置，

5、按插入相片按鈕，點(diǎn)“選擇”;

6、選背景顏色，按完成。

二、復(fù)制 粘貼法：

1、選擇相片右鍵點(diǎn)“復(fù)制”，

2、進(jìn)入網(wǎng)頁改內(nèi)容指定位置，

3、點(diǎn)擊“粘貼”即可。

動(dòng)畫的提取大體與上相同。

如何用HTML5制作網(wǎng)頁

html5標(biāo)簽掌握了，從上到下從左到右，標(biāo)簽合理使用，先把框架搭好，再結(jié)合css3做效果，先花時(shí)間把html5 css3看兩遍，再看網(wǎng)頁設(shè)計(jì)html5制作教程就ok了

當(dāng)然這只是最簡單的

HTML網(wǎng)頁設(shè)計(jì)怎樣設(shè)置網(wǎng)頁主體寬高？

問題說得太籠統(tǒng)了。網(wǎng)頁主體指的是？整體布局？這個(gè)很難說的，例如，我設(shè)置了 html, body 都為100%，然后我設(shè)置一個(gè)盒子是 80% ，那么這個(gè) 80% 的盒子控制主體， 又例如： 最外層的div我也是設(shè)置100%,然后我每部分分別設(shè)置它需要的寬，那就是每部分控制的。

你要設(shè)置那就要根據(jù)你的項(xiàng)目的實(shí)際情況來決定。

急求?。。【W(wǎng)頁設(shè)計(jì) HTML代碼大全

HTML標(biāo)記_HTML大全_HTML標(biāo)記大全_超文本標(biāo)記語言

網(wǎng)頁（WebPage）文件主要是用超文本標(biāo)記語言（HyperText Markup Language，簡稱HTML）語句來寫成。您可以通過IE瀏覽器的“查看”菜單中的“源文件”看到該頁的HTML代碼。HTML語言由一系列元素(element)組成，用于組織文件的內(nèi)容和指導(dǎo)文件的輸出格式。元素名稱不分大小寫。一個(gè)元素可以有多個(gè)屬性，屬性及其屬性值不分大小寫。屬性名＝屬性值合起來構(gòu)成一個(gè)完整的屬性，一個(gè)元素可以有多個(gè)屬性，各個(gè)屬性用空格分開。元素又由標(biāo)記(tag)的構(gòu)成，大多數(shù)標(biāo)記是成對(duì)出現(xiàn)的，分起始標(biāo)記 (start tag)和結(jié)尾標(biāo)記/ (end tag)，以便和頁面的內(nèi)容區(qū)分開來。其寫成的文件是標(biāo)準(zhǔn)的ASCII文件，不同于一般的編程語言，故稱為腳本（Script）更準(zhǔn)確一點(diǎn)。其實(shí)也很簡單，特別是在專門的HTML編輯器的幫助下，您可以迅速地學(xué)會(huì)HTML，并能很快寫出有自己特色的Homepage來。

需要說明的是：各種瀏覽器對(duì)html元素及其屬性的解釋不完全一樣，如NC與IE是有區(qū)別的。

標(biāo) 簽 內(nèi) 容 備 注

基 本 標(biāo) 簽 所有HTML文件都有的

html……/html 表示文件類型為HTML文檔

head……/head 設(shè)置文檔描述及其他不在WEB網(wǎng)頁上顯示的信息

body……/body HTML文檔的主體（頁面的實(shí)際內(nèi)容）

標(biāo) 題 標(biāo) 簽 　

title……/title 在標(biāo)題欄中顯示的題目（放在head/head內(nèi)）

擴(kuò) 展 屬 性 標(biāo) 簽 　

base

基址標(biāo)簽，為解決相對(duì)編址作參考值

META

將HTTP命令發(fā)給CONTENT=number;url允許，描述不包含在標(biāo)準(zhǔn)HTML里的文檔信息。使用詳解

link

提供將現(xiàn)行文檔與其它文檔或?qū)嶓w關(guān)聯(lián)起來的信息

ISINDEX 指明在服務(wù)器上提供文檔的可以檢索的索引

style……/style 允許包含樣式表（CSS）信息

頁 面 屬 性 標(biāo) 簽 body……/body標(biāo)簽的擴(kuò)展屬性。使用詳解

body bgcolor=#…… 設(shè)置背景顏色，用名字或十六進(jìn)制值

body text=#…… 設(shè)置文本文字顏色，用名字或十六進(jìn)制值

body link=#…… 設(shè)置鏈接顏色，用名字或十六進(jìn)制值

body vlink=#…… 設(shè)置已使用的鏈接的顏色，用名字或十六進(jìn)制值

body alink=#…… 設(shè)置正在被擊中鏈接的顏色，用名字或十六進(jìn)制值

文 本 標(biāo) 簽 　

pre……/pre 創(chuàng)建預(yù)格式化文本

h1……/h1 創(chuàng)建最大的標(biāo)題

h6……/h6 創(chuàng)建最小的標(biāo)題

b……/b 創(chuàng)建黑體字

i……/i 創(chuàng)建斜體字

tt……/tt 創(chuàng)建打字機(jī)風(fēng)格的字體

cite……/cite 創(chuàng)建一個(gè)引用，通常是斜體

em……/em 加重（通常是斜體加黑體）

strong……/strong 強(qiáng)調(diào)（通常是斜體加黑體）

font size=value/font 設(shè)置字體大小，從1到7

font color=……/font 設(shè)置字體的顏色，使用名字或十六進(jìn)制值

鏈 接 　

a href="/URL"/a 創(chuàng)建一個(gè)超鏈接

a href="mailto:EMAIL" /a 創(chuàng)建一個(gè)自動(dòng)發(fā)送電子郵件的鏈接

a name="NAME"/a 創(chuàng)建一個(gè)位于文檔內(nèi)部的靶位

a href="#NAME"/a 創(chuàng)建一個(gè)指向位于文檔內(nèi)部靶位的鏈接

格 式 排 版 　

p 創(chuàng)建一個(gè)新的段落

p align=…… 將段落按左、中、右對(duì)齊

br 插入一個(gè)回車換行符

blockquote……/blockquote 從兩邊縮進(jìn)文本

dl……/dl 創(chuàng)建一個(gè)定義列表

dt 放在每個(gè)定義術(shù)語詞之前

dd 放在每個(gè)定義之前

ol……/ol 創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表

li 放在每個(gè)數(shù)字列表項(xiàng)之前，并加上一個(gè)數(shù)字

ul……/ul 創(chuàng)建一個(gè)標(biāo)有圓點(diǎn)的列表

li 放在每個(gè)圓點(diǎn)列表項(xiàng)之前，并加上一個(gè)圓點(diǎn)

div align=…… 一個(gè)用來排版大塊HTML段落的標(biāo)簽，也用于格式化表

圖 形 元 素 　

img src="/name" 添加一個(gè)圖像

img src="/name" align=value 排列對(duì)齊一個(gè)圖像：左中右或上中下

img src="/name" border=value 設(shè)置圍繞一個(gè)圖像的邊框的大小

hr 加入一條水平線

hr size=value 設(shè)置水平線的大?。ǜ叨龋?/p>

hr width=value 設(shè)置水平線的寬度（百分比或絕對(duì)像素點(diǎn)）

hr noshade 創(chuàng)建一個(gè)沒有陰影的水平線

表 格 　

table……/table 創(chuàng)建一個(gè)表格

tr……/tr 開始表格中的每一行

td……/td 開始一行中的每一個(gè)格子

th……/th 設(shè)置表格頭：一個(gè)通常使用黑體居中文字的格子

表 格 屬 性 　

table border=value 設(shè)置圍繞表格的邊框的寬度

table cellspacing=value 設(shè)置表格格子之間空間的大小

table cellpadding=value 設(shè)置表格格子邊框與其內(nèi)部內(nèi)容之間空間的大小

table width=value 或 % 設(shè)置表格的寬度－用絕對(duì)像素值或文檔總寬度的百分比

tr align=…… 設(shè)置表格格子的水平對(duì)齊（左中右）

tr valign=…… 設(shè)置表格格子的垂直對(duì)齊（上中下）

td colspan=value 設(shè)置一個(gè)表格格子應(yīng)跨占的列數(shù)（缺省為1）

td rowspan=value 設(shè)置一個(gè)表格格子應(yīng)跨占的行數(shù)（缺省為1）

td nowrap 禁止表格格子內(nèi)的內(nèi)容自動(dòng)斷行回卷

窗 框 　

frameset……/frameset 放在一個(gè)窗框文檔的body標(biāo)簽之前，也可以嵌在其他窗框文檔中

frameset rows="value,value" 定義一個(gè)窗框內(nèi)的行數(shù)，可以使用絕對(duì)像素值或高度的百分比

frameset cols="value,value" 定義一個(gè)窗框內(nèi)的列數(shù)，可以使用絕對(duì)像素值或?qū)挾鹊陌俜直?/p>

frame 定義一個(gè)窗框內(nèi)的單一窗或窗區(qū)域

noframes……/noframes 定義在不支持窗框的瀏覽器中顯示什么提示

窗 框 屬 性 　

frame src="/URL" 規(guī)定窗框內(nèi)顯示什么HTML文檔

frame name="name" 命名窗框或區(qū)域以便別的窗框可以指向它

frame marginwidth=value 定義窗框左右邊緣的空白大小，必須大于等于1

frame marginheight=value 定義窗框上下邊緣的空白大小，必須大于等于1

frame scrolling=value 設(shè)置窗框是否有滾動(dòng)欄，其值可以是"yes","no","auto"，缺省時(shí)一般為"auto"

frame noresize 禁止用戶調(diào)整一個(gè)窗框的大小

表 單 對(duì)于功能性的表單，一般需要運(yùn)行一個(gè)CGI小程序，HTML僅僅是產(chǎn)生表單的表面樣子。

form……/form 創(chuàng)建所有表單

select multiple name="NAME" size=value………/select 創(chuàng)建一個(gè)滾動(dòng)菜單，size設(shè)置在需要滾動(dòng)前可以看到的表單項(xiàng)數(shù)目

option 設(shè)置每個(gè)表單項(xiàng)的內(nèi)容

select name="NAME"……/select 創(chuàng)建一個(gè)下拉菜單

textarea name="NAME" cols=value rows=value……/textarea 創(chuàng)建一個(gè)文本框區(qū)域，列的數(shù)目設(shè)置寬度，行的數(shù)目設(shè)置高度

input type="checkbox" name="NAME" 創(chuàng)建一個(gè)復(fù)選框，文字在標(biāo)簽后面

input type="radio" name="NAME" value="x" 創(chuàng)建一個(gè)單選框，文字在標(biāo)簽后面

input type=text name="……" size=value 創(chuàng)建一個(gè)單行文本輸入?yún)^(qū)域，size設(shè)置以字符計(jì)的寬度

input type="submit" value="NAME" 創(chuàng)建一個(gè)submit（提交）按鈕

input type="image" border=0 name="NAME" src="/name.gif" 創(chuàng)建一個(gè)使用圖象的submit（提交）按鈕

input type="reset" 創(chuàng)建一個(gè)reset（重置）按鈕

附 加 屬 性 　

PRE……/PRE 預(yù)置格式風(fēng)格標(biāo)簽用來顯示字體寬度固定的文本塊，主要用來在表格格式中顯示文本

TT……/TT 打字機(jī)風(fēng)格用來顯示打字機(jī)字體寬度固定的文本

SAMP……/SAMP 示例風(fēng)格以單倍距顯示文本

ADDRESS……/ADDRESS 地址風(fēng)格一般用于文檔的開始或結(jié)尾處，并以斜體格式顯示文本。

DL……/DL 定義列表風(fēng)格用來顯示術(shù)語及其定義

顏色

#=rrggbb 16 進(jìn)制 RGB 數(shù)值，或者是下列預(yù)定義色彩：

Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本頁首部]

META標(biāo)簽

描述不包含在標(biāo)準(zhǔn)HTML里的文檔信息。

META NAME="keywords" CONTENT="yourkeyword"

META NAME="description" CONTENT="your homepage's description"

本頁的關(guān)鍵字和描述。在頁面里加上這些定義后，一些搜索引擎就能夠讓讀者根據(jù)這些關(guān)鍵字搜索到您的主頁，了解你的主頁內(nèi)容。

META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm"

瀏覽器將在30秒后，自動(dòng)轉(zhuǎn)到new.htm。您可用它制作一個(gè)封面，在若干時(shí)間后，自動(dòng)帶讀者來到您的目錄頁。如果URL項(xiàng)沒有，瀏覽器就是刷新本頁。這就是WWW聊天室定期刷新的實(shí)現(xiàn)原理。

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

描述本頁使用的語言。瀏覽器根據(jù)此項(xiàng)，就可以選擇正確的語言編碼，而不需要讀者自己在瀏覽器里選擇。GB2312是指簡體中文，而臺(tái)灣BIG5內(nèi)碼的主頁則是用BIG5。

META HTTP-EQUIV="Pragma" CONTENT="no-cache"

強(qiáng)制性調(diào)用網(wǎng)上的最新版本。瀏覽器為節(jié)約時(shí)間，在本地硬盤上保存一個(gè)臨時(shí)文件。在重新調(diào)用時(shí)，便直接顯示那個(gè)臨時(shí)文件。如果您想讓讀者每次都看到最新的版本，可加上句。[返回本頁首部]

LINK

顯示本文檔和其他文檔之間的連接關(guān)系。一個(gè)最有用的應(yīng)用就是外部層疊樣式表的定位。格式如下：

LINK REL="stylesheet" href="/style.css"REL參數(shù)說明兩個(gè)文檔之間的關(guān)系，HREF說明目標(biāo)文檔名。關(guān)于層疊樣式表，將在后面的課程中詳述。[返回本頁首部]

BASE

本文檔的原始地址。語法：BASE HREF="原始地址"當(dāng)讀者下載您的文檔后，由此可以知道是從哪里下載的。[返回本頁首部]

BODY

BODY標(biāo)記有一些屬性，用于定義頁面內(nèi)的顯示效果。 ALINK、LINK、TEXT、VLINK—— 文字的顏色。

ALINK：當(dāng)前激活的連接的文字顏色。

LINK：連接的文字顏色。

TEXT：文字的顏色。

VLINK：參觀過的文字顏色。

注意：文字的顏色要和背景色有明顯的差別，以便讀者瀏覽。

BACKGROUND、BGPROPERTIES、BGCOLOR——頁面的背景部分。

BACKGROUND：背景圖案，該圖案在頁面內(nèi)平鋪。背景圖案應(yīng)保持單一色調(diào)，以保證頁面文字易于閱讀。

BGPROPERTIES：設(shè)置成FIXED，則背景圖案不滾動(dòng)。（只對(duì)INTERNET EXPLORER有效）

BGCOLOR：背景色。

注意：如果你的背景圖案是深色調(diào)，因之文字顏色為淡顏色，那么由于瀏覽器調(diào)用頁面的順序是“背景色-文字-背景圖案”，那么在背景圖案沒有顯示的情況下，你的文字在白顏色下很難閱讀，所以應(yīng)該選用一個(gè)跟你的背景圖案顏色一致的背景色。

LEFTMARGIN、TOPMARGIN——頁邊空白。（只對(duì)INTERNET EXPLORER有效）

LEFTMARGIN：左邊頁邊空白。

TOPMARGIN：頂端頁邊空白。

網(wǎng)頁設(shè)計(jì)html的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于html鍒朵綔緗戦〉浠ｇ爜、網(wǎng)頁設(shè)計(jì)html的信息別忘了在本站進(jìn)行查找喔。