溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“XHTML怎么制作簡單網(wǎng)頁”的相關(guān)知識，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“XHTML怎么制作簡單網(wǎng)頁”文章能幫助大家解決問題。
用一分鐘制作自己的第一個網(wǎng)頁：
下面我們來試著做一個簡單的網(wǎng)頁，希望您能跟著我們操作，這只會花費(fèi)您一分鐘時間?，F(xiàn)在您也許不知道那些尖括號“<>”和里面的字母究竟是些什么東西，不要擔(dān)心，我們會在后面的教程中向您介紹。
首先請運(yùn)行記事本，或在任意位置新建一個文本文檔，在記事本內(nèi)輸入如下內(nèi)容：
以下為引用的內(nèi)容：
<html>
<head>
<title>我是這個網(wǎng)頁的標(biāo)題</title>
</head>
<body>
<p>這是我的第一個網(wǎng)頁。</p>
</body>
</html>
輸入完畢后將文件保存，命名為“index.html”。（點(diǎn)擊“文件”—>“另存為”。在“文件名”一欄填入“index.html”，在“保存類型”一欄選擇"所有文件"，然后點(diǎn)擊“保存按鈕”）
保存之后，雙擊該文件，瀏覽器就會自動打開這個網(wǎng)頁了。請確認(rèn)一下你的網(wǎng)頁是否與該頁面相同，如果相同，那么你就成功地完成了自己的第一個比較簡陋的網(wǎng)頁。
請注意，這只是一個簡單的頁面，雖然它在語法上符合XHTML的標(biāo)準(zhǔn)，但是如果要作為一個完整的、符合W3C標(biāo)準(zhǔn)的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一詞是標(biāo)題的意思，網(wǎng)頁的標(biāo)題（title）將會顯示在瀏覽器上方的標(biāo)題欄中。而網(wǎng)頁的身子，也就是<body>與</body>標(biāo)簽中間的內(nèi)容將作為正文被顯示在瀏覽器中。
這個網(wǎng)頁很單薄，head和body中都沒有什么內(nèi)容。我們會在以后的教程中逐漸豐富網(wǎng)頁的內(nèi)容。但是現(xiàn)在請您記住一個概念：網(wǎng)頁的頭（head）是為瀏覽器寫的，它將不會顯示在頁面上，而身子（body）是為網(wǎng)站的用戶寫的，是瀏覽器將要顯示的內(nèi)容。
打開下面這兩個錯誤示例看看。它們的代碼都存在十分嚴(yán)重的錯誤，但是瀏覽器卻會準(zhǔn)確無誤地顯示這兩個網(wǎng)頁。
示例1——身子長在腦袋里
<html>
<head>
<title>我是這個網(wǎng)頁的標(biāo)題</title>
<p>這是我的第一個網(wǎng)頁。</p>
</head>
<body>
</body>
</html>
看看上面這個網(wǎng)頁，<head>和</head>之間的內(nèi)容正常的顯示在頁面上了。但是這是滑稽的錯誤，把身子放在腦袋里了。
示例二——腦袋長在脖子下
<html>
<head>
</head>
<body>
<title>我是這個網(wǎng)頁的標(biāo)題</title>
<p>這是我的第一個網(wǎng)頁。</p>
</body>
</html>
瀏覽器的適應(yīng)能力實(shí)在是令人佩服，即使你將腦袋放在身子里它也認(rèn)得出來?？纯礃?biāo)題欄，標(biāo)題完全正常顯示。
關(guān)于“XHTML怎么制作簡單網(wǎng)頁”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
