XHTML入門學(xué)習(xí)教程:簡(jiǎn)單網(wǎng)頁制作_XHTML教程
用一分鐘制作自己的第一個(gè)網(wǎng)頁：
下面我們來試著做一個(gè)簡(jiǎn)單的網(wǎng)頁，希望您能跟著我們操作，這只會(huì)花費(fèi)您一分鐘時(shí)間�，F(xiàn)在您也許不知道那些尖括號(hào)“<>”和里面的字母究竟是些什么東西，不要擔(dān)心，我們會(huì)在后面的教程中向您介紹。
首先請(qǐng)運(yùn)行記事本，或在任意位置新建一個(gè)文本文檔，在記事本內(nèi)輸入如下內(nèi)容：
| 以下為引用的內(nèi)容： <html> <head> <title>我是這個(gè)網(wǎng)頁的標(biāo)題</title> </head> <body> <p>這是我的第一個(gè)網(wǎng)頁。</p> </body> </html> |
輸入完畢后將文件保存，命名為“index.html”。(點(diǎn)擊“文件”—>“另存為”。在“文件名”一欄填入“index.html”，在“保存類型”一欄選擇"所有文件"，然后點(diǎn)擊“保存按鈕”)
保存之后，雙擊該文件，瀏覽器就會(huì)自動(dòng)打開這個(gè)網(wǎng)頁了。請(qǐng)確認(rèn)一下你的網(wǎng)頁是否與該頁面相同，假如相同，那么你就成功地完成了自己的第一個(gè)比較簡(jiǎn)陋的網(wǎng)頁。
請(qǐng)注重，這只是一個(gè)簡(jiǎn)單的頁面，雖然它在語法上符合XHTML的標(biāo)準(zhǔn)，但是假如要作為一個(gè)完整的、符合W3C標(biāo)準(zhǔn)的XHTML網(wǎng)頁，它還缺少一些內(nèi)容。相關(guān)內(nèi)容將在后面的教程中介紹。這個(gè)網(wǎng)頁僅僅是用來講解一些基礎(chǔ)的XHTML知識(shí)。
基礎(chǔ)知識(shí)講解
我們剛剛制作的網(wǎng)頁以<html>開頭，以</html>結(jié)尾，它們分別代表網(wǎng)頁文件的開始和結(jié)束。
英文中head是頭的意思，body是身體的意思。網(wǎng)頁的<head></head>和<body></body>兩部分就分別代表了網(wǎng)頁的“頭”和“身子”。也許你注重到了，我們網(wǎng)頁的“頭”里面“有一個(gè)<title></title>。title一詞是標(biāo)題的意思，網(wǎng)頁的標(biāo)題(title)將會(huì)顯示在瀏覽器上方的標(biāo)題欄中。而網(wǎng)頁的身子，也就是<body>與</body>標(biāo)簽中間的內(nèi)容將作為正文被顯示在瀏覽器中。
這個(gè)網(wǎng)頁很單薄，head和body中都沒有什么內(nèi)容。我們會(huì)在以后的教程中逐漸豐富網(wǎng)頁的內(nèi)容。但是現(xiàn)在請(qǐng)您記住一個(gè)概念：網(wǎng)頁的頭(head)是為瀏覽器寫的，它將不會(huì)顯示在頁面上，而身子(body)是為網(wǎng)站的用戶寫的，是瀏覽器將要顯示的內(nèi)容。
菜鳥惡搞XHTML之錯(cuò)誤示例
打開下面這兩個(gè)錯(cuò)誤示例看看。它們的代碼都存在十分嚴(yán)重的錯(cuò)誤，但是瀏覽器卻會(huì)準(zhǔn)確無誤地顯示這兩個(gè)網(wǎng)頁。
| 示例1——身子長(zhǎng)在腦袋里 <html> <head> <title>我是這個(gè)網(wǎng)頁的標(biāo)題</title> <p>這是我的第一個(gè)網(wǎng)頁。</p> </head> <body> </body> </html> |
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請(qǐng)注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽：有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- HTML表單標(biāo)記教程(4):
- HTML網(wǎng)頁列表標(biāo)記學(xué)習(xí)教程
- XHTML入門學(xué)習(xí)教程:什么是XHTML?
- HTML表單標(biāo)記教程(5):文字域標(biāo)記
- HTML網(wǎng)頁超鏈接標(biāo)記
- XHTML網(wǎng)頁教程
- XHTML入門學(xué)習(xí)教程:表單標(biāo)簽
- HTML表格標(biāo)記教程(41):表頭的寬度和高度屬性WIDTH、HEIGHT
- HTML表格標(biāo)記教程(6):暗邊框色屬性BORDERCOLORDARK
- HTML高級(jí)教程標(biāo)準(zhǔn)要點(diǎn)(xhtml)
- 相關(guān)鏈接：
- 教程說明：
XHTML教程-XHTML入門學(xué)習(xí)教程:簡(jiǎn)單網(wǎng)頁制作
。