《麻瓜编程python web开发》课堂笔记，第一课：HTML

网页结构

• HTML： 专注于网页的结构
• CSS ： 用于装饰网页的样式
• Javascript ： 赋予网页各种功能（数据存储，通讯，反数据爬取等）

静态网页的概念

拥有HTML和CSS（网页结构和样式），但没有Javascript（因而没有任何数据传输，比如注册网站时要传送数据给服务器等）

HTML

由标签组成，因此是一种标记语言。包含100多种标签，其中最常用的有10种。

标签

一般由开始标签+内容+结束标签组成，如：

 <div> hello, world</div>

这是div标签的使用方法，其他标签使用方法详见：http://www.w3school.com.cn/tags/

要注意的是，在HTML中，并不是所有标签都有结束标签。

比如img 标签：

<img src = "images/001.jpg" alt="郁金香">

搭配属性的标签

• 用class属性把正确的样式赋予标签，用href属性在标签内引入超链接
• 每个标签带有多个属性，其中有必要属性，如img标签的 src属性（值为URL，规定显示图像的URL）和alt属性（值为text，规定显示图像的替代文本）

标签的嵌套

• 实质是包含关系
• 内层标签和外层标签是父子关系
• 同一层级的标签是兄弟关系

网页设计的结构（要与html结构区别开，这是不同的定义）

• Header（布置导航，目录）
• Content（文章，博客）
• Footer（联系方式）