HTML文本元素标签

表示关键字和产品名称
如：查看效果

效果：加粗

查看效果

表示重要的文字

如：查看效果

效果：加粗

查看效果

 强制换行
如： 查看 效果
效果：在浏览器显示换行

查看
效果

安全换行，一般只用于英文
如：查看效果
效果：当页面缩小文字受到挤压时才换行

表示外文词汇或科技术语
如：查看效果
效果：倾斜

查看效果

加以强调，强调重要性
如：查看效果
效果：倾斜

查看效果

<s></s>表示不准确或校正
如：<s>查看效果</s>
效果：删除线

查看效果

<del></del>表示删除文字
如：<del>查看效果</del>
效果：删除线

查看效果

表示给文字加下划线
如：查看效果
效果：下划线

查看效果

<ins></ins>表示添加一段文本
如：<ins>查看效果</ins>
效果：下划线

查看效果

表示添加小号字体，用于免责声明和澄清声明
如：查看效果
效果：小号字体

查看效果

表示添加下标
如：查看效果5
效果：下标

查看效果₅

表示添加上标
如：查看效果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>
效果：文字反转

突出显示文本
如：查看效果
效果：黄色背景，黑色的字

查看效果

<time></time>表示日期和时间
如：<time>2016-10-12</time>
效果：无

表示一般性文本，我们经常用它来设置css
如：查看效果
效果：无

<div>和

<div></div> ： <div>只是一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现.
： 表示了内联行(行内元素),并无实际的意义,主要通过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, (段落)元素还被设置了等于 1/2 行高(即 ...
3.html5的文本元素
如果你看了第一篇的内容,你会发现我的代码是这样的: 文本 文本 <scolia>文本</scolia> <scolia ...
HTML&CSS基础学习笔记1.6-html的文本操作标签
文本也许是HTML里最常见的元素了,所以我们有必要对HTML的文本操作标签做下认识. 1. ,内的文字呈现为倾斜效果: 2. ,< ...
CSS-笔记1-选择器与文本元素
知识点一: CSS概念:CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表) Css是用来美化html标签的,相当于页面化妆. 知识点二: 选择器格式与部分属性: 写法 ...
Bootstrap3 排版-内联文本元素
标记文本突出显示的文本由于其相关性在另一个上下文中,使用标记. You can use the mark tag to highlight text. You can use ...
从零开始学 Web 之 CSS（二）文本、标签、特性
大家好,这里是「 Daotin的梦呓」从零开始学 Web 系列教程.此文首发于「 Daotin的梦呓」公众号,欢迎大家订阅关注.在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识 ...
JavaWeb开发——软件国际化(文本元素国际化)
前几天围绕着JDBC编程进行了系统的学习.现在我们对Java程序数据库操作已经是轻车熟路了.也学会了使用各种框架来帮助我们简化编程. 今天是学习计划的第七天,虽然学习热情没有前几天高涨了.但是,写博客 ...

随机推荐

（转）Awesome Human Pose Estimation
Awesome Human Pose Estimation 2018-10-08 11:02:35 Copied from: https://github.com/cbsudux/awesome-hu ...
Qt获取选择的文件夹和文件路径
获取文件夹路径 static QString getExistingDirectory(QWidget *parent = Q_NULLPTR, const QString &caption ...
java基础（一）之HashMap
HashMap的存储结构是由数组和链表共同完成.Entry<K,V>[] ,Entry是单向链表. 1 HashMap数据结构 HashMap的底层主要是基于数组和链表来实现的,它之所以有 ...
盛最多水的容器(java实现)
题目: 给定 n 个非负整数 a1,a2,...,an,每个数代表坐标中的一个点 (i, ai) .在坐标内画 n 条垂直线,垂直线 i 的两个端点分别为 (i, ai) 和 (i, 0).找出其中的 ...
centos的防火墙相关
在服务器上启动了node服务,但是外面访问不到, 原因是防火墙没开端口,新装的机器,也没有iptables systemctl stop firewalld yum install iptables- ...
codeforces 343d
题意:一棵树结构上有水,往一个节点加水,那么所有的子节点都会有水,或者排干一个节点的水,那么它的上面的节点都会没水. 用dfs序,数组记录区间内全部有水为1,区间内有没水的点就为0. 倒水:区间更新, ...
【Mybatis】【1】generate批量生成实体类，数据库接口类和mapper
前言: 1,实体类之类如果自己写的话,比较繁琐,还容易出错,所以用generate自动生成 2,int类型可能会生成为short类型,建议不要手动改回int类.因为下次生成又是short类型了,可能会 ...
redis的数据类型及使用
Redis 数据类型 Redis支持五种数据类型:string(字符串),hash(哈希),list(列表),set(集合)及zset(sorted set:有序集合). String(字符串) st ...
Servlet中的过滤器Filter
链web.xml中元素执行的顺序listener->filter->struts拦截器->servlet. 1.过滤器的概念 Java中的Filter 并不是一个标准的Servlet ...
获取当前页面url并截取所需字段
let url = window.location.href; // 动态获取当前url // 例: "http://i.cnblogs.com/henanyundian/web/app/# ...

HTML文本元素标签

<div>和<span>

HTML文本元素标签的更多相关文章

随机推荐

热门专题