XHTML怎么制作簡單網頁

這篇文章主要介紹“XHTML怎么制作簡單網頁”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“XHTML怎么制作簡單網頁”文章能幫助大家解決問題。

我們提供的服務有:成都網站設計、網站建設、微信公眾號開發(fā)、網站優(yōu)化、網站認證、臺江ssl等。為上千多家企事業(yè)單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務,是有科學管理、有技術的臺江網站制作公司

用一分鐘制作自己的第一個網頁:

下面我們來試著做一個簡單的網頁,希望您能跟著我們操作,這只會花費您一分鐘時間?,F在您也許不知道那些尖括號“<>”和里面的字母究竟是些什么東西,不要擔心,我們會在后面的教程中向您介紹。

首先請運行記事本,或在任意位置新建一個文本文檔,在記事本內輸入如下內容:

以下為引用的內容:

<html>

<head>

<title>我是這個網頁的標題</title>

</head>

<body>

<p>這是我的第一個網頁。</p>

</body>

</html>

輸入完畢后將文件保存,命名為“index.html”。(點擊“文件”&mdash;>“另存為”。在“文件名”一欄填入“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&mdash;&mdash;身子長在腦袋里

<html>

<head>

<title>我是這個網頁的標題</title>

<p>這是我的第一個網頁。</p>

</head>

<body>

</body>

</html>

看看上面這個網頁,<head>和</head>之間的內容正常的顯示在頁面上了。但是這是滑稽的錯誤,把身子放在腦袋里了。

示例二&mdash;&mdash;腦袋長在脖子下

<html>

<head>

</head>

<body>

<title>我是這個網頁的標題</title>

<p>這是我的第一個網頁。</p>

</body>

</html>

瀏覽器的適應能力實在是令人佩服,即使你將腦袋放在身子里它也認得出來??纯礃祟}欄,標題完全正常顯示。

關于“XHTML怎么制作簡單網頁”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關的知識,可以關注創(chuàng)新互聯行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。

網頁標題:XHTML怎么制作簡單網頁
本文網址:http://bm7419.com/article30/pcgepo.html

成都網站建設公司_創(chuàng)新互聯,為您提供服務器托管、品牌網站建設、電子商務、網站設計做網站、App開發(fā)

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

搜索引擎優(yōu)化