我們來看看最簡(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/)