HTML文本元素标签
<b></b>表示关键字和产品名称
如：<b>查看效果</b>
效果：加粗
查看效果
<strong></strong>表示重要的文字
如：<strong>查看效果</strong>
效果：加粗
查看效果
<br>强制换行
如：<br>查看<br>效果
效果：在浏览器显示换行
查看
效果
<wbr>安全换行，一般只用于英文
如：<wbr>查看<wbr>效果
效果：当页面缩小文字受到挤压时才换行
<i></i>表示外文词汇或科技术语
如：<i>查看效果</i>
效果：倾斜
查看效果
<em></em>加以强调，强调重要性
如：<em>查看效果</em>
效果：倾斜
查看效果
<s></s>表示不准确或校正
如：<s>查看效果</s>
效果：删除线
查看效果
<del></del>表示删除文字
如：<del>查看效果</del>
效果：删除线
查看效果
<u></u>表示给文字加下划线
如：<u>查看效果</u>
效果：下划线
查看效果
<ins></ins>表示添加一段文本
如：<ins>查看效果</ins>
效果：下划线
查看效果
<small></small>表示添加小号字体，用于免责声明和澄清声明
如：<small>查看效果</small>
效果：小号字体
查看效果
<sub></sub>表示添加下标
如：查看效果<sub>5</sub>
效果：下标
查看效果5
<sup></sup>表示添加上标
如：查看效果<sup>5</sup>
效果：上标
查看效果5
<code></code>表示计算机代码片段，属于英文范畴，必须将<html lang="en">英文才能体现
如：<code>HTML</code>
<var></var>表示编程语言中的变量，属于英文范畴，必须将<html lang="en">英文才能体现
如：<var>HTML</var>
<samp></samp>表示程序或计算机的输出，属于英文范畴，必须将<html lang="en">英文才能体现
如：<samp>HTML</samp>
<kbd></kbd>表示用户的输入，属于英文范畴，必须将<html lang="en">英文才能体现
如：<kbd>HTML</kbd>
<abbr></abbr>表示一段文本的缩写
如：<abbr>查看效果</abbr>
效果：无
<dfn></dfn>表示定义术语，一个词或短语的一段文本
如：<dfn>查看效果</dfn>
效果：倾斜
查看效果
<q></q>表示引用来自他出的内容
如：<q>查看效果</q>
效果：加一对双引号
查看效果
<cite></cite>表示引用其他作品的标题
如：<cite>查看效果</cite>
效果：倾斜
查看效果
<ruby></ruby>表示语言元素，可以用来为汉字标注拼音
如：
<ruby>
你<rp>(</rp><rt>nǐ</rt><rp>)</rp>
好<rp>(</rp><rt>hǎo</rt><rp>)</rp>
</ruby>
效果：为汉字标注拼音
<bdo></bdo>设置文字方向，必须使用属性dir="rtl",rtl为从右到左，ltr为从左到右（默认）
如：<bdo dir="rtl">查看效果</bdo>
效果：文字反转
<mark></mark>突出显示文本
如：<mark>查看效果</mark>
效果：黄色背景，黑色的字
查看效果
<time></time>表示日期和时间
如：<time>2016-10-12</time>
效果：无
<span></span>表示一般性文本，我们经常用它来设置css
如：<span>查看效果</span>
效果：无
<div>和<span>
<div></div> ： <div>只是一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现.
<span></span>： <span>表示了内联行(行内元素),并无实际的意义,主要通过CSS样式为其赋予不同的表现.
块级元素与行内元素的区别
所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行。如果单独在网页中插入这两个元素，不会对页面产生任何的影响。
这两个元素是专门为定义CSS样式而生的。
HTML文本元素标签的更多相关文章
- HTML基本格式和文本元素(标签)介绍
<!doctype html>//声明文档类型 <html lang="zh-cn">//文档开始,后面是声明是中文页面的意思,en是英语的意思 <h ...
- HTML 5的革新之一：语义化标签一节元素标签。
摘至于:<HTML 5的革新——语义化标签(一)> HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即 ...
- bootstrap快速入门笔记（五）-文本元素类，各种标签,排版
1,h1到h6这里也有定义了 2,全局元素被直接赋予font-size 设置为 14px,line-height 设置为 1.428,<p> (段落)元素还被设置了等于 1/2 行高(即 ...
- 3.html5的文本元素
如果你看了第一篇的内容,你会发现我的代码是这样的: 文本 <span>文本</span> <scolia>文本</scolia> <scolia ...
- HTML&CSS基础学习笔记1.6-html的文本操作标签
文本也许是HTML里最常见的元素了,所以我们有必要对HTML的文本操作标签做下认识. 1. <em>,<i>内的文字呈现为倾斜效果: 2. <strong>,< ...
- CSS-笔记1-选择器与文本元素
知识点一: CSS概念:CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表) Css是用来美化html标签的,相当于页面化妆. 知识点二: 选择器格式与部分属性: 写法 ...
- Bootstrap3 排版-内联文本元素
标记文本 突出显示的文本由于其相关性在另一个上下文中,使用<mark>标记. You can use the mark tag to highlight text. You can use ...
- 从零开始学 Web 之 CSS（二）文本、标签、特性
大家好,这里是「 Daotin的梦呓 」从零开始学 Web 系列教程.此文首发于「 Daotin的梦呓 」公众号,欢迎大家订阅关注.在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识 ...
- JavaWeb开发——软件国际化(文本元素国际化)
前几天围绕着JDBC编程进行了系统的学习.现在我们对Java程序数据库操作已经是轻车熟路了.也学会了使用各种框架来帮助我们简化编程. 今天是学习计划的第七天,虽然学习热情没有前几天高涨了.但是,写博客 ...
随机推荐
- POJ 1743 Musical Theme（后缀数组 + 二分）题解
题意:一行数字,定义如下情况为好串: 1.连续一串数字,长度大于等于5 2.这行数字中多次出现这串数字的相似串,相似串为该串所有数字同加同减一个数字,如 1 2 3 和 5 6 7 3.至少有一个相似 ...
- xml.libxml2_添加带tagname的xml文本（xmlNewTextChild）
1. 2.例子代码: int TgText::NodeNew_G2SVG(xmlNode* _pNodeCurrent_G, xmlNode* _pNodeParent_SVG, xmlNode** ...
- 雷林鹏分享：jQuery EasyUI 数据网格 - 合并单元格
jQuery EasyUI 数据网格 - 合并单元格 数据网格(datagrid)经常需要合并一些单元格.本教程将向您展示如何在数据网格(datagrid)中合并单元格. 为了合并数据网格(datag ...
- Spring boot连接MongoDB集群
主要问题是:MongoDB集群分为复制集(replicaSet)与分片集(shardingSet),那么如何去连接这两种集群: 参考官方文档,我使用了最通用的方法:通过构造connection str ...
- 漏洞复现——Apache SSI远程命令执行
漏洞原理:当目标服务器开启了SSI与CGI支持,我们就可以上传shtml文件,利用<!--#exec cmd="id" -->语法执行命令. SSI:SSI(服务器端包 ...
- CSS中的盒子模型与 box-sizing 属性
盒子模型是css中一个重要的概念,是开发网页必须要用的布局方法.盒子模型有两种,分别是标准 w3c 盒子模型和 ie 盒子模型. 标准 w3c 盒子模型:包括 magin(外边距).border(边框 ...
- 移动端滑动轮播，原生JS
因为公司需要自定义两个轮播图联动,又不想引入第三方库,所以自己研究了下. 下面只是一个简单的轮播图,由此再拓展一下即可实现两个轮播图联动. <!DOCTYPE html> <html ...
- 菜鸟脱壳之脱壳的基础知识（四）——利用ESP定律来寻找OEP
.上节说的是单步跟踪法,这节讲的是利用堆栈平衡(ESP定律)来进行脱壳!想必大家都听说过ESP定律这个大名吧!ESP定律运用的就是堆栈平衡原理!一般的加壳软件在执行时,首先要初始化,保存环境(保存各个 ...
- mqtt------ mosca服务器端参数简介
一:服务器端 为什么使用mosca:mosca是基于node.js开发,上手难度相对较小,其次协议支持完整,除了不支持Qos 2,其它的基本都支持.持久化支持redis以及mongo.二次开发接口简单 ...
- centos7 安装MySQL7 并更改初始化密码
1.官方安装文档 http://dev.mysql.com/doc/mysql-yum-repo-quick-guide/en/ 2.下载 Mysql yum包 http://dev.mysql.co ...