Day-02 認識網頁的基本架構

接續昨天，今天繼續來學習一些網頁的基本架構，畢竟想要學習好網站安全，在與別人進行攻防又或是想要更加深入網站安全之前，學好網頁的基本架構很重要，因為在若是在不了解網站的情況下很容易會遇到一些困難，例如:

一.看不懂題目:
大部分的資安的網站安全一定會提到如表單、JavaScript、cookie、HTTP封包之類的概念，若是連這些都不熟悉的話，會無法理解題目

二.無法區分資料的傳送過程:
在不理解基本架構的情況下，我們很難去知道資料是如何從前端送到哪?後端如何去處理一些請求?這會導致我們很難去進行一些行動，例如發送正確的攻擊請求。

三.無法正確使用工具:
例如基本的網頁檢查器、Curl、Burp Suite是我們學習網站安全基本必備的工具，如果我們在不理解網頁原理的情況下，可能根本看不懂這些工具的輸出方式。

綜合以上原因，我選擇在第二天先學習網頁的基本架構，避免以後學習的路上遇到上述可避免的麻煩。

網頁的基本架構與組成元素

通常網頁是由三大核心技術組成的，而這三樣分別對應了內容、外觀以及互動功能。

一.HTML(HyperText Markup Language)-結構和內容

HTML可謂是網頁的骨架，最主要的工作是負責定義網頁內有哪些元素，如文字、影片、表格等還有基本結構

舉例:
<h1>Headline</h1>
< p>text </p>
<img src="image.jpg" alt="this is a photo">

二.CSS(Cascading Style Sheets)-外觀與樣式

CSS最主要負責的是美化HTML，控制了顏色、字體、邊框、版面配置等視覺效果。

舉例:
	h1 {
  		color: red;
  		text-align: center;
}

三.JavaScripts-行為與互動

JavaScripts是讓網頁變得會動的關鍵，我們通常會利用它們來處理按鈕的點擊、表單的驗證、資料的載入還有動畫等。

舉例:
	document.querySelector("button").addEventListener("click", function() {
 	 alert("You click the button！");
});

以上三種就是最主要構成網頁的元素了，當然今天的只是簡介，接下來的三天我要對這三種元素進行比較深入的研究，包括能夠對它們的語言有基本的了解。