html學習筆記
<!DOCTYPE html>
<html>
<!--head:配置，樣式表，選項-->
<head>
<title>我的第一個頁面</title>
<meta charset = UTF-8 >
</head>
<body title = "第一章">
我的第一個頁面
<!--p:段落-->
<!--br:段行-->
<p>
<hgroup>
<h1 id = "here">第一章</h1>
<h2>小標題</h2>
</hgroup>
開頭<br>
</p>
a<sup>2</sup> + 2<sub>b</sub> = x;
<mark >豫章故郡</mark>，洪都新府。星分翼軫，地接衡廬。襟三江而帶五湖，控蠻荊而引甌越。物華天寶，龍光射牛斗之墟；人杰地靈，徐孺下陳蕃之榻。雄州霧列，俊采星馳。臺隍枕夷夏之交，賓主盡東南之美。都督閻公之雅望，棨戟遙臨；宇文新州之懿范，襜帷暫駐。十旬休假，勝友如云；千里逢迎，高朋滿座。騰蛟起鳳，孟學士之詞宗；紫電青霜，王將軍之武庫。家君作宰，路出名區；童子何知，躬逢勝餞。(豫章故郡 一作：南昌故郡)
時維九月，序屬三秋。潦水盡而寒潭清，煙光凝而暮山紫。儼驂騑于上路，訪風景于崇阿。臨帝子之長洲，得仙人之舊館。層巒聳翠，上出重霄；飛閣流丹，下臨無地。鶴汀鳧渚，窮島嶼之縈回；桂殿蘭宮，即岡巒之體勢。（層巒 一作：層臺；即岡 一作：列岡；天人 一作：仙人）
披繡闥，俯雕甍，山原曠其盈視，川澤紆其駭矚。閭閻撲地，鐘鳴鼎食之家；舸艦迷津，青雀黃龍之舳。云銷雨霽，彩徹區明。落霞與孤鶩齊飛，秋水共長天一色。漁舟唱晚，響窮彭蠡之濱，雁陣驚寒，聲斷衡陽之浦。(軸 通：舳；迷津 一作：彌津；云銷雨霽，彩徹區明 一作：虹銷雨霽，彩徹云衢)
遙襟甫暢，逸興遄飛。爽籟發而清風生，纖歌凝而白云遏。睢園綠竹，氣凌彭澤之樽；鄴水朱華，光照臨川之筆。四美具，二難并。窮睇眄于中天，極娛游于暇日。天高地迥，覺宇宙之無窮；興盡悲來，識盈虛之有數。望長安于日下，目吳會于云間。地勢極而南溟深，天柱高而北辰遠。關山難越，誰悲失路之人；萍水相逢，盡是他鄉之客。懷帝閽而不見，奉宣室以何年？(遙襟甫暢 一作：遙吟俯暢)
嗟乎！時運不齊，命途多舛。馮唐易老，李廣難封。屈賈誼于長沙，非無圣主；竄梁鴻于海曲，豈乏明時？所賴君子見機，達人知命。老當益壯，寧移白首之心？窮且益堅，不墜青云之志。酌貪泉而覺爽，處涸轍以猶歡。北海雖賒，扶搖可接；東隅已逝，桑榆非晚。孟嘗高潔，空余報國之情；阮籍猖狂，豈效窮途之哭！(見機 一作：安貧)
勃，三尺微命，一介書生。無路請纓，等終軍之弱冠；有懷投筆，慕宗愨之長風。舍簪笏于百齡，奉晨昏于萬里。非謝家之寶樹，接孟氏之芳鄰。他日趨庭，叨陪鯉對；今茲捧袂，喜托龍門。楊意不逢，撫凌云而自惜；鐘期既遇，奏流水以何慚？
嗚乎！勝地不常，盛筵難再；蘭亭已矣，梓澤丘墟。臨別贈言，幸承恩于偉餞；登高作賦，是所望于群公。敢竭鄙懷，恭疏短引；一言均賦，四韻俱成。請灑潘江，各傾陸海云爾：
<b>
<!--pre:去格式化-->
<pre>
<tt>滕王高閣臨江渚，佩玉鳴鸞罷歌舞。</tt>
<small>畫棟朝飛南浦云，<del>bai</del><ins>珠簾</ins><s>暮卷</s>西山雨。</small>
閑云潭影日悠悠，物換星移幾度秋。
<i>閣中帝子今何在？檻外長江空自流。</i>
</b>
</pre>
<pre>
注釋：<em>強調</em>
<strong>著重<strong>
<dfn>定義</dfn>
<code>代碼</code>
<samp>例子代碼</samp>
<kbd>用戶輸入<kbd>
<var>變量</var>
<cite>引用</cite>
<!--blockquote:縮進-->
<blockquote>
<!--address：地址-->
<address>
Room 301 A <br>
11 group <br>
SiChuan road
<blockquote>小縮進</blockquote>
<q>小小的</q>
</address>
</blockquote>
<!--去格式化-->
<pre>
int main (){
printf("hello world");
}
</pre>
<!--hr:分割線 不被提倡使用-->
<hr width = 50>
<hr width = 50%>
<hr width = "50%" align = left size = 10>
<!--abbr:縮寫-->
<!--title = "" -->
<abbr title = "中華人民共和國">PRC</abbr> was founded in 1949;
<bdo>反向</bdo>
<bdi>正向</bdi>
<bdo dir = rtl>改變字體方向， <bdi>右向左排</bdi></bdo>
<!--<:小于 >:大于 &:&  :空格-->
a<2
2>a
&
& &//不可打斷
Lü
Lü
<!--ul:unorder list li:list item-->
<ul>
<li>tea</li>
<li>coffee</li>
<li>water</li>
</ul>
<!--ul:order list（數字） li:list item-->
<ol start = 2>
<li>tea</li>
<li>coffee
<ul>
<li>no sugar</li>
<li>sugar</li>
</ul>
</li>
<li>water</li>
</ol>
<!--解釋的詞條-->
<dl>
<dt>方糖</dt>
<dd>解釋：方的糖</dd>
</dl>
<!--圖片 alt:可選的，鏈接中圖片不能記載，即可加載此圖片 usemap:使用了一個影射地圖，影射里面放置了兩個區域-->
<img src = "http://gtb.baidu.com/HttpService/get?p=dHlwZT1pbWFnZS9qcGVnJm49dmlzJnQ9YWRpbWcmYz10YjppZyZyPTg5NTMyNjY3NywzNDQyODIxNjcw" width = "200" height = 200 usemap = "#map" alt = "mama"/>
<map name = "map">
<area shape = "rect" coords = "0,0,50,50" target = _blank></area>
<area shape = "circle" coords = "75,75,25" target = _blank></area>
</map>
<iframe src = "http://news.163.com" height = 400></iframe>
<!--超文本 鏈接-->
<a target = _blank>網易新聞</a>
<a href = #here>跳到Here</a>
<!--table td : 列 tr : 行 th: 表頭 caption : 名稱 colspan : 占位及格-->
開始
<table border = 1>
<caption>表格名稱</caption>
<thead>
<tr>
<th>English</th>
<th>digit</th>
<th>chinese</th>
</tr>
</thead>
<tbody>
<tr>
<td>one</td>
<td>1</td>
<td>一</td>
</tr>
<tr>
<td colspan = 3>big</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>foot</td>
</tr>
</tfoot>
</table>
結束
</pre>
</body>
</html>
1. <wbr>change</wbr>:表示change可分開
2. <b>bold</b>:加粗
3. <small></small>:變小
4. <i>italics</i>:斜體
5. <tt>evening</tt>:打字機字體（等寬字體）
6. <del></del>:刪除
7. <s></s>:不被提倡使用，已過時
8. a<sup>2</sup>:上標
9. b<sub>a<sub>:下標
10. <mark></mark>:高亮
11. <em>強調</em>
12. <strong>著重<strong>
13. <dfn>定義</dfn>
14. <code>代碼</code>
15. <samp>例子代碼</samp>
16. <kbd>用戶輸入<kbd>
17. <var>變量</var>
18. <cite>引用</cite>
19. <address>地址</address>
20. <blockquote>縮進</blockquote>
21. <q>小縮進</q>
22. <pre>去格式化</pre>
1. <hr>:水平線
2. <abbr>縮寫</abbr>
3. <bdo>反向</bdo>
4. <bdi>正向</bdi>
5. a<2 : a < 2
6. 2>a : 2 > a
7. & : &
8. & &//不可打斷
9. Lü :小寫u
10. Lü :大寫U
11. <p id = here></p>
12. <a href = #id></a>
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
