文本元素HTML5中支持的元素:HTML5元素周期表可以网上查阅h标题h1~h6 表示一级标题~六级标题vscode ctrl回车 --自动换到下一行emmit插件: hKaTeX parse error: Expected }, got EOF at end of input: *6{级别标题}h11级标题/h1h22级标题/h2h33级标题/h3h44级标题/h4h55级标题/h5h66级标题/h6展示的效果 h1最大依次减小是不是越大就越重要?不是的 含义是含义,样式是样式,我们完全可以调整标题的大小p段落:补充使用lorem 可以补充测试数据lorem:乱数假文p*6lorem4pLorem ipsum dolor sit./ppQuaerat magnam necessitatibus corporis./ppIpsum impedit fugiat dignissimos./ppMinus assumenda quasi ullam./ppNumquam inventore eius consectetur./ppEarum suscipit voluptatum soluta./pspanp[无语义]没有任何含义.仅用于设置样式p三原色:红 绿 蓝!-- 需求是让 红显示红色 绿显示绿色 蓝显示蓝色不换行 --spanstylecolor:red;红/spanspanstylecolor:green;绿/spanspanstylecolor:blue;蓝/span/p拓展以前:某些元素显示时候会独占一行(块元素).某些元素显示时不会(行内元素)HTML5 现在已经弃用为什么? 因为HTML5 标签语义化和样式无关 样式有CSS管控 做到分离pre预格式化文本元素空白折叠:在源代码中连续的空白折叠(空格.回车.tab),在页面显示会显示为1个例外:在pre元素中内容不会出现空白折叠在pre元素中出现的内容,会按照源代码的格式展示在网页中该元素通常用于网页中展示一些代码pre元素的本质:是一个CSS的属性 white-space:pre;给其他元素添加也会有pre效果pstylewhite-space:pre;我有湖南国 分开了 var a11 if(a){ console.log(a) }/ppre我有湖南国 分开了 var a11 if(a){ console.log(a) }/pre通常在开发中活用code标签包裹,表示此处放源代码codeprevar a11 if(a){ console.log(a) }/pre/code