3. HTML简介
    5. 阅读: 60399
    6. 网页就是HTML？这么理解大概没错。因为网页中不但包含文字，还有图片、视频、Flash小游戏，有复杂的排版、动画效果，所以，HTML定义了一套语法规则，来告诉浏览器如何把一个丰富多彩的页面显示出来。
    8. HTML长什么样？上次我们看了新浪首页的HTML源码，如果仔细数数，竟然有6000多行！
    10. 所以，学HTML，就不要指望从新浪入手了。我们来看看最简单的HTML长什么样：
    12. <html>
    13. <head>
    14.  <title>Hello</title>
    15. </head>
    16. <body>
    17.  <h1>Hello, world!</h1>
    18. </body>
    19. </html>
    20. 可以用文本编辑器编写HTML，然后保存为hello.html，双击或者把文件拖到浏览器中，就可以看到效果：
    22. hello.html
    24. HTML文档就是一系列的Tag组成，最外层的Tag是<html>。规范的HTML也包含<head>...</head>和<body>...</body>（注意不要和HTTP的Header、Body搞混了），由于HTML是富文档模型，所以，还有一系列的Tag用来表示链接、图片、表格、表单等等。
    26. CSS简介
    28. CSS是Cascading Style Sheets（层叠样式表）的简称，CSS用来控制HTML里的所有元素如何展现，比如，给标题元素<h1>加一个样式，变成48号字体，灰色，带阴影：
    30. <html>
    31. <head>
    32.  <title>Hello</title>
    33.  <style>
    34.    h1 {
    35.      color: #333333;
    36.      font-size: 48px;
    37.      text-shadow: 3px 3px 3px #666666;
    38.    }
    39.  </style>
    40. </head>
    41. <body>
    42.  <h1>Hello, world!</h1>
    43. </body>
    44. </html>
    45. 效果如下：
    47. hello-css
    49. JavaScript简介
    51. JavaScript虽然名称有个Java，但它和Java真的一点关系没有。JavaScript是为了让HTML具有交互性而作为脚本语言添加的，JavaScript既可以内嵌到HTML中，也可以从外部链接到HTML中。如果我们希望当用户点击标题时把标题变成红色，就必须通过JavaScript来实现：
    53. <html>
    54. <head>
    55.  <title>Hello</title>
    56.  <style>
    57.    h1 {
    58.      color: #333333;
    59.      font-size: 48px;
    60.      text-shadow: 3px 3px 3px #666666;
    61.    }
    62.  </style>
    63.  <script>
    64.    function change() {
    65.      document.getElementsByTagName('h1')[0].style.color = '#ff0000';
    66.    }
    67.  </script>
    68. </head>
    69. <body>
    70.  <h1 onclick="change()">Hello, world!</h1>
    71. </body>
    72. </html>
    73. 点击标题后效果如下：
    75. hello-js-change-color
    77. 小结
    79. 如果要学习Web开发，首先要对HTML、CSS和JavaScript作一定的了解。HTML定义了页面的内容，CSS来控制页面元素的样式，而JavaScript负责页面的交互逻辑。
    81. 讲解HTML、CSS和JavaScript就可以写3本书，对于优秀的Web开发人员来说，精通HTML、CSS和JavaScript是必须的，这里推荐一个在线学习网站w3schools：
    83. http://www.w3schools.com/
    85. 以及一个对应的中文版本：
    87. http://www.w3school.com.cn/
    89. 当我们用Python或者其他语言开发Web应用时，我们就是要在服务器端动态创建出HTML，这样，浏览器就会向不同的用户显示出不同的Web页面。