資訊科技/網路技術簡介
為了使網站以特定方式顯示和執行，網頁開發者會使用不同的語言。構成全球資訊網的三種核心語言是 HTML、CSS 和 JavaScript。
在 IT 世界中，網際網路是一個必不可少的平臺，無論是用於開發還是消費者使用。在開發網站時，通常會用到三種主要語言。這些語言是 JavaScript、CSS 和 HTML。HTML 是大多數網頁的骨架。從本質上講，它用於建立特定網站的外觀結構，從標題到段落、主體、連結，甚至影像。
標記 語言是編寫網頁的語言。最常用的標記語言是 HTML，它使用標籤來註釋文字，以便計算機可以操作文字。大多數標記語言是人類可讀的，並使用與註釋文字不同的註釋。有很多不同的標記和語言，但它們在註釋文件的方式上是一致的。
超文字被定義為資料庫中資訊的排列方式，允許使用者接收資訊並透過單擊主文件中突出顯示的文字或圖片從一個文件導航到另一個文件。超文字是全球資訊網的基礎，因為它允許使用者單擊其他連結以獲取更多資訊。超文字是一個用於所有連結的術語，無論是文字還是其他圖形部分。
HTML 是用於建立和編輯網頁和網路應用程式的常規標記語言。HTML 用於建立網站的基本結構。HTML 由不同的元素組成，這些元素以一個開始標籤 <tag> 和一個結束標籤 </tag> 為字首。標籤 <html> 和 </html> 之間的內容是網頁的內容。標籤 <head> 和 </head> 之間的內容是網頁的標題。此文字顯示在 <title> 和 </title> 標籤之間。標籤 <body> 和 </body> 之間的內容是網頁的主要內容。內容可以包含連結、段落、標題和各種其他元素。
以下是最常用的 HTML 標籤
| 標籤 | 描述 |
|---|---|
| <h1> - <h6> | 為網頁提供標題。1 是最大的標題，6 是最小的標題。 |
| <p> | 在網頁中開始一個段落。 |
| <i> | 斜體字型樣式。 |
| <b> | 粗體字型樣式。 |
| <a> | 在網頁上插入超連結。 |
| <ul> & <li> | 開始一個無序或有序列表。 |
| <!DOCTYPE> | 定義網頁的文件型別。 |
| <!-- --> | 允許你在 HTML 程式碼中插入註釋。註釋不會在網頁上顯示，但有助於組織。 |
| <img> | 在網頁上插入影像。 |
| <br> | 在文字主體之間插入換行符。 |
HTML 2.0 出版於 1995 年，完善了 RFC 系統，允許對系統進行詳細的機械解釋。
HTML 3.2 出版於 1997 年，對 HTML 的結構進行了大規模的清理。它刪除了數學公式，協調了程式碼重疊，並採用了 Netscape 的視覺標記標籤。
HTML 4.0 出版於 1997 年底，引入了 3 個不同的版本和瀏覽器特定的外掛。4.0 允許定製針對特定瀏覽器的體驗。
XHTML 於 2000 年釋出，將 HTML 和 XML 融合成了一種非常精確的語言，幾乎過於精確。XHTML 被廣泛認為是一種繁瑣且難以掌握的語言。
HTML 5.0 釋出於 2014 年，是目前使用的 HTML 版本。HTML 5.0 去掉了 XHTML 的一些繁瑣和嚴格之處，同時保留了其保持精確和詳細的能力。
HTTP 是全球資訊網使用的協議，它確定訊息的格式和傳輸方式。它還指示 Web 伺服器和瀏覽器在響應多個命令時應採取的操作。當你開啟你的 Web 瀏覽器並輸入一個 URL 時，你就是在使用 HTTP。Web 伺服器根據傳送的 HTTP 命令指示它獲取並傳輸所請求的網頁。
HTTP 是一種用作 Web 上通訊基本基礎的應用程式。HTTP 是你在輸入 Web 地址時鍵入的第一個字母。HTTP 是一種請求-響應協議。客戶端可能會請求某些內容，而 http 允許客戶端訪問資訊。就像當我們更新我們的虛擬機器時，我們想要的請求是獲取軟體更新，http 請求發出並獲取更新。如果你在銀行網站或華夏公益教科書網站上，它將是 https，其中 ‘s’ 代表安全。這意味著計算機正在安全的網路上進行通訊。
CSS 是一種由全球資訊網聯盟 (W3C) 制定的樣式表語言標準，用於建立和編輯網頁的視覺呈現。CSS 允許網頁開發者將網頁內容和視覺樣式隔離到單獨的文件中，並提供更好的頁面佈局控制。外部 CSS 表格通常與 HTML 和 XHTML 連結，也可以連結到 XML、SVG 和 XUL。HTML 和 Javascript 與 CSS 結合在一起，是大多數網站介面所使用的技術的必要組成部分。它也被用於移動裝置的介面，使網站更具吸引力。
以下是最常用的 CSS 標籤
| 標籤 | 描述 |
|---|---|
| background | 一個簡寫屬性，用於在一個宣告中設定所有背景屬性。 |
| color | 設定文字的顏色。 |
| opacity | 設定元素的透明度級別。 |
| border | 在一個宣告中設定所有邊框屬性。 |
| border-color | 設定四個邊框的顏色。 |
| float | 指定一個盒子是否應該浮動 |
| padding | 在一個宣告中設定所有填充屬性。 |
| /*...*/ | 允許您在 CSS 程式碼中插入註釋。註釋不會在網頁上顯示，但對組織很有幫助。 |
| width | 設定元素的寬度。 |
| clear | 指定元素的哪一邊不允許其他浮動元素。 |
CSS 可以透過三種不同的方式與 HTML 結合使用：內聯、內部和外部。
- 內聯樣式透過在要設定樣式的元素之後放置“style”來為頁面上的單個元素新增樣式。
- 內部樣式為單個文件建立樣式，因為 CSS 儲存在 HTML 文件的頭部。內部樣式使用圍繞所有樣式選擇器的<style>標籤放置。
- 外部樣式表存在於與 HTML 文件不同的文件中，這使得樣式和結構的組織更加合理。外部樣式表可以連結到構成網站的所有 HTML 文件，允許網頁開發者使用一個文件來設定整個網站（所有頁面）的樣式。
例如：h2 style = "color: blue"
例如：<style>
body {background-color: white;}
/* 這是一個註釋！
'Body' 是選擇器，
'background-color' 是宣告*/
h2 {color: blue;}
</style>
網頁設計程式幫助網頁建立者管理和建立網站內容。許多網頁設計程式內建了許多工具，可以簡化建立網站的過程。這些程式包括 Dreamweaver 和 Sublime。還有一些像 Wordpress 和 Ghost 這樣的釋出程式，允許使用者擁有更基於 GUI 的介面來進行部落格和管理網站。
Sublime
Sublime 是一款文字編輯器，允許網頁開發者、程式設計師、軟體工程師等操作程式碼。它不僅適用於 HTML 和 CSS，還可以為許多不同的程式語言和新的生產力工具進行設定。Sublime 擁有的一個許多其他工具沒有的貢獻是“Package Control”工具。該工具允許您完全訪問一個完整的庫內容，以改善您的編碼體驗。例如，您可以安裝一個名為 Emmet 的軟體包，幫助您快速鍵入大量的 HTML 程式碼。如果您鍵入“html:5”並按下“tab”鍵，則 Emmet 將輸出 HTML 5 文件的所有正確語法。
SASS
SASS 有點像 Emmet，但更像是一種語言。它是一種用 Ruby 編寫的語言，它為 CSS 提供了更多功能，例如變數和巢狀。與 Emmet 一樣，它使 CSS 的編寫速度更快、效率更高，為程式設計師節省了大量時間。
通常是指在網路上由使用者的網路瀏覽器執行的計算機程式，而不是在網路伺服器上執行的計算機程式，這使得網頁可以被編寫指令碼。客戶端指令碼不需要伺服器上的額外軟體，而是利用使用者的網路瀏覽器來理解它所編寫的指令碼語言。
伺服器端指令碼是在網頁開發中使用的一種技術，它涉及在網路伺服器上使用指令碼，這些指令碼為每個使用者對網站的請求生成唯一的響應。
當客戶端指令碼和伺服器端指令碼共同構建一個網頁時，它被稱為 web 應用程式。這個 web 應用程式可以管理使用者互動、安全性和幫助提高客戶端和伺服器之間的效能。web 應用程式可以包括從線上商店到即時通訊服務的所有內容，只要伺服器端和客戶端都執行指令碼以協同達成一個共同目標即可。
JavaScript 是一種與 HTML 和 CSS 一起用作全球資訊網三個核心元件的指令碼語言。JavaScript 具有頭等函式，並被用於大多數網站。JavaScript 不具有任何 I/O，這意味著它必須嵌入在宿主環境中。JavaScript 也被用於 PDF 文件、遊戲開發以及桌面和移動應用程式。JavaScript 最常用於透過向 HTML 頁面新增客戶端行為來建立 DHTML。
全球資訊網聯盟 (W3C) 是一個國際性的網路成員社群，致力於制定網路標準。它由全球資訊網的發明者蒂姆·伯納斯-李在 20 世紀創立。W3C 的設計目的是充分發揮網路的潛力，並使其能夠被來自世界各地所有使用者訪問。此外，W3C 的另一個目標是制定標準，以確保網路朝著一個方向發展，而不是分裂成相互競爭的群體。以下是 W3C 制定的一些標準
- 無障礙性
- 網頁創作
- 網頁效能
- 層疊樣式表
- HTML5
- 網頁字型
- 部件
- 媒體訪問
- 移動網頁應用程式
- 網頁設計和應用程式的國際化
- 移動網頁創作
- XML
- 圖形
- RDF
- HTTP
等等