標籤：oid cascading 標記 換行 連接埠 設定 orm 瀏覽器 統一
初學前端開發，記錄下自己的學習筆記。
第一章 認識HTML
1:關於HTML
HTML是超文字標記語言 (HTML)（HyperText Markup Language）的縮寫，用來建立網頁的結構。
它只會根據標記來確定在哪裡換行或者分段。所以瀏覽器會忽略HTML文檔中的定位字元、斷行符號和空格。
共有六級標題，從<h1>到<h6>，字型由大到小。
HTML注釋放在<!--和-->之間，瀏覽器會把它們完全忽略，可以有多行。
<em>元素表示強調。
<head>的HTML頁面的頭部，它包含了web頁面的相關資訊。
2、關於CSS
CSS是層疊樣式表（cascading style sheets）的縮寫。它提供了一種方法來告訴瀏覽器頁面中的元素如何顯示。
想要增加樣式，要在頁面中增加<style>元素。它放在HTML的首部裡。
它有一個可選的屬性type，告訴瀏覽器在使用什麼類型的樣式。使用CSS，對應的類型是"text/css"。
第二章 深入瞭解超文本
<a>元素建立一個超文本連結，元素的內容會成為web頁面上可以點擊的文本，href屬性會告訴流浪器連結目標。
文本和映像都可以當做連結的標籤。
第三章 構建模組
<q> 短引用：作為現有段落的一部分，大部分瀏覽器會加上引號，是quotation的縮寫。
<blockquote> 長引用 ： 這是一個塊元素，建立了一個單獨的文字區塊，還會將文字稍微縮排，看起來更像一個引用。若果想引用一段或者多段文字，可以使用這個元素。
在<blockquote>中使用<q>這是引用的引用，使用<p>的話可以形成多個段落。
塊(block)元素,前後都有一個換行, 如<h1> ~ <h6>, <p> , <blockquote>,<ol>,<ul>,<li>等，特點是: 特立獨行
內聯(inline)元素,總在“行內”出現, 如<q>, <a>, <em>,特點是: 隨波逐流
void元素,這個元素沒有實際內容，會用簡寫來表示，如<img>, <br>,這樣能提高效率。
如果想插入自己的換行是，使用<br>元素。
<ol> order list 有序列表
<ul> unorder list 無序列表
<li> list item
字元實體：如果想輸出 The <html> element，通過使用字元實體 可以這樣寫 The < html > element ，更多的字元實體可以訪問http://www.unicode.org/charts/
第四章 串連起來
www.starbuzzcoffee.com 中 starbuzzcoffee.com 是網域名稱， www是域中特定伺服器的名字。
www.starbuzzcoffee.com只是 starbuzzcoffee.com這個域上的一個網站。
URL(Uniform Resource Locateor)統一資源定位器，是一個全域地址，可以定位web上任意資源，包括html頁面，音頻，視頻以及其他形式的web內容。
web伺服器預設檔案名稱為"index.html"或"default.htm",所以如果瀏覽器請求目錄，伺服器會在該目錄下尋找"index.html"或"default.htm"，如果找到則返回。如果末尾沒有正斜杠，如果該目錄確實存在，那麼瀏覽器會自動幫你加上末尾的斜線。
檔案URL有3個斜線而不是2個，http url中刪去網站名也會有3個斜線
web伺服器預設連接埠為80
<a href="index.html#chai">See Chai Tea</a>或者href = "http://wickedlysmart.com/buzz/#Teas_and_other_infusions,點擊這個連結就會跳轉到index.html中id為chai或者Teas_and_other_infusions的部分顯示，否則預設是連結到top位置。
<a target="_target" href="http://www.google.com">Google</a> 在一個新的視窗開啟這個連結
第五章 為頁面增加映像
照片和複雜映像使用 jpeg（jpeg有損、不支援透明度、比較小、不支援動畫）
單色映像、logo和幾何映像使用png或gif（png可包含上百萬中顏色、無損、可透明、映像下面的東西可以顯示出來、相對於jpeg而言png更大；Gif類似png、256種顏色、無損、支援透明度，不過只允許一種顏色設定為透明、比jpeg更大、支援動畫）
第六章 標準及其他
使用W3C嚴重工具來驗證：http://validator.w3.org
Head First Html and CSS學習筆記之HTML
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
