HTML基础：文本的样式标签（6）

最新推荐文章于 2024-03-13 17:34:50 发布

阳泉酒家小当家

最新推荐文章于 2024-03-13 17:34:50 发布

阅读量630

点赞数

分类专栏：【HTML与CSS】

本文链接：https://blog.csdn.net/sqlserverdiscovery/article/details/53969025

版权

【HTML与CSS】专栏收录该内容

9 篇文章 0 订阅

订阅专栏

要控制文本的格式，除了可以设置标签的style属性，指定样式，还可以直接通过标签来执行样式，这些标签可以称之为属性标签。

比如，要控制字体为粗体，可以用样式：style="font-weight:bold"，也可以用标签b，比如：<b>粗体</b>

（1）改变字体样式的标签

<!DOCTYPE HTML>
<HTML>
 <HEAD>
	<title>文本样式标签</title>
 </HEAD>

 <BODY>
	<br><strong>粗体</strong>
	<br><b>粗体</b>
	<br><big>稍大字体</big>
	<br><small>稍小字体</small>

	<br><em>斜体</em>
	<br><i>斜体</i>
	<br><var>变数，通常是斜体</var>
	<br><cite>引文，通常是斜体</cite>
	<br><dfn>定义，通常是斜体，并不是所有浏览器都支持</dfn>
	<br><address>地址，通常是斜体</address>

	<br><strike>删除线</strike>
	<br><u>下划线</u>

	<br><kbd>键盘输入</kbd>
	<br><samp>样本</samp>
	<br><tt>打印机等宽字体</tt>
	<br><code>原始代码</code>

	<br>数学标签x的n次方：x<sup>n</sup>
	<br>数学标签logx的n：log<sub>x</sub>n
 </BODY>
</HTML>

（2）特殊符号

<!DOCTYPE HTML>
<HTML>
 <HEAD>
	<title>文本样式标签</title>
 </HEAD>

 <BODY style="text-align:center">
	<p>引号"</p>
	<p>和号&</p>
	<p>竖直线¦</p>

	<p>乘号×</p>
	<p>除号÷</p>
	<p>加减号±</p>
	<p>度数符号°</p>

	<p>英镑£</p>
	<p>上标2²</p>
	<p>上标3³</p>
	<p>AE组合Æ</p>
	<p>Ae组合æ</p>
	<p>二分之一½</p>
    <p>四分之一¼</p>
    <p>居中的点·</p>
	
	<p align="right">注册商标&reg;</p>
	<p align="right">xx版权所有&copy;</p>
 </BODY>

上面的代码，由于包含了特殊符号，复制到csdn这个博客编辑器里之后，就直接转成特殊符号了，原始的代码，如下，截图：

效果图：

（3）标注

acronym标签包含的文字，就是要解释的文字（比如下面例子中的 “html”），具体进行解释的文字是放到title属性中。

当鼠标移动到html上时，就会弹出一个方框，显示解释的内容。

<!DOCTYPE HTML>
<HTML>
 <HEAD>
	<title>文本样式标签</title>
 </HEAD>

 <BODY style="text-align:center">
     <acronym title="html就是超文本标记语言，英文全称是：hypertext mark language。">html
	 </acronym>
	 是web开发中必须要掌握的一项技术。

 </BODY>
</HTML>

阳泉酒家小当家

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础：文本的样式标签（6）

要控制文本的格式，除了可以设置标签的style属性，指定样式，还可以直接通过标签来执行样式，这些标签可以称之为属性标签。比如，要控制字体为粗体，可以用样式：style="font-weight:bold"，也可以用标签b，比如：粗体（1）改变字体样式的标签（2）特殊符号（3）标注
复制链接

扫一扫