【HTML基础】HTML文字效果标签+超齐全颜色表（可直接复制使用）_html颜色标签

作者：羊村懒王 | 2024-02-26 05:51:21

踩

html颜色标签

CSDN话题挑战赛第2期
参赛话题：学习笔记

在这里插入图片描述

文字段落样式效果

文字效果
颜色表（英语单词+十六进制数值）汇总

文字效果

1.添加文字

直接在body标签中输入，即能在浏览器窗口中显示。

<html>
 <head>
  <meta charset="UTF-8">
  <title>文字效果</title>
 </head>
 <body>
    点赞，收藏，关注，评论
 </body>
</html>

1
2
3
4
5
6
7
8
9
10

浏览器窗口效果：

2.标题文字效果：

效果展示

标记	效果
< h1 >…< /h1 >	一级标题
< h2 >…< /h2 >	二级标题
< h3 >…< /h3 >	三级标题
< h4 >…< /h4 >	四级标题
< h5 >…< /h5 >	五级标题
< h6 >…< /h6 >	六级标题

<html>
 <head>
  <meta charset="UTF-8">
  <title>文字效果</title>
 </head>
 <body>
    <h1>HTML</h1> <br>
	<h2>文字效果</h2> <br>
	<h3>点赞</h3> <br>
	<h4>关注</h4> <br>
	<h5>收藏</h5> <br>
	<h6>评论</h6>
 </body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

标题字标记在浏览器窗口中的效果（br标记起到换行作用）：

标题字标签的属性

align属性：设置标题字的对齐属性；
可描述为：
align = center 居中
align = left居左
align = right居右

<html>
 <head>
  <meta charset="UTF-8">
  <title>文字效果</title>
 </head>
 <body>
    
	<h2 align = center>文字效果</h2> <br>
	<h3>点赞</h3> <br>
	<h4 align = "left">关注</h4> <br>
	<h5 align = "right">收藏</h5> <br>
	<h6>评论</h6><br>
	<h1>HTML</h1> 
 </body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

浏览器窗口效果：

3.空格

注意：符号代码开头是 & 结尾是 ;

在一般情况下，HTML会删除文字内容中多余的空格，不管文字中间存在多少个空格，最终只会被视为一个空格。
在这时，为了增加浏览器窗口中显示的空格内容，我们可以用一个“&nbsp”表示一个空格。

<body>&nbsp;</body>
1

4.特殊字符：

注意：符号代码开头是 & 结尾是 ;

特殊文字与空格是类似的，都可以通过在HTML文件中输入符号代码来添加。通过对应的符号代码，可以在浏览器窗口中输出键盘上没有的字符，这些特殊字符可以应用于特定的情境中。

以下是一些汇总来的符号代码：

<html>
 <head>
  <meta charset="UTF-8">
  <title>文字效果</title>
 </head>
 <body>
    &plusmn; -------- plusmn <br>
	&middot; -------- middot <br>
	&pound;  -------- pound  <br>
	&times;  -------- times  <br>
	&trade;  -------- trade  <br>
	&copy;   -------- copy   <br>
	&quot;   -------- quot   <br>
	&euro;   -------- euro   <br>
	&cent;   -------- cent   <br>
	&sect;   -------- sect   <br>
    &amp;    -------- amp    <br>
	&reg;    -------- reg    <br>
	&yen;    -------- yen    <br>
	&lt;     -------- lt     <br>
	&gt;     -------- gt     <br>
 </body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

不同符号代码在浏览器窗口显示的对应特殊字符：
（建议收藏起来，需要的时候直接拷贝来使用

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/144478?site