html入門學(xué)習(xí)筆記

html學(xué)習(xí)筆記

  • 第一個(gè)最基本的html頁(yè)面
<!DOCTYPE html>
<html>
<!--head:配置,樣式表,選項(xiàng)-->
<head>
<title>我的第一個(gè)頁(yè)面</title>
<meta charset = UTF-8 >
</head>
<body title = "第一章">
我的第一個(gè)頁(yè)面
<!--p:段落-->
<!--br:段行-->
<p>
<hgroup>
<h1 id = "here">第一章</h1>
<h2>小標(biāo)題</h2>
</hgroup>
開頭<br>
</p>
a<sup>2</sup> + 2<sub>b</sub> = x;
<mark >豫章故郡</mark>赡若,洪都新府。星分翼軫宏悦,地接衡廬。襟三江而帶五湖,控蠻荊而引甌越饼煞。物華天寶源葫,龍光射牛斗之墟;人杰地靈砖瞧,徐孺下陳蕃之榻息堂。雄州霧列,俊采星馳块促。臺(tái)隍枕夷夏之交荣堰,賓主盡東南之美。都督閻公之雅望竭翠,棨戟遙臨振坚;宇文新州之懿范,襜帷暫駐斋扰。十旬休假渡八,勝友如云;千里逢迎传货,高朋滿座呀狼。騰蛟起鳳,孟學(xué)士之詞宗损离;紫電青霜,王將軍之武庫(kù)绝编。家君作宰僻澎,路出名區(qū);童子何知十饥,躬逢勝餞窟勃。(豫章故郡 一作:南昌故郡)
  時(shí)維九月,序?qū)偃锒憾隆A仕M而寒潭清秉氧,煙光凝而暮山紫。儼驂騑于上路蜒秤,訪風(fēng)景于崇阿汁咏。臨帝子之長(zhǎng)洲,得仙人之舊館作媚。層巒聳翠攘滩,上出重霄;飛閣流丹纸泡,下臨無(wú)地漂问。鶴汀鳧渚,窮島嶼之縈回;桂殿蘭宮蚤假,即岡巒之體勢(shì)栏饮。(層巒  一作:層臺(tái);即岡 一作:列岡磷仰;天人 一作:仙人)
  披繡闥袍嬉,俯雕甍,山原曠其盈視芒划,川澤紆其駭矚冬竟。閭閻撲地,鐘鳴鼎食之家民逼;舸艦迷津泵殴,青雀黃龍之舳。云銷雨霽拼苍,彩徹區(qū)明笑诅。落霞與孤鶩齊飛,秋水共長(zhǎng)天一色疮鲫。漁舟唱晚吆你,響窮彭蠡之濱,雁陣驚寒俊犯,聲斷衡陽(yáng)之浦妇多。(軸 通:舳;迷津 一作:彌津燕侠;云銷雨霽者祖,彩徹區(qū)明 一作:虹銷雨霽,彩徹云衢)
  遙襟甫暢绢彤,逸興遄飛七问。爽籟發(fā)而清風(fēng)生,纖歌凝而白云遏茫舶。睢園綠竹械巡,氣凌彭澤之樽;鄴水朱華饶氏,光照臨川之筆讥耗。四美具,二難并嚷往。窮睇眄于中天葛账,極娛游于暇日。天高地迥皮仁,覺宇宙之無(wú)窮籍琳;興盡悲來(lái)菲宴,識(shí)盈虛之有數(shù)。望長(zhǎng)安于日下趋急,目吳會(huì)于云間喝峦。地勢(shì)極而南溟深,天柱高而北辰遠(yuǎn)呜达。關(guān)山難越谣蠢,誰(shuí)悲失路之人;萍水相逢查近,盡是他鄉(xiāng)之客眉踱。懷帝閽而不見,奉宣室以何年霜威?(遙襟甫暢 一作:遙吟俯暢)
  嗟乎谈喳!時(shí)運(yùn)不齊,命途多舛戈泼。馮唐易老婿禽,李廣難封。屈賈誼于長(zhǎng)沙大猛,非無(wú)圣主扭倾;竄梁鴻于海曲,豈乏明時(shí)挽绩?所賴君子見機(jī)膛壹,達(dá)人知命。老當(dāng)益壯唉堪,寧移白首之心恢筝?窮且益堅(jiān),不墜青云之志巨坊。酌貪泉而覺爽,處涸轍以猶歡此改。北海雖賒趾撵,扶搖可接;東隅已逝共啃,桑榆非晚占调。孟嘗高潔,空余報(bào)國(guó)之情移剪;阮籍猖狂究珊,豈效窮途之哭!(見機(jī) 一作:安貧)
  勃纵苛,三尺微命剿涮,一介書生言津。無(wú)路請(qǐng)纓,等終軍之弱冠取试;有懷投筆悬槽,慕宗愨之長(zhǎng)風(fēng)。舍簪笏于百齡瞬浓,奉晨昏于萬(wàn)里初婆。非謝家之寶樹,接孟氏之芳鄰猿棉。他日趨庭磅叛,叨陪鯉對(duì);今茲捧袂萨赁,喜托龍門弊琴。楊意不逢,撫凌云而自惜位迂;鐘期既遇访雪,奏流水以何慚?
  嗚乎掂林!勝地不常臣缀,盛筵難再;蘭亭已矣泻帮,梓澤丘墟滓鸠。臨別贈(zèng)言褐筛,幸承恩于偉餞;登高作賦,是所望于群公腹缩。敢竭鄙懷,恭疏短引呜师;一言均賦框杜,四韻俱成。請(qǐng)灑潘江踱蠢,各傾陸海云爾:
