博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML文本元素标签
阅读量:6794 次
发布时间:2019-06-26

本文共 1818 字,大约阅读时间需要 6 分钟。

<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样式而生的。

转载于:https://www.cnblogs.com/zjltt/p/7196617.html

你可能感兴趣的文章
Javascript 作用域和变量提升
查看>>
1-junos基本操作
查看>>
Servlet 工作原理解析
查看>>
怎样打造一个DOM元素位置引擎 (一)
查看>>
P1005
查看>>
std 与标准库
查看>>
Redis入门之一简介
查看>>
spring security3.x学习(13)_第三个例子要使用hsql数据库
查看>>
这里是黑房子开发者社区
查看>>
★思维导图的30个问答
查看>>
Xcode 6更新默认不支持armv7s架构
查看>>
python正则表达式替换函数中的回调函数
查看>>
用python 10min手写一个简易的实时内存监控系统
查看>>
oralce-MD5加密函数
查看>>
Linux下Redis的安装和使用
查看>>
NIO文章翻译
查看>>
html5对于文件的相关操作
查看>>
aerospike和amc安装部署
查看>>
Redis 面试知识点笔记(一)Redis简介
查看>>
thttpd嵌入式web开发笔记
查看>>