首先要知道，HTML不被視爲一種編程語言，因爲它不能執行編程語言中常見的數學邏輯或其他功能。HTML是一種標記語言。
CSS 是用於網站的佈局和設計樣式表語言。CSS與HTML一般結合使用。
一個<h1>指定的東西作爲一個頁面上最重要的標題，另外還有h1到h6
<p>段落內容</p>
<img src="圖片地址">
<a href="鏈接地址">點擊我進入鏈接</a>
我們可以爲元素賦予唯一的id或class屬性，以便我們可以在CSS代碼中專門針對它們並設置其樣式。
頁面結構：
<!DOCTYPE html> 告訴瀏覽器我們正在使用HTML5代碼
<html>
<head> head標籤放置了與HTML文檔有關的元數據，也是對外部樣式表，字體和腳本的引用的地方
<title>Page Title</title>
</head>
<body>
正文內容
</body>
</html>
div元素
HTML元素<div>表示文檔中的分區或部分。它用於將頁面上的內容分爲“塊”或“板塊”
<div>
<h1>Hello World!</h1>
<p>Example paragraph</p>
</div>
我們可以將頁面中的元素包裝在div元素內，然後使用CSS設置頁面的樣式。
原則上，<div>僅當沒有其他語義元素合適時才應使用該元素。
有序列表（帶有數字編號）：
<ol>
<li>Red</li>
<li>Orange</li>
<li>Yellow</li>
</ol>
無序列表（帶有符號點）：
<ul>
<li>Red</li>
<li>Orange</li>
<li>Yellow</li>
</ul>
合併和嵌套的例子：
<h4>My Color List</h4>
<ol>
<li>Red</li>
<li>Orange</li>
<li>Yellow
<ul>
<li>Sunflower</li>
<li>Banana
<ol>
<li>Frozen Banana</li>
<li>Non-Frozen Banana</li>
</ol>
</li>
</ul>
</li>
</ol>
table表格，每個表格行由<tr>元素指定，每個單元格由<td>元素指定。
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Breed</th>
</tr>
</thead>
<tbody>
<tr>
<td>Lassie</td>
<td>10</td>
<td>Rough Collie</td>
</tr>
<tr>
<td>Hector</td>
<td>6</td>
<td>German Shepherd</td>
</tr>
</tbody>
</table>
<form>元素用於創建表單，可以使用文本字段，單選按鈕，複選框，下拉菜單，提交按鈕以及許多其他類型的輸入來填寫表單。
<form action="/login" method="POST">
<label for="username">Username:</label>
<input id="username" type="text">
<label for="password">Password:</label>
<input id="password" type="password">
<button>Login</button>
</form>
如何添加CSS？
推薦使用外部css
首先將CSS寫入以.css擴展名結尾的文件中。在HTML文檔中包括這些樣式。要鏈接到我們的HTML文檔中的外部CSS文件，請使用<link>元素，該元素具有href引用CSS文件路徑的屬性
<html>
<head>
<title>示例標題</ title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>測試標題</h1>
</body>
</html>
顏色
h1 {
color: red;}
h2 {
color: #FF0000;}
h3 {
color: rgb(255, 0, 0);}
一些最常用的與文本相關的CSS屬性包括：
font-family –更改目標文本的字體
字體大小 –控制字體的大小
font-weight –控制字體的粗細（例如，我們可以使用此屬性製作粗體文本）
行高 –控制一行文本佔用多少空間
文本對齊 –設置文本的對齊方式（左，右，居中）
文本裝飾 –在文本上添加裝飾線條{font-family：“ Arial”，sans-serif; font-size：20px; font-weight：粗體; 行高：2；文本對齊： 居中；文字裝飾：下劃線；}
CSS中，有三種主要的選擇器類型：元素選擇器，類選擇器和id選擇器。
元素選擇器，選擇器通常將是某個 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身
html {color:black;}
h1 {color:blue;}
h2 {color:silver;}
類選擇器，我們可以使用HTML 類屬性爲一個或多個元素提供一個類，然後將該類用於定位那些用該類標記的元素，並在CSS中對其進行樣式設置。
類選擇器以點.前綴開頭，後跟我們要定位的類名稱
<h1 class="important">
This heading is very important.
</h1>
<p class="important">
This paragraph is very important.
</p>
*.important {color:red;}
或者
.important {color:red;}
ID選擇器，當我們要定位頁面上的單個唯一元素時，可以在HTML中爲其指定id屬性。我們可以使用指定的id通過CSS定位唯一元素，併爲其指定樣式。
<p id="intro">This is a paragraph of introduction.</p>
*#intro {font-weight:bold;}
ID選擇器以哈希#前綴開頭，後跟唯一的ID名稱。
注意，id屬性在頁面上應該是唯一的。在HTML文檔中，我們不應多次使用單個ID。如果我們需要定位多個元素，則應使用一個類 來定義和定位所有元素 。
此外，還有屬性選擇器等