<b>
<!--pre:去格式化-->
<pre>
  <tt>滕王高閣臨江渚火欧,佩玉鳴鸞罷歌舞。</tt>
  <small>畫棟朝飛南浦云茎截,<del>bai</del><ins>珠簾</ins><s>暮卷</s>西山雨苇侵。</small>
  閑云潭影日悠悠,物換星移幾度秋企锌。
  <i>閣中帝子今何在榆浓?檻外長(zhǎng)江空自流。</i>
  </b>
</pre>

<pre>

注釋:<em>強(qiáng)調(diào)</em>
<strong>著重<strong>
<dfn>定義</dfn>  
<code>代碼</code>
<samp>例子代碼</samp>
<kbd>用戶輸入<kbd>
<var>變量</var>
<cite>引用</cite>

<!--blockquote:縮進(jìn)-->
<blockquote>

<!--address:地址-->
<address>
Room 301 A <br>
11 group <br>
SiChuan road
<blockquote>小縮進(jìn)</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 = "中華人民共和國(guó)">PRC</abbr> was founded in 1949;

<bdo>反向</bdo>
<bdi>正向</bdi>
<bdo dir = rtl>改變字體方向撕攒, <bdi>右向左排</bdi></bdo>

<!--&lt:小于 &gt:大于 &amp:& &nbsp:空格-->
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(數(shù)字)  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:使用了一個(gè)影射地圖,影射里面放置了兩個(gè)區(qū)域-->
<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>網(wǎng)易新聞</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>
結(jié)束


</pre>
</body>
</html>
  • 標(biāo)記注釋
1. <wbr>change</wbr>:表示change可分開

2. <b>bold</b>:加粗

3. <small></small>:變小

4. <i>italics</i>:斜體

5. <tt>evening</tt>:打字機(jī)字體(等寬字體)

6. <del></del>:刪除

7. <s></s>:不被提倡使用杉适,已過(guò)時(shí)

8. a<sup>2</sup>:上標(biāo)

9. b<sub>a<sub>:下標(biāo)

10. <mark></mark>:高亮

11. <em>強(qiáng)調(diào)</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>縮進(jìn)</blockquote>

21. <q>小縮進(jìn)</q>

22. <pre>去格式化</pre>

  • 屬性標(biāo)記
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>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末谎倔,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子猿推,更是在濱河造成了極大的恐慌片习,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蹬叭,死亡現(xiàn)場(chǎng)離奇詭異藕咏,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)秽五,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門孽查,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人坦喘,你說(shuō)我怎么就攤上這事盲再。” “怎么了瓣铣?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵答朋,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我棠笑,道長(zhǎng)梦碗,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任蓖救,我火速辦了婚禮洪规,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘循捺。我一直安慰自己斩例,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布从橘。 她就那樣靜靜地躺著樱拴,像睡著了一般。 火紅的嫁衣襯著肌膚如雪洋满。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天珍坊,我揣著相機(jī)與錄音牺勾,去河邊找鬼。 笑死阵漏,一個(gè)胖子當(dāng)著我的面吹牛驻民,可吹牛的內(nèi)容都是我干的翻具。 我是一名探鬼主播,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼回还,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼裆泳!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起柠硕,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤工禾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后蝗柔,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體闻葵,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年癣丧,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了槽畔。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡胁编,死狀恐怖厢钧,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情嬉橙,我是刑警寧澤早直,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站憎夷,受9級(jí)特大地震影響莽鸿,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜拾给,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一祥得、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蒋得,春花似錦级及、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至窍侧,卻和暖如春县踢,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背伟件。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工硼啤, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人斧账。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓谴返,卻偏偏與公主長(zhǎng)得像煞肾,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子嗓袱,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容