1、html的注释

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

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

-->代表注释内容结束

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

2、HTML标签特点

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

其中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

HTML标签学习之路-001的更多相关文章

  1. jQuery学习之路(1)-选择器

    ▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript ...

  2. 踏上Salesforce的学习之路(一)

    相信通过前面的学习,大家已经拥有了一个属于自己的Salesforce开发者账号,下面,我们将用这个账号正式踏上Salesforce的学习之路. 首先,点击网址:https://developer.sa ...

  3. [原创]java WEB学习笔记75:Struts2 学习之路-- 总结 和 目录

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  4. [原创]java WEB学习笔记66:Struts2 学习之路--Struts的CRUD操作( 查看 / 删除/ 添加) 使用 paramsPrepareParamsStack 重构代码 ,PrepareInterceptor拦截器,paramsPrepareParamsStack 拦截器栈

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  5. [原创]java WEB学习笔记54:Struts2学习之路---概述,环境的搭建

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  6. OpenGL学习之路(一)

    1 引子 虽然是计算机科班出身,但从小对几何方面的东西就不太感冒,空间想象能力也较差,所以从本科到研究生,基本没接触过<计算机图形学>.为什么说基本没学过呢?因为好奇(尤其是惊叹于三维游戏 ...

  7. OpenGL学习之路(四)

    1 引子 上次读书笔记主要是学习了应用三维坐标变换矩阵对二维的图形进行变换,并附带介绍了GLSL语言的编译.链接相关的知识,之后介绍了GLSL中变量的修饰符,着重介绍了uniform修饰符,来向着色器 ...

  8. Android学习之路——简易版微信为例(一)

    这是“Android学习之路”系列文章的开篇,可能会让大家有些失望——这篇文章中我们不介绍简易版微信的实现(不过不是标题党哦,我会在后续博文中一步步实现这个应用程序的).这里主要是和广大园友们聊聊一个 ...

  9. jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路

    Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预 ...

随机推荐

  1. 我为什么鼓励工程师写blog

    文/JoeyChen 工程师该怎样才能突破自己的能力瓶颈?写 blog! 工程师该怎样精进自己在职涯上所需要的能力?写 blog! 工程师该怎样才能保持学习与成长的动能?写 blog! 工程师该怎样才 ...

  2. oracle job定时执行存储过程

     JOB定时跑插入语句1.建插入数据的存储过程create or replace procedure report_web asV_START_DATE DATE;V_END_DATE  DATE;b ...

  3. VK Cup 2017 Round 3 + Codeforces Round #412

    A 读题题 B 就是你排名第p,得了x分,而最终至少需要y分,你需要最少的successful hack,使得最终得分s>=y,且由s随机取25个数,使p被选中. (1)暴力枚举hack成功几次 ...

  4. HDU.2149 Public Sale (博弈论 巴什博弈)

    HDU.2149 Public Sale (博弈论 巴什博弈) 题意分析 巴什博奕裸题 博弈论快速入门 代码总览 #include <bits/stdc++.h> using namesp ...

  5. Linux之Json20160705

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言.易于人阅读和编写,同时也易 ...

  6. 随机抽样一致性算法(RANSAC)转载

    这两天看<计算机视觉中的多视图几何>人都看蒙了,转载一些干货看看 转自王先荣 http://www.cnblogs.com/xrwang/archive/2011/03/09/ransac ...

  7. lsof显示打开的文件

    lsof `which httpd` //那个进程在使用apache的可执行文件 lsof /etc/passwd //那个进程在占用/etc/passwd lsof /dev/hda6 //那个进程 ...

  8. -webkit-line-clamp 多行文字溢出...

    一.应用 CSS代码: .box { width: 100px; display: -webkit-box; -webkit-line-clamp:; -webkit-box-orient: vert ...

  9. 这年头不会点Git真不行!!!

    版本控制 说到版本控制,脑海里总会浮现大学毕业是写毕业论文的场景,你电脑上的毕业论文一定出现过这番景象! 1 2 3 4 5 6 7 8 9 10 11 毕业论文_初稿.doc 毕业论文_修改1.do ...

  10. 解决VSCode终端中文乱码问题

    VSCode终端其实调用的是cmd.exe,所以当这里出现中文乱码的时候要解决的是cmd的编码设置问题. 可以通过chcp命令查看cmd的编码设置,GBK2312的代码页编号是936,然后改成utf- ...