我個人感覺，一個以視覺主導思維的設計師或藝術家，在訓練過程已很習慣拿熟悉的元素作拼貼；
而在學習HTML時，這些拼貼的元素會變成一行行程式碼，經過練習後，設計網站就像在拼貼這些程式碼；到了CSS的時候，會把“拼貼”跟“設計”這兩項工作分開，過程上更有效率，上手的人會用「強大」來形容它的能力，但這也是從“物理世界”轉換到“工程思維”的階段，對藝術家是個大挑戰。
Div element:
Div elements divide your page by enclosing other elements. These enclosed groups of elements can then be organized, moved and styled independently from one another.
<div class="main"> ...</div>
它是用來分割網頁元素，以群組方式歸類，要調整位置與風格時，就一次處理整個Div
Metadata processes：
像是網頁的腦袋，因為它們溝通、傳遞訊息，但是使用者看不到。
<!DOCTYPE html> // Tells the web browser to expect an HTML document.
<html>...</html> // The root of the HTML document and parent of all other HTML elements on the webpage.
<head>...</head> // Enclose other metadata about the site, such as its title.
<title>...</title> // Contains the site's title, which is one way users can find your site through a search engine, like Google.
<meta charset="utf-8”/> // Tells the web browser which character set to use. In this case, the character set is "utf-8".
CSS：
stands for cascading style sheets, and is used to style HTML elements. 用層疊的概念做網頁元素的風格設計。
HTML elements：
* h1-h6: <h1>Heading</h1> 數字越小，字越大，通常用在標頭
* p: <p>Description of company here.</p>在標頭以外，文章或描述片段的時候使用
* a:
<a href="http://codecademy.com">Click here</a> to learn how to make a website! a是Anchor(錨)的縮寫，用在外部網頁連結上
* video: 影片
* unordered list:
<ul>
<li>list item</li>
<li>another item</li>
<li>yet another</li>
</ul> // 未排序的清單
* div: 拿來整理所有HTML元素並且使用class的屬性，並且需取名字
<div class="main">
<h2>Subheading!</h2>
</div>
