蘭州網(wǎng)站建設(shè)公司-霈源網(wǎng)絡(luò)！
網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)制作咨詢電話：135-1931-9495
網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)制作咨詢電話：135-1931-9495 
發(fā)表日期：2010/3/24 文章編輯：蘭州網(wǎng)站建設(shè) 瀏覽次數(shù)： 點(diǎn)擊：1151
用一分鐘制作自己的第一個(gè)網(wǎng)頁(yè)：
下面我們來(lái)試著做一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，希望您能跟著我們操作，這只會(huì)花費(fèi)您一分鐘時(shí)間。現(xiàn)在您也許不知道那些尖括號(hào)“<>”和里面的字母究竟是些什么東西，不要擔(dān)心，我們會(huì)在后面的教程中向您介紹。
首先請(qǐng)運(yùn)行記事本，或在任意位置新建一個(gè)文本文檔，在記事本內(nèi)輸入如下內(nèi)容：
| 以下為引用的內(nèi)容： <html> <head> <title>我是這個(gè)網(wǎng)頁(yè)的標(biāo)題</title> </head> <body> <p>這是我的第一個(gè)網(wǎng)頁(yè)。</p> </body> </html> |
輸入完畢后將文件保存，命名為“index.html”。(點(diǎn)擊“文件”—>“另存為”。在“文件名”一欄填入“index.html”，在“保存類型”一欄選擇"所有文件"，然后點(diǎn)擊“保存按鈕”)
保存之后，雙擊該文件，瀏覽器就會(huì)自動(dòng)打開這個(gè)網(wǎng)頁(yè)了。請(qǐng)確認(rèn)一下你的網(wǎng)頁(yè)是否與該頁(yè)面相同，如果相同，那么你就成功地完成了自己的第一個(gè)比較簡(jiǎn)陋的網(wǎng)頁(yè)。
請(qǐng)注意，這只是一個(gè)簡(jiǎn)單的頁(yè)面，雖然它在語(yǔ)法上符合XHTML的標(biāo)準(zhǔn)，但是如果要作為一個(gè)完整的、符合W3C標(biāo)準(zhǔn)的XHTML網(wǎng)頁(yè)，它還缺少一些內(nèi)容。相關(guān)內(nèi)容將在后面的教程中介紹。這個(gè)網(wǎng)頁(yè)僅僅是用來(lái)講解一些基礎(chǔ)的XHTML知識(shí)。
基礎(chǔ)知識(shí)講解
我們剛剛制作的網(wǎng)頁(yè)以<html>開頭，以</html>結(jié)尾，它們分別代表網(wǎng)頁(yè)文件的開始和結(jié)束。
英文中head是頭的意思，body是身體的意思。網(wǎng)頁(yè)的<head></head>和<body></body>兩部分就分別代表了網(wǎng)頁(yè)的“頭”和“身子”。也許你注意到了，我們網(wǎng)頁(yè)的“頭”里面“有一個(gè)<title></title>。title一詞是標(biāo)題的意思，網(wǎng)頁(yè)的標(biāo)題(title)將會(huì)顯示在瀏覽器上方的標(biāo)題欄中。而網(wǎng)頁(yè)的身子，也就是<body>與</body>標(biāo)簽中間的內(nèi)容將作為正文被顯示在瀏覽器中。
這個(gè)網(wǎng)頁(yè)很單薄，head和body中都沒有什么內(nèi)容。我們會(huì)在以后的教程中逐漸豐富網(wǎng)頁(yè)的內(nèi)容。但是現(xiàn)在請(qǐng)您記住一個(gè)概念：網(wǎng)頁(yè)的頭(head)是為瀏覽器寫的，它將不會(huì)顯示在頁(yè)面上，而身子(body)是為網(wǎng)站的用戶寫的，是瀏覽器將要顯示的內(nèi)容。
菜鳥惡搞XHTML之錯(cuò)誤示例
打開下面這兩個(gè)錯(cuò)誤示例看看。它們的代碼都存在十分嚴(yán)重的錯(cuò)誤，但是瀏覽器卻會(huì)準(zhǔn)確無(wú)誤地顯示這兩個(gè)網(wǎng)頁(yè)。
| 示例1——身子長(zhǎng)在腦袋里 <html> <head> <title>我是這個(gè)網(wǎng)頁(yè)的標(biāo)題</title> <p>這是我的第一個(gè)網(wǎng)頁(yè)。</p> </head> <body> </body> </html> |
看看上面這個(gè)網(wǎng)頁(yè)，<head>和</head>之間的內(nèi)容正常的顯示在頁(yè)面上了。但是這是滑稽的錯(cuò)誤，把身子放在腦袋里了。
| 示例二——腦袋長(zhǎng)在脖子下 <html> <head> </head> <body> <title>我是這個(gè)網(wǎng)頁(yè)的標(biāo)題</title> <p>這是我的第一個(gè)網(wǎng)頁(yè)。</p> </body> </html> |
瀏覽器的適應(yīng)能力實(shí)在是令人佩服，即使你將腦袋放在身子里它也認(rèn)得出來(lái)。看看標(biāo)題欄，標(biāo)題完全正常顯示。
好了，在實(shí)際應(yīng)用的時(shí)候請(qǐng)不要犯上面這種低級(jí)錯(cuò)誤。這會(huì)造成嚴(yán)重的后果：搜索引擎可能不收錄你的網(wǎng)站；使用手機(jī)或者其他移動(dòng)設(shè)備瀏覽你網(wǎng)站的朋友可能遇到未知錯(cuò)誤。下面就趕快讓我們來(lái)進(jìn)入XHTML的核心內(nèi)容吧。
聲明：網(wǎng)站部分信息來(lái)源網(wǎng)絡(luò)若有侵權(quán)或違禁請(qǐng)告知我們刪除；網(wǎng)站建設(shè)制作，網(wǎng)站優(yōu)化：版權(quán)所有:蘭州霈源網(wǎng)絡(luò)科技有限公司 業(yè)務(wù)咨詢：13519319495 在線Q Q：
360網(wǎng)站安全檢測(cè)平臺(tái) 隴ICP備15000675號(hào)-2 甘公網(wǎng)安備 62010302001228號(hào)
相關(guān)搜索：蘭州網(wǎng)站建設(shè)、甘肅建設(shè)網(wǎng)站、網(wǎng)站建設(shè)明細(xì)報(bào)價(jià)表、企業(yè)網(wǎng)站建設(shè)，網(wǎng)站設(shè)計(jì)公司網(wǎng)站建設(shè)哪家公司好、網(wǎng)站建設(shè)學(xué)習(xí)網(wǎng)、蘭州網(wǎng)站制作、蘭州網(wǎng)站建設(shè)公司、蘭州網(wǎng)站設(shè)計(jì)公司、蘭州建設(shè)網(wǎng)、蘭州網(wǎng)站制作培訓(xùn)、蘭州專業(yè)網(wǎng)站制作、網(wǎng)站制作高端、網(wǎng)站制作、網(wǎng)站制作公司，網(wǎng)站制作收費(fèi)標(biāo)準(zhǔn)，網(wǎng)站制作的基本步驟，網(wǎng)站制作公司，網(wǎng)站價(jià)格，網(wǎng)站制作多少錢，建個(gè)網(wǎng)站需要多少錢，如何制作自己的網(wǎng)站、網(wǎng)站建設(shè)流程、網(wǎng)站建設(shè)公司電話13519319495
 |
|||||||||||||||
|
|||||||||||||||
 |
|||||||||||||||
 | |||||||||||||||
基礎(chǔ)網(wǎng)站
企業(yè)營(yíng)銷
定制網(wǎng)站
行業(yè)網(wǎng)站
政府網(wǎng)站
響應(yīng)式網(wǎng)站
微信商城
手機(jī)網(wǎng)站
微信商城
微信分銷
O2O電商
域名注冊(cè)
虛擬主機(jī)
企業(yè)郵箱
最新簽約
網(wǎng)站優(yōu)化
建站知識(shí)
行業(yè)新聞
公司介紹
匯款方式
公司團(tuán)隊(duì)
發(fā)展歷程
當(dāng)前位置：
