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
特殊符号 © < > ® ...
4. div标签和span标签
标签分类:
块儿级标签 h1~h6 div p hr
默认占浏览器宽度
能设置长和宽
内联标签(行内标签) a img u s i b span
根据内容决定长度
不能设置长和宽
5. 语义化的HTML
6. 标签的嵌套规则
1. 行内标签不能嵌套块级标签
2. p标签不能嵌套块级标签
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· DeepSeek+PageAssist实现本地大模型联网
· 手把手教你更优雅的享受 DeepSeek
· 腾讯元宝接入 DeepSeek R1 模型,支持深度思考 + 联网搜索,好用不卡机!
· 从 14 秒到 1 秒:MySQL DDL 性能优化实战
· AI工具推荐:领先的开源 AI 代码助手——Continue