什么是html

Hyper Text Markup Language

超文本标记语言

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Page Title</title>
  5. </head>
  6. <body>
  7. <h1>My First Heading</h1>
  8. <p>My first paragraph.</p>
  9. </body>
  10. </html>

主体标签示意

<!DOCTYPE html>
定义、声明这是一个html5文件
只有这个是特别的,它不以标签对的形式出现

标签对

文本格式标签

Tag Description
加粗
Defines a part of text in an alternate voice or mood
Defines smaller text
Defines important text
Defines subscripted text
Defines superscripted text
Defines inserted text
Defines deleted text
Defines marked/highlighted text

color

HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values.
HTML 颜色使用预定义的颜色名称或 RGB、HEX、HSL、RGBA 或 HSLA 值指定。

  1. <h1 style="color:Tomato;">Hello World</h1>
  2. <p style="color:DodgerBlue;">Lorem ipsum...</p>
  3. <p style="color:MediumSeaGreen;">Ut wisi enim...</p>

RGB

rgb(red, green, blue)
3个值都在 0 到255

rgba

a是alpha ,表示的是不透明度。0是完全透明,1就是不透明。所以取值在0-1之间

  1. rgba(255, 99, 71, 0.2)

HEX

指的是16进制颜色
#RRGGBB,其中 RR(红色)、GG(绿色)和 BB(蓝色)十六进制整数指定颜色的组成部分。
其中 rr(红色)、gg(绿色)和 bb(蓝色)是 00 到 ff 之间的十六进制值(与十进制 0-255 相同)。

  1. #3cb371

HSL

HSL 代表色相、饱和度和亮度。
色调是色轮上从 0 到 360 的度数。0 是红色,120 是绿色,240 是蓝色。 饱和度是一个百分比值,0% 表示灰色阴影,100% 表示全色。 亮度也是一个百分比值,0% 为黑色,100% 为白色。

  1. hsl(147, 50%, 47%)

HSLA

HSLA 颜色值是具有 Alpha 通道(不透明度)的 HSL 的扩展。

  1. hsla(141, 100%, 50%, 0.5)