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. CSS布局-垂直居中问题

    在前端页面的布局方面,很多时候需要用到垂直居中,如果父集元素或子元素的高度是固定的那么垂直居中可以用line-height或者定位 top:50%:margin-top:- height/2 px:实 ...

  2. 题解 P2955 【[USACO09OCT]奇数偶数Even? Odd? 】

    很明显这题是个假入门! 小金羊一不小心点进题解发现了内幕 能看的出来都WA过Unsigned long long int 做题可以用Python,Python的变量虽然 强悍的不行! 但是我们可以用字 ...

  3. [BZOJ4027]兔子与樱花

    4027: [HEOI2015]兔子与樱花 Time Limit: 10 Sec  Memory Limit: 256 MB Description 很久很久之前,森林里住着一群兔子.有一天,兔子们突 ...

  4. [JSOI2007]字符加密 后缀数组

    题面:洛谷 题解: 我们考虑,如果可以将环上每个长度为len的串都提取出来,再做个排序,那这题我们就做出来了! 但是提取$n^2$,怎么办? 考虑破环成链,再扩充为原来的2倍. 然后直接做后缀排序,把 ...

  5. 那个执事,争先:我如何于 2015 年在 Java Web 项目中推动 HTTP/2

    2015 年 5 月,HTTP/2 发布. 2015 年第 3 季度,我所在企业的一个战略级客户(而且是第二大客户)说,他们需要在当年年底之前支持 HTTP/2(原因忘了,且与本文无关,从略). 而在 ...

  6. 常州day7

    Task1 蛤布斯有一个序列,初始为空.它依次将 1-n 插入序列,其中 i 插到当前第 ai 个数的右边 (ai=0 表示插到序列最左边).它希望你帮 它求出最终序列. 对于 100%的数据,n&l ...

  7. spark(二)

    一.spark的提交模式 --master(standalone\YRAN\mesos) standalone:-client -cluster  如果我们用client模式去提交程序,我们在哪个地方 ...

  8. 【数学】【CF27E】 Number With The Given Amount Of Divisors

    传送门 Description 给定一个正整数\(n\),输出最小的整数,满足这个整数有n个因子 Input 一行一个整数\(n\) Output 一行一个整数,代表答案. Hint \(1~\leq ...

  9. mysql日志配置

    mysql在错误排查,优化的时候会用到日志 有错误日志,查询日志,慢查询日志,二进制日志 先找到日志文件,linux 一般在/etc/my.cnf中 打开看到 log-error=/webserver ...

  10. Linux系统之路——如何在CentOS7.2安装R和RStudio(Server)

    使用ubuntu的小伙伴们直接使用命令sudo apt-get install r-base-dev或者r-base搞定.然而对于使用centos的我却一直卡在安装这一步,十分的悲催,只有羡慕的份,但 ...