文本元素1

文本元素

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

h

标题：head
h1~h6:表示1级标题到6级标题。

小技巧

6个h1: h1*6+Tab键

<h1></h1>
  <h1></h1>
  <h1></h1>
  <h1></h1>
  <h1></h1>
  <h1></h1>

h1*6>{一级标题}

 <h1>一级标题</h1>
  <h1>一级标题</h1>
  <h1>一级标题</h1>
  <h1>一级标题</h1>
  <h1>一级标题</h1>
  <h1>一级标题</h1>

hKaTeX parse error: Expected '}', got 'EOF' at end of input: *6>{级标题}

<h1>1级标题</h1>
  <h2>2级标题</h2>
  <h3>3级标题</h3>
  <h4>4级标题</h4>
  <h5>5级标题</h5>
  <h6>6级标题</h6>

*：表示乘
$:表示占位符,每生成一个元素，下一个元素自增
>：表示子元素
{}：表示文本内容

快捷键（无论光标在哪）
后面加一行：Ctrl+回车
前面加一行：Ctrl、Shift+回车

段落

段落：paragraphs

lorem:乱数假文(没有任何实际含义，仅用于测试)
p6>lorem:乱数假文无需{}包裹
p6>lorem1:表示只生产一个词

span(无语义)

没有语义，仅用于设置样式
以前：某些元素显示时会独占一行（块级元素），例如p,h元素，而某些元素不会（行级元素）,例如span元素
现在：因为行级块级是说展示效果的，而展示效果只跟CSS有关，所以到了HTML5，就弃用了行级块级的这种说法

pre

预格式化文本元素
空白折叠：
在源代码中的连续空白字符（空格、换行、制表Tab），在页面显示时，会被折叠为一个空格。

pre空白不折叠
pre元素中的内容不会出现空白折叠

在pre中内部出现的内容不会出现空白折叠，会按照源代码格式显示到页面上。
该元素通常用于在网页中显示一些代码。
pre元素功能的本质：它有一个默认的CSS属性。

空元素没有结束标记