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. Python基础数据类型题

    Python基础数据类型 题考试时间:三个小时 满分100分(80分以上包含80分及格)1,简述变量命名规范(3分) 1.必须是字母,数字,下划线的任意组合. 2.不能是数字开头 3.不能是pytho ...

  2. BZOJ5072 小A的树(树形dp)

    容易猜到能选择的黑点个数是一个连续区间.那么设f[i][j]为i子树内选j个点形成包含根的连通块,最多有几个黑点,g[i][j]为最少有几个黑点,暴力dp是O(n2)的,求出每个连通块大小对应的黑点数 ...

  3. 洛谷 P2057 善意的投票(网络流最小割)

    P2057 善意的投票 题目描述 幼儿园里有n个小朋友打算通过投票来决定睡不睡午觉.对他们来说,这个问题并不是很重要,于是他们决定发扬谦让精神.虽然每个人都有自己的主见,但是为了照顾一下自己朋友的想法 ...

  4. 【JQuery】数据

    一.前言        接着前一章的内容,继续本章的学习 二.内容 queue 显示或操作在匹配元素上执行的函数队列 .queue(queueName) 操作在匹配元素上执行的函数队列 .queue( ...

  5. 【BZOJ1143】祭祀(网络流)

    [BZOJ1143]祭祀(网络流) 题面 BZOJ 洛谷 Description 在遥远的东方,有一个神秘的民族,自称Y族.他们世代居住在水面上,奉龙王为神.每逢重大庆典, Y族都 会在水面上举办盛大 ...

  6. 光荣之路测试开发面试linux考题之四:性能命令

    Hi,大家好我是tom,I am back.今天要给大家讲讲linux系统一些性能相关命令. 1.fdisk 磁盘管理 是一个强大的危险命令,所有涉及磁盘的操作都由该命令完成,包括:新增磁盘.增删改磁 ...

  7. Linux内核分析8

    周子轩 原创作品转载请注明出处  <Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-1000029000 实验目的: 使用gdb ...

  8. css样式表设置

    有参考此片博文 1.内联式样式表 是指将CSS样式编码写在HTML标签中,在标签内编写的样式能影响的范围最小,只改变本标签的文字样式,同样的标签不会受到影响,也称行间样式表. 格式如下 <h1 ...

  9. UESTC--1727

    原题链接:http://acm.uestc.edu.cn/problem.php?pid=1727 分析:用 l[i] 记录第 i 层楼有多少物品需要往上继续搬运,如果某层楼没有物品,但是更上面还有, ...

  10. 微信小程序,页面分享

    onShareAppMessage: function () { return { title: '微信小程序联盟', desc: '最具人气的小程序开发联盟!', path: '/page/user ...