本系列笔记是基于【渡一教育】袁进老师的html+css基础课程而记录，仅作为个人记录以及阅读使用。

文本元素

HTML5中支持的元素： html5元素周期表

h

标题：head
h1~h6：表示一级标题到六级标题

p

段落：paragraph

lorem:乱数假文，没有实际意义的文字

span【无语义】

没有语义，仅用于设置样式

以前，某些元素在显示时会独占一行（块级元素），而某些元素不会（行级元素）
现在到了html5，已经弃用这种说法了

pre

预格式化文本元素

空白折叠：在源代码中的连续空白字符（空格、换行、制表），在页面显示时，会被折叠为只有一个空格

例外：在pre元素中的内容不会出现空白折叠

在pre元素中的内容，会按照源代码格式显示到页面上

该元素通常用于在页面中显示一些代码

pre元素功能的本质：它有一个默认的css属性

显示代码时，通常外面套code元素，code表示代码显示区

tips:
1. ctrl + enter 快速跳转到下一行
2. ctrl + shift 快速跳转到上一行

3. h1*6 + tab 快速生成6个h1
4. h1*6>{一级标题} + tab 快速生成6个<h1>一级标题h1>
5. h$*6>{$级标题} + tab 快速生成<h1>一级标题h1>~<h6>6级标题h6>
6. tips5中的$会自动递增

7. p*5>lorem  生成了5个段落，用来测试排版
8. lorem1 生成一个单词 lorem1000 生成1000个单词

1
2
3
4
5
6
7
8
9
10
11
12

参考资料

1. 【渡一教育】袁进老师的html+css基础课程
2. 【渡一教育】袁进老师相关课程源代码