編輯器：PSpad
1. HTML 是一種超文本標記語言
2.html文件
注意：
1. html的標記僅僅是告訴瀏覽器它是什麼；它長成什麼樣是根據樣式表CSS來決定的，如果沒有樣式表，則使用的是瀏覽器的默認樣式表
2.標記是有它的實際意義的
標記一、
以<html>開始 </html>結束
<head> 與 </head>之間是頭部
<body>與 </body>之間存放的是正文
<title>與</title>之間存放的是標題
html編碼格式應該與瀏覽器的編碼格式相同，否則會出現亂碼；我們可以在HTML文件中告訴瀏覽器我們使用的是哪種編碼格式，讓瀏覽器自動選擇編碼；
一般在html中添加 <meta charset=utf-8>； 來設置html的文本格式爲utf-8格式，這樣瀏覽器就會識別出html文件，纔不會出現亂碼
在html文件中最開始添加 <!DOCTYPE html>，用於告訴瀏覽器我們使用的是 html5， 千萬不要在後面添加html5
瀏覽器會忽略掉我們在html文件中的回車換行，
<p>和</p>告訴瀏覽器我們這是一個段落
<br>： 只是插入一個分行符，一段裏面的分行用<br>
<h1>和</h1> 中間存放的是第一級標題，標題是單獨存行的
如果有連續的兩層標題放放在一起，可以使用<hgroup>和</hgroup>，用於告訴瀏覽器這是一個標題結構
<b>和</b>：字體加粗
<i>和</i>： 字體斜體
<small>和</small>：字體縮小
<tt>和</tt>：英文等寬字體
<del>和</del>:刪除文字
<ins>和</ins>：加上文字
<s>和</s>：說明文字是不被推薦的，它的顯示與<del>和</del>一樣，但是它表達的意思是不同的
<sup>和</sup>： 添加上標；如：a<sup>2</sup>，表現形式爲a²
<sub>和</sub>：添加下標；表現形式爲:b0
<mark>和</mark>: 着重強調文字，具體是什麼樣式，依照瀏覽器而決定
標記二
<em> em強調 </em>
<strong> strong着重 </strong>
<dfn> definition定義 </dfn>
<code> code代碼 </code>
<samp> samp例子代碼 </samp>
<kbd> kbd用戶輸入 </kbd>
<var> variable變量 </var>
<cite>cite引用</cite>
標記三
<pre>
int main(){
printf ("Hello World!\n");
return 0;
}
</pre>
不對代碼進行格式化，按照我們所寫的格式原原本本的顯示出來
<blockquote> 和 </blockquote>：中間的文字進行大縮進，該標記的表現形式還可以嵌套
<q>和</q>：作爲短引用，作爲現有段落的一部分，這其實是個內聯元素，顯示時總是在“行內“出現，也就是嵌套在行內
<blockquote>和</blockquote>：用於較長的引用，需要單獨顯示，這是一個塊元素，塊元素顯示時就好像前後各有一個換行，
<address>和</address>：表示存放的是地址
注意:
1.圖片在HTML中被理解爲是一個字符，它和前後的文字會連接起來
標記三:
添加圖片:
img 標記：
<img src="http://c.hiphotos.baidu.com/baike/s%3D220/sign=93ed189bc3cec3fd8f3ea077e689d4b6/f636afc379310a5599e63 ba3b74543a9832610a2.jpg" alt="加載中..." width="64" height="64"/>
img：圖片路徑；這裏的圖片格式有三種：PNG, GIF, JPG；其他的圖片格式是否能顯示取決於瀏覽器是否能識別
src：圖片地址
alt： 有的時候，我們訪問其他網站的網頁時，圖片顯示位置會出現“加載中...”的字樣，而這個加載中的字樣可以通過該變量進行定義你想顯示的字符
width 和 height：是圖片所佔的像素點大小
iframe標記
<iframe src="http://blog.csdn.net/"></iframe>
iframe也是插入一個頁面
list
1. <ul>
unlist: 列表前用小黑點顯示
2. <ol>: 列表顯示爲1、2、3....這種字符
3. <dl>：解釋詞條
例子：
<dl>
<dt>方糖</dt>
<dd>方的糖，天的</dd>
</dl>
<dt>：需要解釋的詞條
<dd>:關於詞條的解釋
list是可以嵌套的
<head>
<title>我的頁面</title>
<meta charset=utf-8>
</head>
<body>
<p>
<img src="http://c.hiphotos.baidu.com/baike/s%3D220/sign=93ed189bc3cec3fd8f3ea077e689d4b6/f636afc379310a5599e63ba3b74543a9832610a2.jpg" alt="加載中..." width="64" height="64"/>
<iframe src="http://blog.csdn.net/"></iframe>
餐後的飲料有:
<dl>
<dt>方糖</dt>
<dd>方的糖，天的</dd>
</dl>
<ol>
<li>紅茶</li>
<li>咖啡</li>
<li>可樂</li>
<ul>
<li>紅茶</li>
<li>咖啡</li>
<li>可樂</li>
</ul>
</ol>
</p>
</body>鏈接
title="Read all about caffeine on the Buzz">Caffeine Buzz</a>.