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