67. HTML簡(jiǎn)介

我們來看看最簡(jiǎn)單的HTML長什么樣:

<html>
<head>
  <title>Hello</title>
</head>
<body>
  <h1>Hello, world!</h1>
</body>
</html>```
可以用文本編輯器編寫HTML帘瞭,然后保存為hello.html损谦,雙擊或者把文件拖到瀏覽器中幅垮,就可以看到效果

HTML文檔就是一系列的Tag組成逾苫,最外層的Tag是<html>纤子。規(guī)范的HTML也包含<head>...</head>和<body>...</body>(注意不要和HTTP的Header胶台、Body搞混了)沥阳,由于HTML是富文檔模型,所以哪痰,還有一系列的Tag用來表示鏈接遂赠、圖片、表格妒御、表單等等解愤。

>CSS簡(jiǎn)介

CSS是Cascading Style Sheets(層疊樣式表)的簡(jiǎn)稱,CSS用來控制HTML里的所有元素如何展現(xiàn)乎莉,比如送讲,給標(biāo)題元素`<h1>`加一個(gè)樣式,變成48號(hào)字體惋啃,灰色哼鬓,帶陰影:

<html>
<head>
<title>Hello</title>
<style>
h1 {
color: #333333;
font-size: 48px;
text-shadow: 3px 3px 3px #666666;
}
</style>
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>```

JavaScript簡(jiǎn)介

JavaScript雖然名稱有個(gè)Java,但它和Java真的一點(diǎn)關(guān)系沒有边灭。JavaScript是為了讓HTML具有交互性而作為腳本語言添加的异希,JavaScript既可以內(nèi)嵌到HTML中,也可以從外部鏈接到HTML中绒瘦。如果我們希望當(dāng)用戶點(diǎn)擊標(biāo)題時(shí)把標(biāo)題變成紅色称簿,就必須通過JavaScript來實(shí)現(xiàn):

<html>
<head>
  <title>Hello</title>
  <style>
    h1 {
      color: #333333;
      font-size: 48px;
      text-shadow: 3px 3px 3px #666666;
    }
  </style>
  <script>
    function change() {
      document.getElementsByTagName('h1')[0].style.color = '#ff0000';
    }
  </script>
</head>
<body>
  <h1 onclick="change()">Hello, world!</h1>
</body>
</html>```

如果要學(xué)習(xí)Web開發(fā),首先要對(duì)HTML惰帽、CSS和JavaScript作一定的了解憨降。HTML定義了頁面的內(nèi)容,CSS來控制頁面元素的樣式该酗,而JavaScript負(fù)責(zé)頁面的交互邏輯授药。
講解HTML士嚎、CSS和JavaScript就可以寫3本書,對(duì)于優(yōu)秀的Web開發(fā)人員來說悔叽,精通HTML莱衩、CSS和JavaScript是必須的,這里推薦一個(gè)在線學(xué)習(xí)網(wǎng)站w3schools:
[http://www.w3schools.com/](http://www.w3schools.com/)
以及一個(gè)對(duì)應(yīng)的中文版本:
[http://www.w3school.com.cn/](http://www.w3school.com.cn/)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末娇澎,一起剝皮案震驚了整個(gè)濱河市笨蚁,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌九火,老刑警劉巖赚窃,帶你破解...
    沈念sama閱讀 206,968評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異岔激,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)是掰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門虑鼎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人键痛,你說我怎么就攤上這事炫彩。” “怎么了絮短?”我有些...
    開封第一講書人閱讀 153,220評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵江兢,是天一觀的道長。 經(jīng)常有香客問我丁频,道長杉允,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,416評(píng)論 1 279
  • 正文 為了忘掉前任席里,我火速辦了婚禮叔磷,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘奖磁。我一直安慰自己改基,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評(píng)論 5 374
  • 文/花漫 我一把揭開白布咖为。 她就那樣靜靜地躺著秕狰,像睡著了一般。 火紅的嫁衣襯著肌膚如雪躁染。 梳的紋絲不亂的頭發(fā)上鸣哀,一...
    開封第一講書人閱讀 49,144評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音褐啡,去河邊找鬼诺舔。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的低飒。 我是一名探鬼主播许昨,決...
    沈念sama閱讀 38,432評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼褥赊!你這毒婦竟也來了糕档?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,088評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤拌喉,失蹤者是張志新(化名)和其女友劉穎速那,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體尿背,經(jīng)...
    沈念sama閱讀 43,586評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡端仰,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了田藐。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片荔烧。...
    茶點(diǎn)故事閱讀 38,137評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖汽久,靈堂內(nèi)的尸體忽然破棺而出鹤竭,到底是詐尸還是另有隱情,我是刑警寧澤景醇,帶...
    沈念sama閱讀 33,783評(píng)論 4 324
  • 正文 年R本政府宣布臀稚,位于F島的核電站,受9級(jí)特大地震影響三痰,放射性物質(zhì)發(fā)生泄漏吧寺。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評(píng)論 3 307
  • 文/蒙蒙 一酒觅、第九天 我趴在偏房一處隱蔽的房頂上張望撮执。 院中可真熱鬧,春花似錦舷丹、人聲如沸抒钱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽谋币。三九已至,卻和暖如春症概,著一層夾襖步出監(jiān)牢的瞬間蕾额,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評(píng)論 1 262
  • 我被黑心中介騙來泰國打工彼城, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留诅蝶,地道東北人退个。 一個(gè)月前我還...
    沈念sama閱讀 45,595評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像调炬,于是被迫代替她去往敵國和親语盈。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評(píng)論 2 345

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案缰泡? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評(píng)論 1 92
  • 一:在制作一個(gè)Web應(yīng)用或Web站點(diǎn)的過程中刀荒,你是如何考慮他的UI、安全性棘钞、高性能缠借、SEO、可維護(hù)性以及技術(shù)因素的...
    Arno_z閱讀 1,138評(píng)論 0 1
  • How-to-quick-getting-started-for-frontend 不經(jīng)意已一年多不專注前端方面的...
    liujb閱讀 737評(píng)論 2 13
  • ?前端面試題匯總 一宜猜、HTML和CSS 21 你做的頁面在哪些流覽器測(cè)試過泼返?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,219評(píng)論 0 8
  • 我仿佛一直在尋找一個(gè)真正的自己,可是到頭來才發(fā)現(xiàn)一路上我一直是在做我自己宝恶,只是我沒發(fā)現(xiàn)而已符隙。
    lian連蓮閱讀 165評(píng)論 1 0