用纯HTML5制作网站_html5网页制作

作者：你好赵伟 | 2024-02-29 17:11:40

踩

html5网页制作

HTML5制作网页

前言

大家好，我是小赵，最近在搞web开发，相信很多贴友都有一个想自己开发网站的愿望，当然，这篇博文不能告诉你哪里有域名，但能教你制作网页的整个布局，废话不多说，上才艺。

彻底搞懂HTML背景颜色问题

说真的，这个不难，就是需要转16进制

颜色名 16进制字符
AliceBlue    #F0F8FF
AntiqueWhite    #FAEBD7
Aqua    #00FFFF
Aquamarine    #7FFFD4
Azure    #F0FFFF
Beige    #F5F5DC
Bisque    #FFE4C4
Black    #000000
BlanchedAlmond    #FFEBCD
Blue    #0000FF
BlueViolet    #8A2BE2
Brown    #A52A2A
BurlyWood    #DEB887
CadetBlue    #5F9EA0
Chartreuse    #7FFF00
Chocolate    #D2691E
Coral    #FF7F50
CornflowerBlue    #6495ED
Cornsilk    #FFF8DC
Crimson    #DC143C
Cyan    #00FFFF
DarkBlue    #00008B
DarkCyan    #008B8B
DarkGoldenRod    #B8860B
DarkGray    #A9A9A9
DarkGreen    #006400
DarkKhaki    #BDB76B
DarkMagenta    #8B008B
DarkOliveGreen    #556B2F
DarkOrange    #FF8C00
DarkOrchid    #9932CC
DarkRed    #8B0000
DarkSalmon    #E9967A
DarkSeaGreen    #8FBC8F
DarkSlateBlue    #483D8B
DarkSlateGray    #2F4F4F
DarkTurquoise    #00CED1
DarkViolet    #9400D3
DeepPink    #FF1493
DeepSkyBlue    #00BFFF
DimGray    #696969
DodgerBlue    #1E90FF
FireBrick    #B22222
FloralWhite    #FFFAF0
ForestGreen    #228B22
Fuchsia    #FF00FF
Gainsboro    #DCDCDC
GhostWhite    #F8F8FF
Gold    #FFD700
GoldenRod    #DAA520
Gray    #808080
Green    #008000
GreenYellow    #ADFF2F
HoneyDew    #F0FFF0
HotPink    #FF69B4
IndianRed    #CD5C5C
Indigo    #4B0082
Ivory    #FFFFF0
Khaki    #F0E68C
Lavender    #E6E6FA
LavenderBlush    #FFF0F5
LawnGreen    #7CFC00
LemonChiffon    #FFFACD
LightBlue    #ADD8E6
LightCoral    #F08080
LightCyan    #E0FFFF
LightGoldenRodYellow    #FAFAD2
LightGray    #D3D3D3
LightGreen    #90EE90
LightPink    #FFB6C1
LightSalmon    #FFA07A
LightSeaGreen    #20B2AA
LightSkyBlue    #87CEFA
LightSlateGray    #778899
LightSteelBlue    #B0C4DE
LightYellow    #FFFFE0
Lime    #00FF00
LimeGreen    #32CD32
Linen    #FAF0E6
Magenta    #FF00FF
Maroon    #800000
MediumAquaMarine    #66CDAA
MediumBlue    #0000CD
MediumOrchid    #BA55D3
MediumPurple    #9370DB
MediumSeaGreen    #3CB371
MediumSlateBlue    #7B68EE
MediumSpringGreen    #00FA9A
MediumTurquoise    #48D1CC
MediumVioletRed    #C71585
MidnightBlue    #191970
MintCream    #F5FFFA
MistyRose    #FFE4E1
Moccasin    #FFE4B5
NavajoWhite    #FFDEAD
Navy    #000080
OldLace    #FDF5E6
Olive    #808000
OliveDrab    #6B8E23
Orange    #FFA500
OrangeRed    #FF4500
Orchid    #DA70D6
PaleGoldenRod    #EEE8AA
PaleGreen    #98FB98
PaleTurquoise    #AFEEEE
PaleVioletRed    #DB7093
PapayaWhip    #FFEFD5
PeachPuff    #FFDAB9
Peru    #CD853F
Pink    #FFC0CB
Plum    #DDA0DD
PowderBlue    #B0E0E6
Purple    #800080
Red    #FF0000
RosyBrown    #BC8F8F
RoyalBlue    #4169E1
SaddleBrown    #8B4513
Salmon    #FA8072
SandyBrown    #F4A460
SeaGreen    #2E8B57
SeaShell    #FFF5EE
Sienna    #A0522D
Silver    #C0C0C0
SkyBlue    #87CEEB
SlateBlue    #6A5ACD
SlateGray    #708090
Snow    #FFFAFA
SpringGreen    #00FF7F
SteelBlue    #4682B4
Tan    #D2B48C
Teal    #008080
Thistle    #D8BFD8
Tomato    #FF6347
Turquoise    #40E0D0
Violet    #EE82EE
Wheat    #F5DEB3
White    #FFFFFF
WhiteSmoke    #F5F5F5
Yellow    #FFFF00
YellowGreen    #9ACD32
————————————————
参考链接：_哆啦A梦_i的博客

额，是不是给的有点多了

代码加解析


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="auther" content="小赵">
        <title>彻底搞懂背景颜色</title>
    </head>
    <body bgcolor="#fffafa">
        <! -- bgcolor可以设置背景颜色，这里用的是#fffafa米色-- >
        bgcolor可以设置背景颜色，这里用的是#fffafa米色
    </body>
</html>

效果：

多html连接

很简单，一个<a href="XX">直接搞定，就拿我的方块工作室官网举例


<! --  很简单，就一个语句:-- >
<a href="你的路径">现实的文字</a>

网页标题的图标

就像这个

实现也很简单


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <! -- 就是下面这条语句 -- >
        <link rel="icon" type="image/x-icon" href="无聊的图标.ico">
        <meta name="auther" content="小赵">
        <title>无聊</title>
    </head>
    <body bgcolor="#fffafa">
        欧耶
    </body>
</html>

你学会了吗?

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