python前端篇-HTML

Web开发本质:

1. 浏览器输入网址回车都发生了什么?
   （1）浏览器 给服务端 发送了一个消息
   （2）服务端拿到消息
   （3）服务端返回消息
   （4）浏览器展示页面

C/S架构 --> B/S架构

客户端和服务端 消息的格式是约定好的

HTTP协议: 浏览器和服务器之间约定好的消息格式 ==> “PUT|xxx.avi|1024”

WEB本质:
（1）服务端
（2）浏览器
（3）HTML文件

HTML是一个标准,规定了大家怎么写网页.

HTML --> 学标签

<标签名> --> 标记语言 (HTML, XML)

标签分类:
双标签
单标签

<h1></h1>

<img>

<a></a>

1. HTML文件的结构:
   （1） 文档声明
   （2） html标签
   - head标签
   head内常用标签
   body内常用标签
   - body标签(用户在浏览器能看到的内容)

2. 注释

3. 常用标签

   h1~h6
   img
   a
   p
   span
   div
   i
   s
   u
   …
   hr
   br
   特殊符号   © < > ® …

4. div标签和span标签

   标签分类:
   块儿级标签 h1~h6 div p hr
   （1）默认占浏览器宽度
   （2）能设置长和宽
   内联标签(行内标签) a img u s i b span
   （1）根据内容决定长度
   （2）不能设置长和宽

5. 语义化的HTML

6. 标签的嵌套规则
   （1） 行内标签不能嵌套块级标签
   （2） p标签不能嵌套块级标签