<HTML>初識HTML
阿新 • • 發佈：2019-03-31
oct 完全 art 屬性 nbsp left bsp spa -m
最近在閱讀Head first HTML and CSS, 寫一些筆記。
小知識：
1. 瀏覽器會忽略HTML文檔中的制表符，回車和大部分空格——要用標記
2. WYSIWYG——使得用戶在視圖中所看到文檔與該文檔的最終產品具有相同的樣式
3. <!-- Hey, it‘s annotate -->
4. 元素=開始標記+內容+結束標記 <!-- it‘s an element -->
5. CSS---Cascading style sheet
Style元素：
1.格式
<head> <!--寫在head部分裏面 --> <title> Spam </title> <style type="text/css"> <!-- 可選屬性type,告訴瀏覽器你在使用什麽類型的樣式 --> <!-- 定義頁面樣式 --> </style> </head>
2, 完全可以只使用<style>而不帶屬性，所有瀏覽器都知道你指的是css。
3. 例子
（1）.代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hello World</title> <style type="text/css"> <!-- css的語法，樣式定義式後面有分號 --> body{ background-color: salmon; margin-right: 20%; margin-left: 20%; margin-top: 10%; padding: 10px 10px 10px 10px; border: black dotted 2px; font-family: sans-serif; } </style> </head> <body> <h1>Hello, world</h1> <p>I don‘t know what to do</p> <h2>My Jam</h2> <p>Long time----Cake</p> <p>Soap---Melanie Martinez</p> <p>Cry Baby --- Melanie Martinez</p> <h2>Poem</h2> <p>O captain, my captain</p> </body> </html>
（2）.運行結果
4.例子解析
（1）.註意css裏面的分號
（2） margin-lef/right/... 外邊距
（3） padding 內邊距， 註意四邊的距離， 而且距離之間用空格隔開， 不用逗號
（4） border 邊界，IE瀏覽器不一定看得到， 可定義顏色，大小，類型等等
<HTML>初識HTML