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、各种规则…