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

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

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

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

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

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

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

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

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

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

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

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

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)過時

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（微小改進）——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)化組織和國際電工委員會的標(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版本是因為當(dāng)時有很多不同的版本。有些人認(rèn)為蒂姆·伯納斯-李的版本應(yīng)該算初版，這個版本沒有IMG元素。當(dāng)時被稱為HTML+的后續(xù)版的開發(fā)工作于1993年開始，最初是被設(shè)計成為“HTML的一個超集”。第一個正式規(guī)范在為了和當(dāng)時的各種HTML標(biāo)準(zhǔn)區(qū)分開來，使用了2.0作為其版本號。HTML+的發(fā)展繼續(xù)下去，但是它從未成為標(biāo)準(zhǔn)。

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

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

如何制作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”。啟動瀏覽器。在文件菜單中選擇“打開”（或者“打開頁面”），這時將出現(xiàn)一個對話框。選擇“瀏覽”（或者“選擇文件”），定位到你剛才創(chuàng)建的HTML文件——“mypage.htm”，選擇它，單擊“打開”。然后在對話框中，你將看到這個文件的地址，比如說：“C:\MyDocuments\mypage.htm”。單擊“確定”，瀏覽器將顯示此頁面。

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

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

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

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

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

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自動在一個標(biāo)題元素前后各添加一個空行。

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

pThis is another paragraph/p HTML自動在一個段落前后各添加一個空行。

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

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

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

更多示例：a:多個段落：

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

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

html

body

p

To breakbrlinesbrin abrparagraph,bruse the br tag.

/p

/body

/html

(這個例子說明了在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

(這個例子說明了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

(這個例子說明了在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

(這個例子顯示了一個居中的標(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:隱藏的注釋：html

body

!--This comment will not be displayed--

pThis is a regular paragraph/p

/body

/html

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

body bgcolor="yellow"

h2Look: Colored Background!/h2

/body

/html

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

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

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

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

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

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

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

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

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

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

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

瀏覽器兼容 選學(xué)

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

javascript jQuery 選學(xué)

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

Action script 選學(xué)

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

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

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

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

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

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

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

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

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

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

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

9.圖片美化頁面

大致以上幾點，循序漸進！而且，盡量手寫代碼，使用記事本即可~因為，你要不斷的去認(rèn)識和書寫一些常用的標(biāo)簽和拼寫！【實際工作中，編輯軟件都有代碼提示功能，那僅僅是為了加速工作效率，但并不適合新手使用，否則，就懶惰了！不利于記憶和理解！】

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

另外還有

（一）主頁的制作：

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

2、進入在線編輯；

3、起動瀏覽器；

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

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

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

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

8、點擊左鍵粘貼；

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

10、選顏色；

11、輸入文件名；index

12、點擊完成；

（二）怎樣進行超級連接？

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

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

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

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

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

第五步：選中背景顏色，點擊完成即可。

二、絕對連接：（外部連接）

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

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

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

一、上傳 選擇法：

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

2、上傳到40兆空間

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

4、指定放相片的位置，

5、按插入相片按鈕，點“選擇”;

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

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

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

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

3、點擊“粘貼”即可。

動畫的提取大體與上相同。

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

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

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

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

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

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

急求?。?！網(wǎng)頁設(shè)計 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òu)成一個完整的屬性，一個元素可以有多個屬性，各個屬性用空格分開。元素又由標(biāo)記(tag)的構(gòu)成，大多數(shù)標(biāo)記是成對出現(xiàn)的，分起始標(biāo)記 (start tag)和結(jié)尾標(biāo)記/ (end tag)，以便和頁面的內(nèi)容區(qū)分開來。其寫成的文件是標(biāo)準(zhǔn)的ASCII文件，不同于一般的編程語言，故稱為腳本（Script）更準(zhǔn)確一點。其實也很簡單，特別是在專門的HTML編輯器的幫助下，您可以迅速地學(xué)會HTML，并能很快寫出有自己特色的Homepage來。

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

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

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

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

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

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

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

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

擴 展 屬 性 標(biāo) 簽 　

base

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

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)簽的擴展屬性。使用詳解

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

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

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

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

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

文 本 標(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)建打字機風(fēng)格的字體

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

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

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

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

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

鏈 接 　

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

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

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

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

格 式 排 版 　

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

p align=…… 將段落按左、中、右對齊

br 插入一個回車換行符

blockquote……/blockquote 從兩邊縮進文本

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

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

dd 放在每個定義之前

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

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

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

li 放在每個圓點列表項之前，并加上一個圓點

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

圖 形 元 素 　

img src="/name" 添加一個圖像

img src="/name" align=value 排列對齊一個圖像：左中右或上中下

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

hr 加入一條水平線

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

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

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

表 格 　

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

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

td……/td 開始一行中的每一個格子

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

表 格 屬 性 　

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

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

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

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

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

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

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

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

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

窗 框 　

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

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

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

frame 定義一個窗框內(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è)置窗框是否有滾動欄，其值可以是"yes","no","auto"，缺省時一般為"auto"

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

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

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

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

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

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

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

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

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

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

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

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

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

附 加 屬 性 　

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

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

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

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

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

顏色

#=rrggbb 16 進制 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秒后，自動轉(zhuǎn)到new.htm。您可用它制作一個封面，在若干時間后，自動帶讀者來到您的目錄頁。如果URL項沒有，瀏覽器就是刷新本頁。這就是WWW聊天室定期刷新的實現(xiàn)原理。

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

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

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

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

LINK

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

LINK REL="stylesheet" href="/style.css"REL參數(shù)說明兩個文檔之間的關(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，則背景圖案不滾動。（只對INTERNET EXPLORER有效）

BGCOLOR：背景色。

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

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

LEFTMARGIN：左邊頁邊空白。

TOPMARGIN：頂端頁邊空白。

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