HTML标签学习之路-001

时间:2023-03-09 01:21:31
HTML标签学习之路-001

1、html的注释

<!--这里是注释内容-->

<!--代表注释内容的开始

-->代表注释内容结束

注释部分,不会被浏览器输出,只是作为代码的说明,供开发者查阅

2、HTML标签特点

  1. 不区分大小写
  2. 绝大部分是成对出现的,第一个表示开始,第二个表示结束
  3. 有一部分标签不是成对的,<br><hr><input type=”text” />
  4. 双标签,内容写在两个标签之间,单标签则在标签属性中赋值。
  5. 标签和属性的关系,<后面的是标签,空格分开的是属性。

HTML标签学习之路-001

其中input是标签,type和value是属性。

6. 标签可以嵌套

7.标签可以没有内容

8.属性之间要有空格隔开

9.属性值用引号引起来

3、HTML字体样式标签

  1. <b></b>文字加粗显示
  2. <i></i>文字倾斜
  3. <u></u>文字加下划线
  4. <del></del>文字加删除线
  5. <strong></strong>文字加粗,对搜索引擎友好,外观和<strong></strong>完全一致
  6. <em></em>文字倾斜,对搜索引擎友好,外观和<i></i>完全一致
  7. <big></big>
  8. <small></small>
  9. <sup></sup>文字上标,如 其中2就是用sup标签
  10. <sub></sub>文字下标,如 其中2使用了sub标签
  11. font标签

三个属性:字体(face)、大小(size)、颜色(color)。该标签需要通过属性来设置。

face代表字体,比如宋体楷体隶书等

size代表文字的大小,从1到7,最小是1,最大是7

color代表文字的颜色

ps:颜色的表示方法:

  1. 英语单词,比如red表示红色,blue代表蓝色,green代表绿色,black代表黑色
  2. rgb十进制表示

所有颜色都是由红绿蓝三种颜色组成的,将每种颜色分成256等份,用来表示该颜色的深度,最少0份,最多255分,比如红色用rgb表示就是(255,0,0)

根据HTML的规范,rgb颜色表示法,应当用rgb和括号包起来颜色值,上面的红色的完整表示是:rgb(255,0,0)

常见的颜色的rgb表示

红色rgb(255,0,0)

绿色rgb(0,255,0)

蓝色rgb(0,0,255)

黑色rgb(0,0,0)

白色rgb(255,255,255)

rgb表示方法特别不推荐,只作为了解,存在严重的兼容性问题,甚至是完全不被浏览器识别

3.十六进制,将上面的三原色转换为16进制表示,前面加上#,这就是一个颜色的16进制表示,16进制:0-9A-F,分别表示0-15

比如:

255转换为16进制是FF

0转换为16进制是00

所以

红色可以表示为#FF0000

绿色可以表示为#00FF00

蓝色可以表示为#0000FF