十:前端基礎(chǔ)之html概述和基本結(jié)構(gòu)

html概述
HTML是 HyperText Mark-up Language 的首字母簡(jiǎn)寫(xiě),意思是超文本標(biāo)記語(yǔ)言劝贸,超文本指的是超鏈接姨谷,標(biāo)記指的是標(biāo)簽,是一種用來(lái)制作網(wǎng)頁(yè)的語(yǔ)言映九,這種語(yǔ)言由一個(gè)個(gè)的標(biāo)簽組成梦湘,用這種語(yǔ)言制作的文件保存的是一個(gè)文本文件,文件的擴(kuò)展名為html或者h(yuǎn)tm件甥,一個(gè)html文件就是一個(gè)網(wǎng)頁(yè)捌议,html文件用編輯器打開(kāi)顯示的是文本,可以用文本的方式編輯它引有,如果用瀏覽器打開(kāi)瓣颅,瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件渲染成網(wǎng)頁(yè),顯示的網(wǎng)頁(yè)可以從一個(gè)網(wǎng)頁(yè)鏈接跳轉(zhuǎn)到另外一個(gè)網(wǎng)頁(yè)譬正。
html基本結(jié)構(gòu)
一個(gè)html的基本結(jié)構(gòu)如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>網(wǎng)頁(yè)標(biāo)題</title>
</head>
<body>
網(wǎng)頁(yè)顯示內(nèi)容
</body>
</html>
第一行是文檔聲明弄捕,第二行“<html>”標(biāo)簽和最后一行“</html>”定義html文檔的整體,“<html>”標(biāo)簽中的‘lang=“en”’定義網(wǎng)頁(yè)的語(yǔ)言為英文导帝,定義成中文是'lang="zh-CN"',不定義也沒(méi)什么影響,它一般作為分析統(tǒng)計(jì)用穿铆。 “<head>”標(biāo)簽和“<body>”標(biāo)簽是它的第一層子元素您单,“<head>”標(biāo)簽里面負(fù)責(zé)對(duì)網(wǎng)頁(yè)進(jìn)行一些設(shè)置以及定義標(biāo)題,設(shè)置包括定義網(wǎng)頁(yè)的編碼格式荞雏,外鏈css樣式文件和javascript文件等虐秦,設(shè)置的內(nèi)容不會(huì)顯示在網(wǎng)頁(yè)上平酿,標(biāo)題的內(nèi)容會(huì)顯示在標(biāo)題欄,“<body>”內(nèi)編寫(xiě)網(wǎng)頁(yè)上顯示的內(nèi)容悦陋。
HTML文檔類型

目前常用的兩種文檔類型是xhtml 1.0和html5

xhtml 1.0
xhtml 1.0 是html5之前的一個(gè)常用的版本蜈彼,目前許多網(wǎng)站仍然使用此版本。
此版本文檔用sublime text創(chuàng)建方法: html:xt + tab

html5
pc端可以使用xhtml 1.0俺驶,也可以使用html5幸逆,html5是向下兼容的
此版本文檔用sublime text創(chuàng)建方法: html:5 + tab 或者 ! + tab
文檔示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> html5文檔類型 </title>
</head>
<body>

</body>
</html>
兩種文檔的區(qū)別

1、文檔聲明和編碼聲明
2暮现、html5新增了標(biāo)簽元素以及元素屬性

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末还绘,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子栖袋,更是在濱河造成了極大的恐慌拍顷,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件塘幅,死亡現(xiàn)場(chǎng)離奇詭異昔案,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)电媳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)踏揣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人匆背,你說(shuō)我怎么就攤上這事呼伸。” “怎么了钝尸?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵括享,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我珍促,道長(zhǎng)铃辖,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任猪叙,我火速辦了婚禮娇斩,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘穴翩。我一直安慰自己犬第,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布芒帕。 她就那樣靜靜地躺著歉嗓,像睡著了一般。 火紅的嫁衣襯著肌膚如雪背蟆。 梳的紋絲不亂的頭發(fā)上鉴分,一...
    開(kāi)封第一講書(shū)人閱讀 51,708評(píng)論 1 305
  • 那天哮幢,我揣著相機(jī)與錄音,去河邊找鬼志珍。 笑死橙垢,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的伦糯。 我是一名探鬼主播柜某,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼舔株!你這毒婦竟也來(lái)了莺琳?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤载慈,失蹤者是張志新(化名)和其女友劉穎惭等,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體办铡,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡辞做,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了寡具。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片秤茅。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖童叠,靈堂內(nèi)的尸體忽然破棺而出框喳,到底是詐尸還是另有隱情,我是刑警寧澤厦坛,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布五垮,位于F島的核電站,受9級(jí)特大地震影響杜秸,放射性物質(zhì)發(fā)生泄漏放仗。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一撬碟、第九天 我趴在偏房一處隱蔽的房頂上張望诞挨。 院中可真熱鬧,春花似錦呢蛤、人聲如沸惶傻。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)达罗。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間粮揉,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工抚笔, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留扶认,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓殊橙,卻偏偏與公主長(zhǎng)得像辐宾,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子膨蛮,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

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

  • 前言 本系列文章主要是基于W3school這個(gè)學(xué)習(xí)網(wǎng)站來(lái)總結(jié)的叠纹,之所以會(huì)自己總結(jié)一番,一來(lái)是因?yàn)榫W(wǎng)站中的實(shí)例效果敞葛,...
    AR7_閱讀 4,056評(píng)論 4 70
  • 上一篇文章為:→1.1.0HTML課程介 html概述和基本結(jié)構(gòu) html概述 HTML是 HyperText M...
    lyh165閱讀 374評(píng)論 0 0
  • HTML5 標(biāo)簽comment 注釋標(biāo)簽用于在源文檔中插入注釋惹谐。注釋內(nèi)容不會(huì)被瀏覽器顯示持偏。為代碼編寫(xiě)注釋的好處是...
    才気莮孒閱讀 4,060評(píng)論 1 25
  • 什么是html? html是一種網(wǎng)頁(yè)標(biāo)記語(yǔ)言氨肌,叫超文本標(biāo)記語(yǔ)言鸿秆,我們平時(shí)上網(wǎng)所看到的所有網(wǎng)頁(yè)均來(lái)自于html,英文...
    波段頂?shù)?/span>閱讀 8,371評(píng)論 2 7
  • HTML5< !--...--> 標(biāo)簽 comment 注釋標(biāo)簽用于在源文檔中插入注釋怎囚。注釋內(nèi)容不會(huì)被瀏覽器顯示卿叽。...
    野小寶閱讀 1,326評(píng)論 0 10