python基础一 day47 html

前端 blog链接:http://www.cnblogs.com/liwenzhou/p/7988087.html

4周 ~5周
-2周前端
-2周Django基础

编程:
使用(展示)数据 存储数据 处理数据

前端
1. 前端是做什么的?
2. 起我们为什么要学前端?
1. 全栈
3. 前端都有哪些内容?
1. HTML(2d)
2. CSS(2d)

3. JavaScript(2d)

4.jQuery和Bootstrap(4d~5d)

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

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

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

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

WEB本质:
服务端
浏览器
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
特殊符号 &nbsp; &copy; &lt; &gt; &reg; ...

4. div标签和span标签

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

5. 语义化的HTML

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