首页 » 编程语言 » html » 正文

html文本:常用格式化文字标签

html文本就是指在网页中显示的文字内容,而对这些文字内容设置不同的对齐方式、颜色、字体大小、加粗等操作,就是文本格式化,格式化可以通过文本标签和相关样式属性来完成!下面,刘代码就通过实例演示,列举html文本格式化常用的标签和相关属性,以供大家学习参考!

文本标题

每篇文章都有自己的一个标题,而HTML网页中也有文章或文本信息,也需要有一个标题,有的时候,一个主标题下面还有多个副标题,那么,我们就需要用到标题标签<h1>到<h6>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>html文本标题演示案例</title>
</head>
<body>
	<h1>这个一级标题最大</h1>
	<h2>这是一个二级标题</h2>
	<h3>这是一个三级标题</h3>
	<h4>这是一个四级标题</h4>
	<h5>这是一个五级标题</h5>
	<h6>这个六级标题最小</h6>
</body>
</html>

在浏览器中显示效果如下

2019-08-03_153617.png

注意:<h1>标题一个网页中尽量只出现一次,就好比一篇文章,只拥有一个主标题一样,其他如<h2>、<h3>等标题标签,可以在同一个网页中出现多次,更多有关标题标签的内容请查看html标题:h1到h6标签的用法详解

HTML文本格式化标签

标签
说明
<b>
定义加粗文本
<em>定义着重文字,效果如同斜体字
<i>定义斜体字
<u>不赞成使用,使用样式(style)代替
<s>不赞成使用,使用 <del>标签代替
<strike>不赞成使用,使用 <del>标签代替
<strong>加重或强调语气
<ins>

定义插入文字

<del>删除线
<sup>上标
<sub>下标
<big>定义大号字
<small>定义小号字

html"计算机输出”标签

标签
说明
<code>定义计算机代码
<pre>
预格式化文本
<samp>定义计算机代码样本
<var>定义变量
<kbd>定义键盘码
<tt>定义打字机代码

HTML引用及其他标签

标签
说明
<abbr>缩写
<address>地址
<bdo>定义文字方向
<blockquote>定义较长引用区块
<q>定义短引用区块
<cite>定义引用、引证
<dfn>定义项目

部分文本标签代码演示

<p>P段落显示效果</p> <!-- 段落标签 -->
<span>span显示效果</span> <!-- 无功能,针对CSS设计的,用于载入 style="" 属性 -->
<br> <!--换行标签-->
<b>b加粗显示效果</b>
<br>
<strong>strong强调显示效果</strong>
<br>
<em>em斜体显示效果</em>
<br>
<u>u下划线显示效果</u>
<br>
<del>del删除线显示效果</del>
<hr> <!-- 水平线 -->
<dfn>dfn定义显示效果</dfn>
<p>
8的上标是5:8<sup>5</sup>
<br>
7的下标是5:8<sub>5</sub>
</p>
<br>
<code>Ccode计算机程序代码显示效果</code>
<br>
<address>address地址显示效果</address>
<br>
<cite>cite引述显示效果</cite>
<br>
<strike>strike画线删除显示效果</strike>
<br>
<tt>tt打字机显示效果</tt>
<br>
<samp>samp范例显示效果</samp>
<br>
<kbd>kbd键盘字显示效果</kbd>
<blockquote>blockquote引述文字区块显示效果</blockquote>

以上html代码在浏览器中显示效果如下

html文本修饰标签演示效果

修饰字体标签

我们常用<font>标签来设置文字的大小、颜色、字体。

语法:<font  size= "字号" color =" 字体颜色" face="字体" >文字内容</font>

注意:属性size的有效值范围是从1—7,也就是说文字大小分7个等级,不设置大小属性,默认状态size的值为3

<font  size="5" color="red" face="宋体" >这是一个字体大小为5的红色宋体文字</font>

在浏览器中的显示效果如下

font文字标签演示效果图



欢迎您发表评论或留言