摘要：HTML、CSS、JavaScript的簡單介紹。
*寫在前面：為了更好的學習python，博主記錄下自己的學習路程。本學習筆記基于廖雪峰的Python教程，如有侵權，請告知刪除。歡迎與博主一起學習Pythonヽ(￣▽￣)? *
目錄
Web開發(fā)
HTML簡介
CSS簡介
JavaScript簡介
小結
Web開發(fā)
HTML簡介
HTML（HyperText Markup Language），即超文本標記語言，是一種用于創(chuàng)建網(wǎng)頁的標準標記語言。
HTML定義了一套語法規(guī)則，使得網(wǎng)頁能夠呈現(xiàn)出圖片、視頻、動畫效果等豐富的界面。
下面我們編寫一個最簡單的HTML：
<html>
<head>
<title>第一個HTML</title>
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>
用<>括起來的關鍵字我們稱之為HTML標簽（HTML tag），比如<html>。
tag通常是成對出現(xiàn)的，比如<html>和</html>>
在tag對中，第一個tag為開始標簽，第二個tag為結束標簽。在兩個標簽之間輸入內(nèi)容。
下面解釋一下上例中幾個標簽的含義：
<html>是HTML頁面的根元素；
<head>表示頁面所含有的頭部信息；
<title>表示頁面的標題;
<body>表示頁面的正文；
<h1>定義一個大標題
我們可以直接在文本文檔中編寫HTML，然后保存為第一個HTML.html，就可以直接用瀏覽器打開了。
可以看到，網(wǎng)頁的標題就是標簽<title>包含的內(nèi)容，而正文就是標簽<body>包含的內(nèi)容。
CSS簡介
CSS（Cascading Style Sheets）是層疊樣式表的意思。CSS的作用是控制HTML元素的展現(xiàn)形式，比如我們給標題<h1>加一個樣式,變成50號字體，藍色，帶陰影：
<html>
<head>
<title>第一個HTML</title>
<style>
h1 {
color: #0000FF;
font-size: 50px;
text-shadow: 3px 3px 3px #666666;
}
</style>
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>
效果顯示：
JavaScript簡介
JavaScript 是一種輕量級的編程語言，可以內(nèi)嵌或外部鏈接到HTML中，使得HTML具有交互性。比如我們希望用戶點擊標題后，標題的顏色變?yōu)榧t色，就必須通過JavaScript來實現(xiàn)：
<html>
<head>
<title>第一個HTML</title>
<style>
h1 {
color: #0000FF;
font-size: 50px;
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>
點擊標題后效果如下：
小結
這里對HTML、CSS、JavaScript做了簡單的介紹。
要你學Python是為了走Web開發(fā)方向的話，精通HTML、CSS和JavaScript是必須的。
這里推薦一個關于Web開發(fā)的在線學習網(wǎng)站：W3school。
以上就是本節(jié)的全部內(nèi)容，感謝你的閱讀。
下一節(jié)內(nèi)容：Web開發(fā)之 WSGI接口
有任何問題與想法，歡迎評論與吐槽。
和博主一起學習Python吧(￣▽￣)~*
