tml代码里，表示颜色一般用两种方法，一种是直接写出颜色的英文，另一种是前面写个“#”后面再写6个数字字母。
先说第一种表示方法，这个很简单，如果要表示黑色直接就是black，红色就red，蓝色就blue。具体的我们看下面图1，图2
现在来说第二种，这也是我们这个文章要重点说的，因为这个也是最经常用的表示方法，很多人看到这个又是字数又是字母的就糊涂了，今天我们来详细的把它讲清楚。先用图片来说明一下，先看下面图3
图3里的#000000表示的是黑色，#ff0000表示红色，#00ff00表示绿色，所以说这个效果是和图1一样的。那要怎么理解这种表示颜色的方法呢，我们再来列出几个颜色和它的表示法：
红色：#ff0000，绿色：#00ff00，蓝色：#0000ff， 大家仔细看一下就可发现，这个和我们平常说的RGB格式来表示颜色是一样的，相当于红绿蓝三个光，而f是十六进制中的0,1,2,.....e,f中的f了 。f是里面的最大值了，ff代表该颜色光的值达到最大，所以#ff0000是红色，#880000表示的也是红色，只是没有#ff0000这个那么红了。其他的也是同理。所以#000000代表三个颜色光的值都为0，没有任何光了，那就是黑色了，相反#ffffff代表三个颜色光的值都达到最大，混合在一起就成白色。我们也知道红光和蓝光混在一起是紫色的，所以#ff00ff表示的是紫色，同样#ffff00表示的是黄色。讲到这里相信大家应该都明白了怎样用这种方法表示颜色了吧，如果要表示一种颜色，只要把相应的值增加或减小或者添加另一个颜色，这样就可以得到千千万万种颜色了。
这两种表示颜色的方法都讲完了，尤其是第二种方法，大部分情况都是用这种方法来表示html里面的颜色的。如果大家有什么更好的更容易理解的想法，可以点击关注【点点有你】一起来讨论一下哦
最后，如果您觉得我写的这些文章对您有帮助的话，您可以根据您的情况随意给点赏金，我相信一分也是爱也是支持，下面两图是我的支付宝和微信收款码。当然写文章不是一定要让您给赏金的，有您的支持和赞助，我会有更多动力来写文章和大家分享的，再次感谢您的支持和理解！
个人编写HTML使用的软件是dreamweaver，这个软件的话，正版是要购买的，一开始学习HTML就是用的这个软件了，挺好用的，而且代码提示特别方便，不用担心太多的标签和属性记劳~
1.什么是HTML？
- HTML 是用来描述网页的一种语言，指的是超文本标记语言: HyperText Markup Language；
- HTML 不是一种编程语言，而是一种标记语言；
- HTML文档也叫做 web 页面；
2.HTML基本结构
- <!DOCTYPE html>：文档声明；
- <html>：HTML 页面的根元素；
- <head>：用于定义文档的头部，是所有头部元素的容器；
- <meta>：提供有关页面的元信息，位于文档的头部，不包含任何内容；
- <title>：文档的标题；
- <body>：定义文档的主体，包含文档的所有内容；
3.HTML标签使用？
- HTML 标签是由尖括号包围的关键词，且通常是成对出现的如<a></a>，当然也有单个的，只不过比较少如<hr>；
- 标签对中的第一个标签表示开始标签，第二个标签表示结束标签；
4.HTML常用标签介绍
除了HTML基本结构的几个标签以外，HTML还有一些比较常用的基本标签；
（1）文本标签：
- h1-h6：用于定义标题，h1为最大标题，h6为最小标题；
- p：定义段落；
- span：组合文档中的行内元素；
- br：换行；
- hr：水平线；
- strong/b：加粗文字；
- em/i：斜体；
- u：下划线；
- s：删除线；
- pre：定义预格式化的文本，保持原有格式；
- sub：下标；
- sup：上标；
- blockquote：块引用；
（2）布局标签：
- div：定义文档中的分区或节，把文档分割为独立的、不同的部分；
- header：定义页面的头部；
- aside：用作文章的侧栏；
- section：定义文档中的节；
- footer：定义文档或节的页脚，通常包含文档的作者、版权信息、使用条款链接、联系信息等；
- article：规定文章独立的其他内容，如标题、内容、评论；
（3）多媒体标签：
- img：用于在网页中插入图像；
- audio：定义声音，比如音乐或其他音频流；
- video：定义视频，比如电影片段或其他视频流；
（4）超链接标签：
（5）序列化标签：
- ul：定义无序列表；
- ol：定义有序列表；
- li：定义列表项目，可用在无序列表ul和有序列表ol中；
- dl：定义了定义列表；
- dt：定义了定义列表中的项目（即术语部分）；
- dd：在定义列表中定义条目的定义部分；
（6）表格标签：
- table：定义 HTML 表格；
- tr：定义表格的行；
- td：定义表格的单元；
- th：定义表头；
- caption：定义表格标题；
- col：为表格中一个或多个列定义属性值；
- colgroup：用于对表格中的列进行组合，以便对其进行格式化；
- thead：定义表格的表头；
- tbody：表格主体，也就是正文部分；
- tfoot：定义表格的页脚（脚注或表注）；
（7）表单标签：
- form：用于为用户输入创建 HTML 表单；
- input：用于搜集用户信息；
- button：定义一个按钮；
- select：创建单选或多选菜单；
- option：定义下拉列表中的一个选项；
- textarea：定义多行的文本输入控件；
- label：为 input 元素定义标注（标记）；
- fieldset：用于将表单内的相关元素分组；
- legend：为 fieldset 元素定义标题；
5.HTML注意事项
- HTML文件当以后缀名为 .html 或 .htm 来命名；
- HTML标签和属性是不区分大小写的，建议HTML标签和属性都小写，属性值必须用双引号包围；
- HTML标签都是以开始标签起始，以结束标签终止；
- HTML标签之间尽量缩进与换行，每行代码不要过长，方便阅读和维护；
- HTML标签使用必须符合标签嵌套规则，如禁止a标签嵌套a标签，p标签嵌套div标签等；
- 建议不使用HTML已经废弃的或者不赞成使用的标签，少使用table布局、iframe框架嵌套以及flash播放器；
.“:” 是指令 “v-bind”的缩写，
<!-- 完整语法 --><a v-bind:href="url">...</a>
<!-- 缩写 --><a :href="url">...</a>
|
v-bind 指令可以用于响应式地更新 HTML 特性：
<div id="app-2"><span v-bind:title="message">
鼠标悬停几秒钟查看此处动态绑定的提示信息！</span></div>
|
var app2 = new Vue({el: '#app-2',
data: {message: '页面加载于 ' + new Date().toLocaleString()}})
|
|
2.@”是指令“v-on”的缩写；
<!-- 完整语法 --><a v-on:click="doSomething">...</a>
<!-- 缩写 --><a @click="doSomething">...</a>
|
它们不会出现在最终渲染的标记中。缩写语法是完全可选的
.
@就是是当前项目的路径
v-on 指令，它用于监听 DOM 事件：
<a v-on:click="doSomething">...</a>
|
v- 前缀作为一种视觉提示，用来识别模板中 Vue 特定的特性。
3 . .修饰符
修饰符 (Modifiers) 是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。例如，.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()：
<form v-on:submit.prevent="onSubmit">...</form>
|
