html基础第三课笔记：文本元素

文本元素

HTML5中支持的元素：html5元素周期表（网页搜索）

h

标题：head
h1~h6:一级标题到六级标题
ctrl+回车键 直接到下一行
ctrl+shift键 直接到上一行
输入hKaTeX parse error: Expected '}', got 'EOF' at end of input: *6>{级标题}后按tab键或者回车键 可以快捷打出h1~h6

p

段落：paragraph
输入p*3>{这是第$段}后按tab键或者回车键

lorem ， 乱数假文：没有实际意义的文字(测试结构和排版) 后面输入多少数就相当于输入多少文字

span [无语义]

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

以前：某些元素在显示时，会独站一行（块级/内元素），而某些元素不会（行级元素）
到了HTML5，已经弃用这种说法
因为语义化，现在由css决定

pre

预格式化文本元素
空白折叠：在源代码中连续空白字符（空格，换行，制表tab键) , 在页面显示时，会被折叠为应该空格
只要是空白的字符在显示时候就会被折叠为一个空格，都不会影响页面
目的：将源代码书写和页面上书写分开

例外：在pre元素中的内容不会出现空白折叠
在pre元素内部出现的内容，会按照源代码的格式显示到页面上。
该元素通常用于一些源代码。
pre元素功能的本质，它有默认css的属性
选择后：缩进tab键，减少缩进shift+tab键

显示代码时，通常会在外面套code元素，code表示代码区域。
会有两种格式：

    <code>
        <pre>
                var i = 2 ;
                if (i)
                {
                    console.log(i);
                }
        </pre>
    </code>

    <code style="white-space: pre;">
        
                var i = 2 ;
                if (i)
                {
                    console.log(i);
                }
        
    </code>

• 小技巧
  在输入HTML
  输入p*3>{这是第$段}后按tab键或者回车键