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程序数据库操作已经是轻车熟路了.也学会了使用各种框架来帮助我们简化编程. 今天是学习计划的第七天,虽然学习热情没有前几天高涨了.但是,写博客 ...
随机推荐
- Learning-Python【10】:函数初识
一.什么是函数 函数就是代码的一种组织形式,是指将一组语句的集合通过一个名字(函数名)封装起来,要想指向这个函数,只需要调用其函数名即可 函数分为两大类:内置函数 和 自定义函数 二.为何要用函数 减 ...
- jsp/servlet学习四之jsp初窥
jsp页面本质上是一个servlet,jsp页面是一个以.jsp结尾的文本文件. jsp自带的API包含4个包: javax.servlet.jsp.包含用于servlet/jsp容器将jsp页面翻译 ...
- Globecom 2018 投稿过程
Globecom 2018 投稿过程 IEEE 通信领域旗舰型会议 Globecom 2018 将于近日提交 Camera-Ready 稿件.回顾今年投稿过程,虽麻烦不断但也不算特别曲折,本篇随笔记录 ...
- R 导出pdf设置字体
主要参考自: https://blog.csdn.net/xmuecor/article/details/51462172 library(showtext)showtext.auto(enable ...
- docker-compose控制启动顺序
用官方方案https://docs.docker.com/compose/startup-order/ 下载wait-for-it.sh https://github.com/vishnubob/wa ...
- 2016 Russian Code Cup (RCC 16), Final Round B - Cactusophobia
B - Cactusophobia 思路: 点双联通分量+最大流 用tarjan求出每个点双联通分量 对于大小大于1的点双联通分量,它就是个环,那么源点和这个环相连, 容量为环的大小减一,这个环和环上 ...
- 路由表flags的U值引起的能ping通网关,ping不通其它网段的案例
故障的: 正常的: 初步分析: 看路由表的flags ,之前故障时是U.现在正常的是UG查了下说明,应该是这个原因.U — 路由是活动的G — 路由指向网关
- JAVA文件操作类和文件夹的操作代码示例
JAVA文件操作类和文件夹的操作代码实例,包括读取文本文件内容, 新建目录,多级目录创建,新建文件,有编码方式的文件创建, 删除文件,删除文件夹,删除指定文件夹下所有文件, 复制单个文件,复制整个文件 ...
- pymysql的使用与参数简要
pymysql.Connect()参数说明 host(str): MySQL服务器地址 port(int): MySQL服务器端口号 user(str): 用户名 passwd(str): 密码 db ...
- 漏洞复现——httpd换行解析漏洞
漏洞原理: 在解析php文件时,1.php\x0A这种格式的文件将会被认为php文件解析,进而可以绕过一些服务器的安全策略. 漏洞版本: 2.4.0~2.4.29 漏洞复现: 复现该漏洞是利用dock ...