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