<h1>标題</h1> :可以是h1到h7
<p>一段話</p>
<br>強制換行
<q></q>是引用一句話
<blockquote>是對長文本的引用
這兩者引用都不用加分号
<b>粗體</b>，<i>斜體</i>，<u>下劃線</u>，<s>删除線</s>，<sup>上标</sup>，<sub>下标<sub>，<strike>删除線</strike>，<tt>設定成列印機字型</tt>
 是空格的意思
<hr/>是下劃線隔行
<address a href="www.baidu.com">是位址标簽 顯示的是斜線</address> 配合着超連結一起使用
<code>代碼标簽</code> 顯示一行代碼 如果是多行代碼 要用<pre>标簽 而且pre是原樣輸出保留白格和Enter鍵 邏輯字型：<em>強調文字</em>
<strong>字型加重</strong>
<code>顯示程式設計代碼</code>
<samp>顯示示例文字</samp>
<kbd>顯示鍵盤按鍵文字</kbd>
<var>斜體字渲染</var>
<small>縮小字型</small>
<big>放大字型</big>
<p>可單獨使用，表示換行。但記住标準的強制換行符是<br>
<nobr>永不換行</nobr> 文字及其它對象對齊方式：align=”left/center/right”
<center>居中</center> 在網站的新聞清單中，新聞标題前會出現一個小圓點，而有的是有序号的數字，前者表示無序清單，後者表示有序清單。
無序清單：<ul>
<li>表項一</li>
<li>表項二</li>
<li>表項三</li>
</ul>
有序清單：
<ol type="A/a/I/1等">
<li>表項一</li>
<li>表項二</li>
<li>表項三</li>
</ol> <pre>預格式化文字（空格等都原樣輸出）</pre> <div> 用div劃分獨立的版塊</div> <div id="hotList">div相當于劃分成一個個房間，id就是房間号了 <xmp>文本（與pre标簽相似，但xmp連文本中的HTML标簽都輸出)</xmp> <img src="圖像位址"> 注：img标簽隻能放在body标簽中
<img src="圖檔位址" alt="下載下傳失敗時的替換文本" title = "提示文本"> <a href="http://www.baidu.com"><img src="cn.jpg" alt="風景"></a>
注：alt表示圖像沒有下載下傳完時顯示的文字 圖像與文字這兩者之間的對齊方式：
<img src="#" align="#">文本 注：align的值可以是top(顸)，right(右)，bottom(底)，left(左)，middle(中間)預設方式是底部對齊。 圖像大小：
<img src="圖像位址" alt="圖像示顯示完時顯示的文字" width="400px" height="300px"> 圖像邊框：
<img src="圖像位址" border="0px"> 設定圖像映射圖：
<img src="圖像位址" usemap="#face">
<map name="face">
<area shape="rect" href="page.html" coords="140,20,280,60">
</map> 注：coords中的坐标範圍表示區域，熱點區域在dreamweaver軟體中很好做，這個标簽不常用，可以不看。
超級連結：
<a href="http://www.baidu.com" target="#" title="滑鼠指向時顯示的文字">百度一下</a> 注：target=”_blank（新視窗中打開），_parent（你視窗中打開），_self（同一視窗中打開），top（在目前的整個浏覽器中打開）”
錨點連結：
同一個頁面不同部分的跳轉，錨點的寫法
目标元素：<p id="test"></p> 錨點超連結：<a href="#test"></a>
2.4. 不同頁面跳轉，同時存在錨點
目标元素：a.html頁面的<div id="test"/> 錨點超連結：<a href="a.html#test"></a>
（先跳到a.html頁面，然後再尋找id=test的元素）
<body>
<a href="#html">單擊到錨點連結</a>
<br>
<a name="html">錨點連結</a>
</body> 郵箱連結：
<a href="mailto:[email protected]">作者的郵箱</a>
Mailto後為收件人位址，cc後為抄送位址，bcc後為密件抄送位址，subject後為郵件的主題，body後為郵件的内容，
如果Mailto後面同時有多個參數的話，第一個參數必須以“?”開頭，後面的每一個都以“&”開頭。
下面是一個完整的執行個體:Mailto:[email protected][email protected]&[email protected]&subject=主題&body=郵件内容
<a href="mailto:[email protected]"?subject="觀了不起的蓋茨比有感"&body="你好，對此評論有些想法">
對此影評有何感想，發送郵件給我</a> 相對路徑：
../表示源泉檔案所在目錄的上一級目錄
../../表示上上級目錄，依此類推 表單：
<form method="傳送方式" action="伺服器檔案">
<form> <input type="radio" value="1" name="gender" checked="checked" />
是單選框 value：送出資料到伺服器的值（背景程式PHP使用）
name：為控件命名，以備背景程式 ASP、PHP 使用 checked：當設定 checked=”checked” 時，該選項被預設選中
注意:同一組的單選按鈕，name 取值一定要一緻，比如上面例子為同一個名稱“radioLove”，這樣同一組的單選按鈕才可以起到單選的作用
舉例 創造了一個text框和密碼框
<form>
姓名： // name：為文本框命名，以備背景程式ASP 、PHP使用。
<input type="text" name="myName" value="xx" /> //value是初始化
<br/>
密碼：
<input type="password" name="pass" />
</form>
<input type="#">
</form> 例子
<form>
<label>你對什麼運動感興趣</label>
<br />
<label for="male">慢跑</label>
<br/>
<input type="radio" name="gender" id="male" />
<label for="female">登山</label>
<input type="radio" name="gender" id="female" />
<br />
<label for="email">輸入你的郵箱位址</label>
<input type="email" id="email" placeholder="Enter email">
<label for="控件id名稱">
注意：标簽的 for 屬性中的值應當與相關控件的 id 屬性值一定要相同。
</form>
注：#可以是"ext,password,checkbox,radio,hidden,submit,reset,button“。radio表示單選框，checkbox表示複選框。
<input type="submit" value="送出"> 是送出按鈕 type是按鈕送出 value是按鈕上顯示的文字
<input type="reset" value="重置"> 重置作用
<textarea>文本域</textarea>
<textarea cols="50" rows="10">在這裡輸入内容...</textarea> cols是列數 rows是行數 表單中的下拉表：
<form>
<select name="" size="" multiple="multiple"> multiple可以實作多選
<option value="">選項一</option>
<option value="">選項二</option>
<option value="" selected="selected">選項三</option> 是預設選項
</select>
注：<select>裡的屬性可以由name代表這個下拉表的名稱，size表示下拉表可視選項數目，multiple表示可以多選，沒有則表示不可以多選，<option>中的selected表示預設選項。 表單中的複選框：
<form>
<input type="checkbox" name=book value="">姓名
<input type="checkbox" name=book value="" checked>性别
</form>
注：<input>中的checked表示為預設選中狀态。 表單中的單選框：
<form>
注意:同一組的單選按鈕，name 取值一定要一緻，比如上面例子為同一個名稱“radioLove”，這樣同一組的單選按鈕才可以起到單選的作用。
<input type="radio" name=reg>姓名
<input type="radio" name=reg checked>性别
</form> 表格：
<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>
為th，td單元格添加粗細為一個像素的黑色邊框。
<td>erban</td> 是列标題 是 在<tr>裡面的
<table summary="表格簡介文本"> 摘要的内容是不會在浏覽器中顯示出來的。
它的作用是增加表格的可讀性(語義化)，使搜尋引擎更好的讀懂表格内容，
還可以使螢幕閱讀器更好的幫助特殊使用者讀取表格内容。
<table border="1" width="300" height="200" align="right/center/left" >
<caption>xx</caption> 是表格标題 出現在表格上方
<tr><td align="left/right/center">單元格一</td><td>單元格二<td></tr>
<tr><td>單元格三</td><td>單元格四</td></tr>
</table>
跨多行：<td rowspan=3></td>
跨多列：<td colspan=3></td>
架構：
<html>
<head><title>标題</title></head>
<frameset cols="25%,50%,25%">
<frame src="*.htm" noresize="noresize">
<frame src="*.htm">
<frame src="*.htm">
</frameset>
</html> 注：frameset不能與body并列，是以應去掉body标簽，noresize用于設定架構大小是否可調。
隐藏架構邊框：<frameset frameborder="no">
</frameset>
滾動條：<frameset cols="40%,60%">
<frame src="#" scrolling="auto/yes/no">
<frame src="#">
</frameset> 導航架構：（例）
<a href="http://www.baidu.com " target="myForm1">在另一個檔案中設定如下
<frameset>
<frame name="myForm1">
</frameset>
注：scrolling隻能在frame标簽中用，frameborder在frameset和frame中均可使用。
内聯架構：
<iframe></iframe>或<iframe/>表示，放在<body>和</body>之間。
移動的文字和圖像：
<marquee>将要移動的文字或圖檔對象</marquee> 例：
<marquee direction="right/up/down">向哪個方向移動</marquee>
<marquee behavior="scroll/slide/alternate">怎麼動</marquee>
<marquee scrollamount=25>運動速度</marquee>
<marquee scrolldelay=1000>走一走，停一停</marquee>
<marquee width=200 height=200 bgcolor=green direction=down>限定移動的面積</marquee> 注：scroll：循環移動。slide：隻移動一個回合。alternate:來回移動。scrollamount的值越大，速度越快。scrolldelay的值1000代表1000毫秒，等于一秒。
多媒體标記：
<embed src="*.mp3" autostart="true/false" loop="true/false/次數">
loop：循環。autostart：自動播放。
隐藏面闆：<embed src="url" hiden="true/false">
面闆大小：<embed src="url" height="200" width="200">預設機關是像素px,也可以寫成height="200px",width="200px"。
對齊方式align:<embed src="url" align="top/bottom/center.......">
（HTML其它标簽屬性都不需要記住，因為現在都用CSS代替） ![Centos 7 Apache配置虛拟主機[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)