html 基础知识
1.网页的组成
任何一个页面都有三部分
- 文本内容
- 其它资源的引用：图片、视频、音频。。。
- 标记（标签），对文本、其它资源的描述
<p>我正在学习PHP课程</p><img src="logo.png" alt="logo" />
2.html 的设思想
- 超文本：是指包括了超链接的文本
- 预定义标记（内置标记）：是用来描述内容的固定标签
- 语言：html 不是编程语言，是标记语言，是 html 文档的工具。css,less 把 css 当做编程语言
3.html 页网结构
Emmet 插件：是用来快速生产 html、css 的工具
html:根标签/根元素
<html lang="zh-CN"></html>
元数据：描述某种特定信息的数据
uft-8 字符集
viewport:视口/可视区屏幕
initial-scale=1.0,缩放。1 是 1：1 显示，不缩放
注释，ctr+/, <!— ->
4.元素、属性和值
4.1 元素
- 非空元素：双标签`<p>快乐</p>
- 空元素：单标签`<img src="">,并非真没有内容，内容是外部资源
4.2 属性和值
- 属性是对元素进一步描述的文本，添加在起始标签中
- 值是属性的值，必须写指定的值。预定义值，字符串，指定格式（如 URL），数值（如字体像素值 36px）,布尔值（bool）
- 布尔值：指要出现就代表为真（true），如不需要就不要写
属性：style\type\ID\class\label,id 必须具有唯一性，程序员来保证
- 几乎所有元素都可以设置的三大通用属性：
id,class,style
5.网页中的文本（实体字符）
- 空白的处理：空格，制表符，换行符，无论写多少个都算一个
- 字体字符，三个组成部分，&、转义字符和；
- 实体名称对大小写敏感！
- 实体字符表：
|显示结果|描述|实体名称|实体编号|
|:-:|:-:|:-:|:-|
| |空格| | |
|<|小于号|<|<|
|>|大于号|>|>|
|&|和号|&|&|
|”|双引号|"|"|
|’|单引号|'(IE 不支持)|'|
|©|版权（copyright）|©|©|
|×|乘号|×|×|
|÷|除号|÷|÷|
6.文件夹和文件
- 全部使用小写
- 扩展名：
.html,.htm - html 中不区别大小写
- 文件名：使用下划线
- html 单词使用中划线划分，但在变量名不能用中划线，只能用下划线
7.URL
7.1 语法
- URL 统一资源定位符，互联网上的资源必须有一个唯一的访问地址
http/https：协议
8.总结
- html 标签很多，需要多看多练
- 需要重复看课程视频
- 需要提前预习一部分知识，如看网站上的视频、学习手册
- 坚持学习，躬身入局，做一个终身学习者
- 晚上读了一下《了不起的 markdown》一书，vscode 真是神器呀。
- 困拢的问题：
- 如何坚持下去？懒性太强！ :cry:
- 发现需要掌握的知识点太多，如何解决？。如 markdown 语法、html 标签、CSS、PHP、各种规则…
Correcting teacher：
天蓬老师
Correction status：qualified
Teacher's comments：学习就是学细节, 最终你与高手之间的差距, 就体现在细节上, 要多注意
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Collection
