前言
W3C規定網頁由三部分組成：結構，表現，行為，
結構指的就是HTML
表現指的是CSS
行為指的是JavaScript
這是網頁的三部分，是由萬維網聯盟W3C規范的，
一、網頁、網站
網頁是用HTML撰寫的一種檔案，將這種檔案放在Web服務器上可以讓在互聯網上的其他用戶瀏覽，網站是網頁的集合，多個網頁可以共同組成一個網站，網站顯示的第一個網頁稱為首頁，
1. 網頁的構成元素
一個網頁都是由哪些元素組成的呢？
文本，超鏈接，圖片，表格，表單，影片，音頻，視頻…
一個網頁的構成元素很豐富，可以是文字，也可以是圖片，甚至可以將一些多媒體檔案（如音頻、視頻等）插入網頁里，
1.1 文本
文本是為了展示給用戶資訊，如個人資訊，自我介紹等
網頁資訊主要以文本為主，這里指的文本是文本字，而非圖片中的文字，在網頁中可以通過字體、大小、顏色、底紋、邊框等選項來設定文本的屬性，中文文字顏色不要太雜亂，
1.2 圖片
圖片一般是為了美化頁面，放置Logo，當然也有用戶自己由于某種需求上傳的圖片，也有某些網站用來專門放置各種圖片，如攝影愛好者網站等
- Logo標志，是代表網站形象或欄目內容的標志性圖片，一般在網頁左上角，
- Banner廣告，用于宣傳站內某個欄目或者活動的廣告，一般以GIF影片形式為主，
- 圖示，主要用于導航，在網頁中具有重要的作用，相當于路標，
- 背景圖，用來裝飾和美化網頁，
1.3 超鏈接
超鏈接是可以點擊的，點擊會跳轉到相應的地址，
可以說超鏈接是網站的“靈魂”，它是從一個網頁指向另一個目的端的鏈接
如指向另一個網頁或者相同網頁上的不同位置，
超鏈接可以指向一幅圖片、一個電子郵件地址、一個檔案、一個程式或者本頁中的其他位置，
超鏈接的載體可以是文本、圖片或者Flash影片等，
超鏈接廣泛存在于網頁的圖片和文字中，提供與圖片和文字相關內容的鏈接，在超鏈接上單擊，即可鏈接到相應地址（URL）的網頁，
滑鼠指標指向有鏈接的地方，默認會變成小手形狀，
可以說，超鏈接是網頁的最大特色，
1.4 表格
此表格非彼表格，不是Excel里的表格，當然作用是想通的，都是可以用來記錄資料的，
當然網頁里的表格還有更多的功能，如設定布局，美化界面等
1.5 表單
表單是用來收集用戶資料的，表單其實也都見過，就是調差問卷，填寫姓名，地址等，然后提交的，
二、如何開發網頁
1. HTML
網頁是使用HTML語言進行開發的，
那么什么是HTML呢？
HTML（Hypertext Markup Language）是超文本標記語言，
嚴格來說，HTML不屬于編程語言，他是用標簽的形式標示出網頁不同的組成部分，
2. 第一個HTML
在桌面新建一個文本檔案，命名為hello（其實什么都行），雙擊打開，將下面的代碼貼進去
<DOCTYPE html> <!-- 表示這是一個HTML檔案 -->
<html> <!-- 所有的代碼都要放在這哥和下面的</html>里面 -->
<head> <!-- 頭部資訊，一些不展示給別人看的資訊 -->
<title>第一個HTML</title> <!-- 頁面標題 -->
</head>
<body> <!-- 展示給別人看的 -->
hello world! <!-- hello world，不需要引號之類的多余的東西，當然你也可以添加一下看看效果 -->
</body>
</html>
保存，退出
將檔案格式從txt轉為html格式，雙擊使用瀏覽器打開
然后就沒有然后了
3. 編輯器
當然，可以直接使用記事本撰寫，不過非常不推薦，
這邊推薦使用vs code（Visual Studio Code），它是一款免費開源的現代化輕量級代碼編輯器，支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、自定義熱鍵、括號匹配、代碼片段、代碼對比 Diff、GIT 等特性，支持插件擴展，并針對網頁開發和云端應用開發做了優化，軟體跨平臺支持 Win、Mac 以及 Linux，
他的好處是，輕量級，界面炫酷，功能強大，插件眾多，你完全可以只是用vs code來開發Python，Java，C/C++專案
vs code 下載地址：
1.官網下載
2.百度云盤下載 碼：aode
三、小練習
鞏固自己所學知識，在腦海里過一遍，什么是網頁，網頁含有什么元素，
找到幾個網頁，敘述網頁中都適用了哪些標簽，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/297595.html
標籤：其他
下一篇：切換選中