web前端:html介紹

HTML
HTML是一個網(wǎng)頁的主體部分,也是一個網(wǎng)頁的基礎。因為一個網(wǎng)頁可以沒有樣式钓猬,可以沒有交互稍刀,但是必須要有網(wǎng)頁需要呈現(xiàn)的內(nèi)容撩独。所以HTML部分是整個前端的基礎。

HTML簡介
HTML账月,全稱是超文本標記語言(HyperText Markup Language)综膀,它是一種用于創(chuàng)建網(wǎng)頁的標記語言。標記語言是一種將文本(Text)以及文本相關的其他信息結(jié)合起來局齿,展現(xiàn)出關于文檔結(jié)構(gòu)和數(shù)據(jù)處理細節(jié)的計算機文字編碼剧劝。與文本相關的其他信息(包括例如文本的結(jié)構(gòu)和表示信息等)與原來的文本結(jié)合在一起,但是使用標記(markup)進行標識抓歼。

讥此??谣妻?萄喳??蹋半? what他巨?標記語言? 什么是標記語言呢?
舉個通俗的例子染突,就是一段文本內(nèi)捻爷,不但有該文本真正需要傳遞給讀者的有用信息,更有描述該段文本中各部分文字的情況的信息份企。 如下:

<問題>
<問題標題>Alex老師是不是很帥也榄?
<問題描述>這是你說的啊,我可沒說

<回答>
<回答者>二狗子
<回答者簡介>我就叫二狗子
<回答內(nèi)容>你說什么就是什么啦司志,與我沒關系了手蝎,反正我是個男的!俐芯!
<回答>
<回答者>三袍子
<回答者簡介>我就叫三袍子
<回答內(nèi)容>我反對棵介,我覺得武sir更帥。
就像這樣吧史,我用自己發(fā)明的一個標記語言描述了這個問題以及問題下的回答邮辽。這段標記語言既描述了文檔本身的信息(問題內(nèi)容和回答的情況),也描述了文檔的結(jié)構(gòu)和各部分的作用贸营。而HTML則是世界通用的吨述、用于描述一個網(wǎng)頁的信息的標記語言,我們使用的瀏覽器具有將HTML文檔渲染并展示給用戶的功能(當你訪問知乎網(wǎng)站的時候钞脂,實際上你獲得了一份由知乎提供給你的HTML文檔揣云。瀏覽器將根據(jù)HTML文檔渲染出你看到的網(wǎng)頁)。將上面那段我剛發(fā)明的標記語言“翻譯”成HTML冰啃,大概就是這樣

<header>
<h1>Alex老師是不是很帥邓夕?</h1>
<p>這是你說的啊,我可沒說</p>
</header>
<div>

    <div>
      二狗子<span>,我就叫二狗子</span>
    </div>
    <p>
        你說什么就是什么啦阎毅,與我沒關系了焚刚,反正我是個男的!</a>
    </p>


    <div>
      三袍子,<span>我就叫三袍子</span>
    </div>
    <p>
       我反對扇调,我覺得武sir更帥矿咕。
    </p>

</div>
上一段HTML文本中,header,div這類的帶尖括號的玩意兒叫標簽狼钮,標簽描述了文本的作用碳柱,比如p標簽表示其內(nèi)部的文本是一個段落,a標簽標識內(nèi)部的文本是超鏈接等熬芜;與此同時莲镣,通過標簽的互相嵌套,表示了這個文檔的結(jié)構(gòu)猛蔽。至于哪個標簽表示什么意思剥悟、總共有多少個種類的標簽這類的問題灵寺,由W3C(萬維網(wǎng)聯(lián)盟)這一組織規(guī)定。 很顯然区岗,HTML作為一種標記語言它并沒有什么邏輯略板,簡單來說就是一些符號,一些有特殊意義的符號慈缔,一些瀏覽器認識的有特殊意義的符號叮称。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市藐鹤,隨后出現(xiàn)的幾起案子瓤檐,更是在濱河造成了極大的恐慌,老刑警劉巖娱节,帶你破解...
    沈念sama閱讀 212,332評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挠蛉,死亡現(xiàn)場離奇詭異,居然都是意外死亡肄满,警方通過查閱死者的電腦和手機谴古,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,508評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來稠歉,“玉大人掰担,你說我怎么就攤上這事∨ǎ” “怎么了带饱?”我有些...
    開封第一講書人閱讀 157,812評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長阅羹。 經(jīng)常有香客問我勺疼,道長,這世上最難降的妖魔是什么灯蝴? 我笑而不...
    開封第一講書人閱讀 56,607評論 1 284
  • 正文 為了忘掉前任恢口,我火速辦了婚禮孝宗,結(jié)果婚禮上穷躁,老公的妹妹穿的比我還像新娘。我一直安慰自己因妇,他們只是感情好问潭,可當我...
    茶點故事閱讀 65,728評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著婚被,像睡著了一般狡忙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上址芯,一...
    開封第一講書人閱讀 49,919評論 1 290
  • 那天灾茁,我揣著相機與錄音窜觉,去河邊找鬼。 笑死北专,一個胖子當著我的面吹牛禀挫,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播拓颓,決...
    沈念sama閱讀 39,071評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼语婴,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了驶睦?” 一聲冷哼從身側(cè)響起砰左,我...
    開封第一講書人閱讀 37,802評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎场航,沒想到半個月后缠导,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,256評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡溉痢,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,576評論 2 327
  • 正文 我和宋清朗相戀三年酬核,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片适室。...
    茶點故事閱讀 38,712評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡嫡意,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出捣辆,到底是詐尸還是另有隱情蔬螟,我是刑警寧澤,帶...
    沈念sama閱讀 34,389評論 4 332
  • 正文 年R本政府宣布汽畴,位于F島的核電站旧巾,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏忍些。R本人自食惡果不足惜鲁猩,卻給世界環(huán)境...
    茶點故事閱讀 40,032評論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望罢坝。 院中可真熱鬧廓握,春花似錦、人聲如沸嘁酿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽闹司。三九已至娱仔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間游桩,已是汗流浹背牲迫。 一陣腳步聲響...
    開封第一講書人閱讀 32,026評論 1 266
  • 我被黑心中介騙來泰國打工耐朴, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人盹憎。 一個月前我還...
    沈念sama閱讀 46,473評論 2 360
  • 正文 我出身青樓隔箍,卻偏偏與公主長得像,于是被迫代替她去往敵國和親脚乡。 傳聞我的和親對象是個殘疾皇子蜒滩,可洞房花燭夜當晚...
    茶點故事閱讀 43,606評論 2 350