HTML（HyperText Markup Language）是一種簡單、通用的超文本標記語言，Web服務器返回給客戶端的最常見的內容就是HMTL文檔。可以用其制作包含圖像、文字、聲音等精彩內容在內的網頁，它由瀏覽器解釋并顯示在用戶瀏覽器的窗口中。HTML文檔的基本結構如下所示：
基本HTML頁面從<html>標記開始，到</html>結束。在它們之間，就是頭部分和主體部分。頭部分用<head>…</head> 標記（Tags）界定，一般包含網頁標題、文檔屬性等不在網頁上顯示的元素。主體部分是網頁的主體，內容均會反映在頁面上，用<body>…</body>標記來界定，主要包括文字、圖像、動畫、超鏈接等內容。注意：代碼中“//”符號為注釋符。標記是HTML語言的標簽符號和用標簽符號構成的各種元素的統稱。標簽是描述性的標記，用一對“<>”中間包含若干字符表示，通常成對出現，前一個是起始標簽，后一個為結束標簽。標記不區分大小寫。較常見的標簽如下：
【例】用HTML語言設計一個簡單的網頁頁面，設計后打開頁面如下圖所示：
設計步驟如下：新建一個記事本文件，把下面的代碼添加到文件中，并將文件名保存為“×××.htm”。
照此示例，設計和編輯自己的網頁文件，要求其中包含自己的個人信息，參考下圖所示：
照此示例，設計和編輯自己的網頁文件，要求其中包含自己的個人信息，參考下圖所示：
當然，HTML語言作為網頁設計的基礎，有必要作一下了解，但是實際操作，可以采用更加直接、高效的方式——使用網頁設計工具：網頁三劍客中的Dreamweaver或微軟Office中的SharePoint（Office 2003以下版本名為：FrontPage）。如有興趣，可自行學習掌握。但是，通常，Office套件中的SharePoint不是默認安裝的組件，Dreamweaver也需另行安裝。如果急需制作一個簡單的網頁文件，通常計算機中的一個軟件也是可以勝任此職的，那就是文字編輯軟件——Word或WPS。下面，以Word為例，完成一個簡單靜態網頁的制作。設計網頁中，超鏈接是一個重要環節，設置超鏈接的具體位置如下圖所示：
選擇右鍵菜單的“超鏈接”后，“插入超鏈接”的屬性設置界面如下圖所示：
其中，“鏈接到”可鏈接四種類型：（1）原有文件或網頁：表示鏈接到已經創建過的網頁，在“查找范圍”中可以鎖定其文件位置；（2）本文檔中的位置：表示鏈接到文檔中的一個“書簽”處。書簽，是長網頁文檔中某一位置的標識；（3）新建文檔：表示鏈接到一個新建文檔，并在創建過程中，保存其文檔名和文檔位置；（4）電子郵件地址：表示鏈接指向一個電子郵件地址。大家可以逐一嘗試并體會創建這四種類型鏈接的差別。編輯好超鏈接屬性后，將文檔“另存為”網頁文件格式（文件名為：×××.htm），用瀏覽器顯示其內容為：
這樣，帶有超鏈接元素的簡單靜態網頁就制作好了。
來源：@小程老師 新浪博客 網絡圖片
本文發布于:2023-02-28 21:10:00，感謝您對本站的認可！
本文鏈接：http://www.newhan.cn/zhishi/a/1677732047101245.html
版權聲明：本站內容均來自互聯網，僅供演示用，請勿用于商業和其他非法用途。如果侵犯了您的權益請與我們聯系，我們將在24小時內刪除。
本文word下載地址：簡單網頁(簡單網頁制作成品和代碼).doc
本文 PDF 下載地址：簡單網頁(簡單網頁制作成品和代碼).pdf
| 留言與評論（共有 0 條評論） |
