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程序数据库操作已经是轻车熟路了.也学会了使用各种框架来帮助我们简化编程. 今天是学习计划的第七天,虽然学习热情没有前几天高涨了.但是,写博客 ...

随机推荐

tomcat的systemctl启动脚本
最近在做Tomcat的实验,顺便研究了一下tomcat的启动脚本发现一个问题,然后经过多方查阅其他大神的资料,终于解决,现在跟大家分享. tomcat的启动脚本跟别的脚本有稍微区别的原因是他需要识别J ...
vnpy官网说明文档网址
接触VNPY一年多,一直对作者设计原理和思想有所困惑.发一篇vnpy官网的说明文档,便于以后理解项目代码. http://www.vnpy.org/archives.html
liunx存储管理之基础知识
存储基础知识 ====================================================================================主要知识点: 基本 ...
Web版记账本开发记录（三）
今天又理了一下思路,思路也越来越明了,越来越清晰了. 今天的开发还是比较顺利的,我通过学习了一些分页功能而且成功地应用在用户登录上,实现了管理员和普通用户之间不同的操作, 今天在用户登录上增加了用户权 ...
为什么会出现container/injection的思想？
1.容器的历史容器概念始于 1979 年提出的 UNIX chroot,它是一个 UNIX 操作系统的系统调用,将一个进程及其子进程的根目录改变到文件系统中的一个新位置,让这些进程只能访问到这个新的 ...
python:assert
assert 断言使用assert断言是个好习惯在没完善一个程序之前,我们不知道程序在哪里会出错,与其让它在运行最崩溃,不如在出现错误条件时就崩溃,这时候就需要assert断言的帮助. asser ...
下载配置nodeJs,cnpm,webpack,vue-cli等，刚装的系统，所有东西重新配置
最近重新装了系统,所有的环境都要重新配置了,做个笔记. 安装nodeJs: 可以参照教程:https://www.runoob.com/nodejs/nodejs-install-setup.html ...
WCF发布到IIS 7.0，并以https访问
一.IIS 7.0中如何生成服务器证书,并要求网站以http访问可参考: http://www.cnblogs.com/chnking/archive/2008/10/07/1305811.html ...
主机连接虚拟机的mysql 记录
检查远程的虚拟机是否可以ping通过查看虚拟机IP为192.168.38.128 cmd窗口ping 192.168.38.128,出现如下界面说明是可以的检查虚拟机mysql的端口号是否对外开通 ...
【框架】selenium网页端的基本自动化框架（四）

HTML文本元素标签

<div>和<span>

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

随机推荐

热门专题