文本元素

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个单词

参考资料

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

HTML核心（3）-文本元素相关推荐

第六十节，文本元素标签
文本元素标签 表示关键字和产品名称如:查看效果 效果:加粗查看效果 </strong& ...
c语言内部超链接,HTML5中文本元素超链接的属性
本章主要探讨HTML5中文本元素重要的一个超链接,探讨它自身的属性以及路径问题. 超链接的属性元素属于文本元素,有一些私有属性或者叫局部属性.那么,相对应的还有通用属性或叫做全局属性.这方面的知识, ...
获取svg内text文本元素的高度、宽度及坐标等信息
之前有一篇文章介绍了如何获取svg元素的高度.宽度等信息,传送门:https://blog.csdn.net/lqlqlq007/article/details/81875996 但是svg内的tex ...
仪表板工具Stimulsoft Dashboards中的文本元素介绍
Stimulsoft Dashboards.JS是一个功能齐全的仪表盘工具,用于为JavaScript平台创建仪表板. Stimulsoft Dashboards.JS官方正版下载(qun:74006 ...
html文本显示状态代码中表示什么,HTML文本元素标签
表示关键字和产品名称如:查看效果效果:加粗查看效果表示重要的文字如:查看效果效果:加粗查看效果强制换行如: 查看效果效果:在浏览器显示换行查看效果安全换行,一般只用于英文 ...
三、HTML5之文本元素
三.HTML5之文本元素查找HTML5中支持的元素--HTML5元素周期表(自行百度) h标题元素 <body>h$*6>{$级标题} </body>
Html怎样往div中添加文本,给div中添加文本元素
[javascript]代码库给div中添加文本元素 div{ border: 1px solid blue; background-color: green; width: 300px; heig ...
第 3 章文本元素
元素名称说明 a 超链接 br 强制换行 wbr 可安全换行 b 语义:标记一段文字但不强调表现:加粗 strong 语义:表示重要表现:加粗(和b表现形式一样) i 语义:表示外文或科学 ...
如何删除输入文本元素上的边框突出显示
当一个HTML元素被"聚焦"(当前被选中/标签入)时,许多浏览器(至少是Safari和Chrome)会在其周围放置一个蓝色边框. 对于我正在处理的布局,这会分散注意力,看起来不正确 ...

HTML核心（3）-文本元素

文章目录

文本元素

h

p

span【无语义】

pre

参考资料

HTML核心（3）-文本元素相关推荐

最新文章

热门文章