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. atcoder 2017Code festival C ——D题 Yet Another Palindrome Partitioning(思维+dp)

    题目大意: 把一个字符串s分割成m个串,这m个串满足至多有一种字符出现次数为奇数次,其他均为偶数次,问m的最小值 题解: 首先我们想一下纯暴力怎么做 显然是可以n^2暴力的,然后dp[i]表示分割到i ...

  2. javascript的解析顺序

    一.javascript的解析顺序 我们大家所理解的代码的执行顺序都是从上到下的,但是实际上确不是这样的.我们看一下下面的代码. 1 alert(a);2 var a = 1;如果执行顺序是从上到下的 ...

  3. linux内核设计与实现一书阅读整理 之第一二章整合

    第一章:Linux内核简介 一.Unix和linux Unix是一个强大.健壮和稳定的操作系统. 1.Unix内核特点 十分简洁:仅提供几百个系统调用并且有明确的目的: 在Unix中,大部分东西都被( ...

  4. linux内核分析 第三周 构造一个简单的Linux系统MenuOS

    一.计算机的三个法宝 存储程序计算机,函数调用堆栈,中断二.操作系统的两把剑:1.中断上下文的切换,保存现场和恢复现场2.进程上下文的切换. 三.linux内核源代码的分析: ·arch/目录保存支持 ...

  5. Centos 下 error while loading shared libraries: libopencv_core.so.3.0

    error while loading shared libraries: libopencv_core.so.3.0 Check if those libraries are present in ...

  6. C++ ------ 创建对象 new 和不 new 的区别

    1.作用域不同 不用new:作用域限制在定义类对象的方法中,当方法结束时,类对象也被系统释放了,(安全不会造成内存系统泄漏). 用new:创建的是指向类对象的指针,作用域变成了全局,当程序结束时,必须 ...

  7. shell 脚本判断linux 的发行版本

    原文vi ./Get_Dist_Name.sh #!/bin/bash Get_Dist_Name() { if grep -Eqii "CentOS" /etc/issue || ...

  8. Splay 区间操作

    据大佬说,\(Splay\)是序列操作之王.\(Splay\)是一种平衡树,通过伸展(\(Splay\)),在不改变中序遍历的前提下变换根的位置,从而快速的进行序列操作 \(Splay\)最常见的序列 ...

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

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

  10. vmware中无法ping通主机的问题

    虚拟机使用NAT方式运行一段时间后,发现无法ping通主机(物理机),显示错误如下 ipconfig如下 查看虚拟机中的网络连接,显示"未识别网络" 分析: 查看了网络上的一些资料 ...