《麻瓜编程python web开发》课堂笔记,第一课:HTML 20/80关键知识

网页结构

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

静态网页的概念

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

HTML

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

标签

一般由开始标签+内容+结束标签组成,如:

 
hello, world

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

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

比如img 标签:

郁金香

搭配属性的标签

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

标签的嵌套

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

网页设计的结构(要与html结构区别开,这是不同的定义)

  • Header(布置导航,目录)
  • Content(文章,博客)
  • Footer(联系方式)

你可能感兴趣的:(《麻瓜编程python web开发》课堂笔记,第一课:HTML 20/80关键知识)