html格式化标签

最新推荐文章于 2024-02-28 00:02:34 发布

小李讲源码

最新推荐文章于 2024-02-28 00:02:34 发布

阅读量1.4k

点赞数

分类专栏： html&css

本文链接：https://blog.csdn.net/ncut_LJD/article/details/50819336

版权

html&css 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1.粗体或

<html>
<head>
<title>格式化标签练习</title>
</head>
<body>
曲项向天歌
<b>锄禾日当午</b>
<strong>举头望明月</strong>
</body>
</html>

2.文字变大变小(知道就行不总用)<big>

<html>
<head>
<title>格式化标签练习</title>
</head>
<body>
曲项向天歌
<big><b>锄禾日当午</b></big>
<small><strong>举头望明月</strong></small>
</body>
</html>

3.斜体字或

<html>
<head>
<title>格式化标签练习</title>
</head>
<body>
曲项向天歌
<big><b>锄禾日当午</b></big>
<br>
<i><small><strong>举头望明月</strong></small></i>
</body>
</html>

4.下标和上标字体

<html>
<head>
<title>格式化标签练习</title>
</head>
<body>
曲项向天歌
<big><b>锄禾日当午</b></big>
<br>
<i><small><strong>举头望明月</strong></small></i>
<br>
C<sub>2</sub>
5<sup>2</sup>
</body>
</html>

5.下划线

<html>
<head>
<title>格式化标签练习</title>
</head>
<body>
曲项向天歌
<big><b>锄禾日当午</b></big>
<br>
<i><small><strong>举头望明月</strong></small></i>
<br>
C<sub>2</sub>
5<sup>2</sup>
<p><u>哗啦啦啦啦</u></p>
</body>
</html>

6.删除线<s></s>或<strike></strike>

<html>
<head>
<title>格式化标签练习</title>
</head>
<body>
曲项向天歌
<big><b>锄禾日当午</b></big>
<br>
<i><small><strong>举头望明月</strong></small></i>
<br>
C<sub>2</sub>
5<sup>2</sup>
<p><u>哗啦啦啦啦</u></p>
<s>小桥流水人家</s>
<strike>古道西风瘦马</strike>
</body>
</html>

7.预格式化文本<pre>

在没用预格式化的时候

<html>
<head>
<title>格式化标签练习</title>
</head>
<body>
曲项向天歌
<big><b>锄禾日当午</b></big>
<br>
<i><small><strong>举头望明月</strong></small></i>
<br>
C<sub>2</sub>
5<sup>2</sup>
<p><u>哗啦啦啦啦</u></p>
<s>小桥流水人家</s>
<strike>古道西风瘦马</strike>
<pre>
class student{
	public void student();
}
</pre>
</body>
</html>

8.marquee可移动文字

<html>
<head>
<title>格式化标签练习</title>
</head>
<body>
曲项向天歌
<big><b>锄禾日当午</b></big>
<br>
<i><small><strong>举头望明月</strong></small></i>
<br>
C<sub>2</sub>
5<sup>2</sup>
<p><u>哗啦啦啦啦</u></p>
<s>小桥流水人家</s>
<strike>古道西风瘦马</strike>
<pre>
class student{
	public void student();
}
</pre>
<marquee>好好学习 天天向上</marquee>
</body>
</html>

这个可以用direction属性来改变移动文字的方向

9.img图像标签

<html>
<head>
<title>格式化标签练习</title>
</head>
<body>
<img src="1.png" width="30%">
</body>
</html>

10.HTML实体

显示结果 描述 实体名 实体号
 不可拆分的空格    
< 小于 < <
> 大于 > >
& and符号 & &
" 引号 " "
' 单引号 '

显示结果描述 实体名 实体号
￠ 分 ¢ ¢
￡ 英镑 £ £
￥ 人民币元 ¥ ¥
§ 章节 § §
? 版权 © ©
? 注册 ® ®
× 乘号 × ×
÷ 除号 ÷ ÷

在不用实体之前我们打好多个空格在显示出来就是一个空格但是我们用HTML实体的时候就可以显示出多个空格

<html>
<head>
<title>格式化标签练习</title>
</head>
<body>
<      >
</body>
</html>

小李讲源码

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html格式化标签

1.粗体或格式化标签练习曲项向天歌锄禾日当午举头望明月2.文字变大变小(知道就行不总用) 3.斜体字或 4.下标和上标字体 5.下划线6.删除线或7.预格式化文本8.marquee可移动文字9.img图像标签10.HTML实体显示结果描述实体名实体号
复制链接

扫一扫