title: 前端一
data: 2021-4-1 23:59:00
author: Jamal
photo:
- https://cdn.pixabay.com/photo/2015/11/05/23/02/chichen-itza-1025099_960_720.jpg
- day 1
文章目录
前端 --------- Day1
1. 网页
1.1 什么是网页
网站是网页集合，网页是网站中的一员，通常是HTML格式的文件，需要通过浏览器阅读。
网页是构成网站的基本元素，通常由图片、链接、声音、文字等元素组成。通常看见的网页，常见以.htm或.html为后缀，因此俗称HTML文件。
1.2 什么是HTML
超文本标记语言(Hyper Text Markup Language)
不是编程语言，而是标记语言（markup language）
标记语言是一套标记标签。
所谓超文本，有两层含义：
- 超于文本限制（可以加入图片声音等）
- 越级链接文本（可以从一个文件跳转到另一个文件）
1.3 网页的形成
…
2. 常用浏览器
2.1 常用浏览器
Google Firefox IE Edge Safari
2.2 浏览器内核
| 浏览器 | 内核 | 备注 |
|---|---|---|
| IE | Trident | IE、猎豹安全、360极速、百度 |
| firefox | Gecko | 火狐浏览器内核 |
| Safari | Webkit | 苹果浏览器内核 |
| chrome/Opera | Blink | chrome/Opera内核, Blink其实是Webkit的分支 |
国产一般用Webkit或者Blink
3. Web 标准
3.1 Why
浏览器不同，他们显示页面或者排版就有些许差异。
3.2 Consist
主要包括Structure Presentation Behavior
| 标准 | 说明 |
|---|---|
| Structure 结构 | 对网页元素进行整理和分类 HTML |
| Presentation 表现 | 用于设置网页元素的版式，颜色，大小等外观样式 CSS |
| Behavior 行为 | 网页模型的定义以及交互的编写 Javascript |
最佳体验方案: 结构 样式 行为 相分离
4. HTML 标签
4.1 语法规范
<html> </html>
<br /> //单标签
- HTML 标签由 由尖括号包围的关键词
- 通常成对出现，称为双标签
- 有些特殊的标签必须是单个标签，例如< br />，我们称为单标签
4.2 标签关系
包含关系 and 并列关系
<head>
<title></title>
</head>
<head> </head>
<body> </body>
5. HTML 基本结构标签
5.1 第一个HTML网页
<html>
<head>
<title> 我的第一个网页</title>
</head>
<body>
你我之间，黑马洗练，月薪十万，一飞冲天
</body>
</html>
| 标签名 | 定义 | 说明 |
|---|---|---|
| <html></html> | HTML标签 | 页面中最大的标签，称之为 根标签 |
| <head></head> | 文档的头部 | 注意在head标签中我们必须要设置的标签是title |
| <title></title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
| <body></body> | 文档的主体 | 元素包含文档的所有内容，页面内容 |
6. 总结
今天效率极低！怎么学的这么慢！明天一定学快一点！加油！
230
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
