<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文本元素标签的更多相关文章

  1. HTML基本格式和文本元素(标签)介绍

    <!doctype html>//声明文档类型 <html lang="zh-cn">//文档开始,后面是声明是中文页面的意思,en是英语的意思 <h ...

  2. HTML 5的革新之一:语义化标签一节元素标签。

    摘至于:<HTML 5的革新——语义化标签(一)> HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即 ...

  3. bootstrap快速入门笔记(五)-文本元素类,各种标签,排版

    1,h1到h6这里也有定义了 2,全局元素被直接赋予font-size 设置为 14px,line-height 设置为 1.428,<p> (段落)元素还被设置了等于 1/2 行高(即 ...

  4. 3.html5的文本元素

    如果你看了第一篇的内容,你会发现我的代码是这样的: 文本 <span>文本</span> <scolia>文本</scolia> <scolia ...

  5. HTML&CSS基础学习笔记1.6-html的文本操作标签

    文本也许是HTML里最常见的元素了,所以我们有必要对HTML的文本操作标签做下认识. 1. <em>,<i>内的文字呈现为倾斜效果: 2. <strong>,< ...

  6. CSS-笔记1-选择器与文本元素

    知识点一: CSS概念:CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表) Css是用来美化html标签的,相当于页面化妆. 知识点二: 选择器格式与部分属性: 写法 ...

  7. Bootstrap3 排版-内联文本元素

    标记文本 突出显示的文本由于其相关性在另一个上下文中,使用<mark>标记. You can use the mark tag to highlight text. You can use ...

  8. 从零开始学 Web 之 CSS(二)文本、标签、特性

    大家好,这里是「 Daotin的梦呓 」从零开始学 Web 系列教程.此文首发于「 Daotin的梦呓 」公众号,欢迎大家订阅关注.在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识 ...

  9. JavaWeb开发——软件国际化(文本元素国际化)

    前几天围绕着JDBC编程进行了系统的学习.现在我们对Java程序数据库操作已经是轻车熟路了.也学会了使用各种框架来帮助我们简化编程. 今天是学习计划的第七天,虽然学习热情没有前几天高涨了.但是,写博客 ...

随机推荐

  1. SAP SD-销售模式-寄售(客户寄售)

    SAP SD-销售模式-寄售(客户寄售) http://blog.sina.com.cn/s/blog_a440b7ee01014kgq.html  http://www.doc88.com/p-23 ...

  2. Pandas 基础(6) - 用 replace() 函数处理不合理数据

    首先, 还是新建一个 jupyter notebook, 然后引入 csv 文件(此文件我已上传到博客园): import pandas as pd import numpy as np df = p ...

  3. ios外包公司——技术分享:手机应用开发步骤

    1. 确定你的创意 您的创意是否有人做过,如果有类似的app,那就要多多考虑,争取超越并且有一些独特的优化设计在其中 2. 定位应用 通过苹果的人机界面指南(Human Interface Guide ...

  4. redis 配置初体验

    下载redis 1.新增start.bat 编辑redis-server redis.windows.conf 2..改动redis.windows.conf配置文件改动password:找到例如以下 ...

  5. php 中swoole安装

    1.下载扩展包: 网址:http://pecl.php.net/ 中(http://pecl.php.net/get/swoole-4.3.1.tgz) 2.解压安装包. 3.进入解压好的安装包. 4 ...

  6. emp架构

    https://wenku.baidu.com/view/5fac8d037e21af45b207a852.html https://wenku.baidu.com/view/f2faa36fa451 ...

  7. 『TensorFlow』降噪自编码器设计

    背景简介 TensorFlow实现讲解 设计新思路: 1.使用类来记录整个网络: 使用_init_()属性来记录 网络超参数 & 网络框架 & 训练过程 使用一个隐式方法初始化网络参数 ...

  8. 『计算机视觉』Mask-RCNN_训练网络其三:训练Model

    Github地址:Mask_RCNN 『计算机视觉』Mask-RCNN_论文学习 『计算机视觉』Mask-RCNN_项目文档翻译 『计算机视觉』Mask-RCNN_推断网络其一:总览 『计算机视觉』M ...

  9. React文档(十七)非受控组件

    大多数情况下,我们建议使用受控组件(也就是用React的state来控制表单元素的value值)来实现表单.在一个受控组件里,表单数据被React组件处理.另一种方案就是非控制组件,这样的话表单数据就 ...

  10. MapServer Tutorial——MapServer7.2.1教程学习(大纲)

    MapServer Tutorial——MapServer7.2.1教程学习(大纲) 前言 最近在学习Gis方面的知识,因为电脑硬件配置偏低,顾选择MapServer入手.网上搜索MapServer系 ...