HTML里面的一些常用标签收藏！！！

文章目录[隐藏]

字体颜色代码大全
文章目录

HTML里面的一些常用标签收藏！！！ - 第1张

1：HTML 里面的图片怎么移动位置:

就是加个style，我全部写出来<img src="images/1.jpg" 
style="position:relative;top:100px;">   
你想移动多少，可以吧后面top:100px改下即可，想多移动一点，就把100px改高，px是个单位，你就调整100的大小
<img src="images/1.jpg" style="text-align:center;">
<div style="float:left;clear:both;maring:10px 0px 10px 0px;"><img src="images/1.jpg" style="text-align:center;"></div>


方法二

给图片加个class用相对定位做就可以了

例:
<style type="text/css">
.imgPlace{ position:relative; top:5px; left:5px;/*right:5px;bottom:5px*/}
/*position:relative是相对定位的意思; top是相对离上面的距离，left是相对离左面的距离，right是相对离右面的距离，bottom是相对离下面的距离，*/
</style>

2：html字体颜色设置的方法一：html font设置字体颜色

语法：

font是一对常规标签，将字体文本内容放入标签内，font标签内设置color颜色+对应颜色值即可设置font标签对象内字体颜色。

我们直接来看html font设置字体颜色的代码实例：

<html>
<body>
<p><font size="10" color="red">php中文网</font></p>
</body>
</html>

说明：是设置字体大小。（可参考HTML手册）

html font设置字体颜色的效果如下：

HTML里面的一些常用标签收藏！！！ - 第2张

前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用

html字体颜色设置的方法二：标签内设置CSS字体颜色样式

语法：

标签内设置CSS字体颜色的代码实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<div style="color:red;font-size:50px">php中文网</div>
</body>
</html>

说明：font-size:50px为字体大小。（字体大小可参考css使用手册）

标签内设置CSS字体颜色的效果如下：

HTML里面的一些常用标签收藏！！！ - 第3张

html字体颜色设置的方法三：外部CSS设置html文字字体的颜色

使用id或class引入外部CSS字体颜色样式，从而设置html 字体颜色。

外部CSS设置html文字字体的颜色的代码示例：

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style> 
.ex{ color:pink;font-size:50px} 
</style> 
</head> 
<body> 
<div class="ex">php中文网</div> 
</body> 
</html>

外部CSS设置html文字字体的颜色效果如下：

HTML里面的一些常用标签收藏！！！ - 第4张

最后，注意：html font设置字体颜色color使用等号设置颜色值，而CSS设置字体颜色使用color设置字体颜色值使用冒号。

字体颜色代码大全

1 白色 #FFFFFF
2 红色 #FF0000
3 绿色 #00FF00
4 蓝色 #0000FF
5 牡丹红 #FF00FF
6 青色 #00FFFF
7 黄色 #FFFF00
8 黑色 #000000
9 海蓝 #70DB93
10 巧克力色 #5C3317
11 蓝紫色 #9F5F9F
12 黄铜色 #B5A642
13 亮金色 #D9D919
14 棕色 #A67D3D
15 青铜色 #8C7853
16 2号青铜色 #A67D3D
17 士官服蓝色 #5F9F9F
18 冷铜色 #D98719
19 铜色 #B87333
20 珊瑚红 #FF7F00
21 紫蓝色 #42426F
22 深棕 #5C4033
23 深绿 #2F4F2F
24 深铜绿色 #4A766E
25 深橄榄绿 #4F4F2F
26 深兰花色 #9932CD
27 深紫色 #871F78
28 深石板蓝 #6B238E
29 深铅灰色 #2F4F4F
30 深棕褐色 #97694F
32 深绿松石色 #7093DB
33 暗木色 #855E42
34 淡灰色 #545454
35 土灰玫瑰红色 #545454
36 长石色 #D19275
37 火砖色 #8E2323
38 森林绿 #238E23
39 金色 #CD7F32
40 鲜黄色 #DBDB70
41 灰色 #C0C0C0
42 铜绿色 #527F76
43 青黄色 #93DB70
44 猎人绿 #215E21
45 印度红 #4E2F2F
46 土黄色 #9F9F5F
47 浅蓝色 #C0D9D9
48 浅灰色 #A8A8A8
49 浅钢蓝色 #8F8FBD
59 浅木色 #E9C2A6
60 石灰绿色 #32CD32
61 桔黄色 #E47833
62 褐红色 #8E236B
63 中海蓝色 #32CD99
64 中蓝色 #3232CD
65 中森林绿 #6B8E23
66 中鲜黄色 #EAEAAE
67 中兰花色 #9370DB
68 中海绿色 #426F42
69 中石板蓝色 #7F00FF
70 中春绿色 #7FFF00
71 中绿松石色 #70DBDB
72 中紫红色 #DB7093
73 中木色 #A68064
74 深藏青色 #2F2F4F
75 海军蓝 #23238E
76 霓虹篮 #4D4DFF
77 霓虹粉红 #FF6EC7
78 新深藏青色 #00009C
79 新棕褐色 #EBC79E
80 暗金黄色 #CFB53B
81 橙色 #FF7F00
82 橙红色 #FF2400
83 淡紫色 #DB70DB
84 浅绿色 #8FBC8F
85 粉红色 #BC8F8F
86 李子色 #EAADEA
87 石英色 #D9D9F3
88 艳蓝色 #5959AB
89 鲑鱼色 #6F4242
90 猩红色 #BC1717
91 海绿色 #238E68
92 半甜巧克力色 #6B4226
93 赭色 #8E6B23
94 银色 #E6E8FA
95 天蓝 #3299CC
96 石板蓝 #007FFF
97 艳粉红色 #FF1CAE
98 春绿色 #00FF7F
99 钢蓝色 #236B8E
100 亮天蓝色 #38B0DE
101 棕褐色 #DB9370
102 紫红色 #D8BFD8
103 石板蓝色 #ADEAEA
104 浓深棕色 #5C4033
105 淡浅灰色 #CDCDCD
106 紫罗兰色 #4F2F4F
107 紫罗兰红色 #CC3299
108 麦黄色 #D8D8BF
109 黄绿色 #99CC32

字体加粗HTML代码

用html中的加粗标签

标签可以使字体加粗，且所有主流浏览器都支持此方法。

实例描述：直接用html中的标签，即可实现文字加粗效果，具体代码如下：

格式如：你想加粗的字体

3： 4：

本站声明 1 本网站名称：光哥的小窝窝
2 本站永久网址：https://41034104.cn
3 本网站的文章部分内容可能来源于网络广大网友学习交流，如有侵权，请联系站长 QQ41034104进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7 本网站提供的所有下载文件均来自网络搜集整，仅限用于学习和研究之用；
不得将上述内容用于商业或者非法用途，否则理一切后果请用户自负
8 附: 二○○二年一月一日《计算机软件保护条例》第十七条规定：为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬！