<!DOCTYPE> <!-- 註解 -->
圖片語法 連接 <a href="連接網址l"><img src="圖片網址" /></a>
<ol>(<ul>為無順序)
<li> 有順序的列表
</li> </ol>
<p(可替換為li Hx) style="color: green; font-size:16px; font-family: Bodoni">字型狀態大小,顏色
<p style="background-color:背景顏色"> <p style="text-align:left">(文字對其位置)<left左 center中 right右>
<strong>粗體字</strong> <em>斜體字</em>
<table border="1px"> ---------------------------------
<thead> <tr><th colspan="2">表頭1(佔2格)</th></tr>
<tr><th> 表頭2</th></tr>
</thead>
<tbody>
<tr>
<td>表格</td>
<td>右表</td>
</tr>
</tbody>
<body>
<div style="width:50px; height:50px; background-color:red"></div>
<div style="width:50px; height:50px; background-color:green"></div>
<div style="width:50px; height:50px; background-color:yellow"></div>
</body>--------------------------------
<p>This text is black, except for the word <span style="color:red">red</span>!<p>
<span style="insert style here">
<link type="text/css" rel="stylesheet" href="stylesheet.css" /> CSS (<head裡>)
--------------------------------CSS--------------------
{
color: red;
}
span {
font-family:
color: blue;
font-size: 44px
}
<head>
<style>
p {
color: purple; <-------直接加在網頁的CSS
}
</style>
h3{
color:red
background-color:yellow <==背景
}
<body>
<p style="font-size: 1em">One em!</p>
<p style="font-size: 0.5em">Half an em!</p>
<p style="font-size: 2em">TWO EM!</p>
</body>
a{
color: #cc0000;
text-decoration: none; <===更改連接字
}
mg {
height:100px;
width:300px;
border:1px solid #4682b4;
}