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