HTML是編寫網頁的語言
HTML的全稱是「HyperText Mark Language」，中文是「超文件標示語言」
瀏覽器是最基本的HTML Readers
記事本是最簡單的HTML 編輯器
記事本是最簡單的HTML 編輯器
在大多數的時候會將要顯示的內容放在HTML tags 中
HTML tags有開始和結束的標籤
HTML tags有開始和結束的標籤
例：
<hl>Recipe
World</h1>
<h1>開始標籤(opening tag)
</h1>結束標籤(closing tag)
HTML使用<h1>~<h6>來定義標題
<h1></h1>最重要，網頁的標題、公司名稱通常放這
<h2></h2>網頁的主旨通常放這
<h3></h3>比較不重要
<h6></h6>重要性最低，通常是頁面區塊的標題
不要使用<h1>~h6>來調整文字的大小，HTML是定義網頁內容的結構，外觀是交給CSS來處理。
不要使用<h1>~h6>來調整文字的大小，HTML是定義網頁內容的結構，外觀是交給CSS來處理。
<p></p>表示一個段落
不管你在HTML中打了多少個空白、列，HTML只會顯示1個空白、1個列
例：
<ul>無順序清單(unordered list)例：
例：
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ol>順序清單(ordered list)
例：
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
父標籤(parent)與子標籤(children)
父標籤：包含其他標籤
子標籤：包含在父標籤之內
<ul>à父標籤
<li>Milk</li>
</ul>
<li>Milk</li>
</ul>
編寫HTML時要注意，子標籤要注意縮排，沒有縮排會使的HTML變的很難閱讀。
要顯示的內容要放在<body></body>中
一些不可見的資料放在<head></head>中，例如<title>、<style>
所有的HTML都要放在<html></html>中
DOCTYPE定義了HTML的版本<!DOCTYPE
html>
定義了HTML的版本會讓瀏覽器更清楚的知道要如何展示文件
一個簡單的HTML架構範例(圖片來自w3schools)：
http://代表所使用的通訊協定(protocol)
example.com是伺服器的位置(server)
magic-cake.html是檔案的位置(path to a file)
2.按下enter
瀏覽器向server發出一個請求(request)，server去尋找所要求的檔案
3.server回覆找到的檔案，瀏覽器把檔案顯示出來
按下連結就像是在瀏覽器的網址列中輸入URL，只是URL已經在HTML的連結中寫好了
如何寫一個link?
將文字包在<a></a>中，文字就變成可以點選的連結
<a href=”http://example.com/legal.html”>legal
page</a>
加上href屬性後，點選文字就能開啟連結(網址要用” ”框起來)
<a href=”http://example.com/legal.html”
target=”_blank”>legal page</a>
target屬性定義了當點選連結之後，開啟的方式
_blank開新分頁/視窗
_self 取代目前分頁/視窗
絕對路徑(absolute) VS 相對路徑(relative)
絕對路徑總是會包括protocal(http)和server(example.com)，用來連結不同伺服器上的檔案(向特定的伺服器要求檔案)
例：
<a href=”http://example.com/legal.html”>legal page(顯示的文字)</a>
相對路徑不會包括伺服器位置和protocal，瀏覽器會使用和目前頁面相同的server和protocal
例：
<a href=” legal.html”>legal page(顯示的文字)</a>