tml代碼里，表示顏色一般用兩種方法，一種是直接寫出顏色的英文，另一種是前面寫個“#”后面再寫6個數(shù)字字母。
先說第一種表示方法，這個很簡單，如果要表示黑色直接就是black，紅色就red，藍(lán)色就blue。具體的我們看下面圖1，圖2
現(xiàn)在來說第二種，這也是我們這個文章要重點說的，因為這個也是最經(jīng)常用的表示方法，很多人看到這個又是字?jǐn)?shù)又是字母的就糊涂了，今天我們來詳細(xì)的把它講清楚。先用圖片來說明一下，先看下面圖3
圖3里的#000000表示的是黑色，#ff0000表示紅色，#00ff00表示綠色，所以說這個效果是和圖1一樣的。那要怎么理解這種表示顏色的方法呢，我們再來列出幾個顏色和它的表示法：
紅色：#ff0000，綠色：#00ff00，藍(lán)色：#0000ff， 大家仔細(xì)看一下就可發(fā)現(xiàn)，這個和我們平常說的RGB格式來表示顏色是一樣的，相當(dāng)于紅綠藍(lán)三個光，而f是十六進制中的0,1,2,.....e,f中的f了 。f是里面的最大值了，ff代表該顏色光的值達(dá)到最大，所以#ff0000是紅色，#880000表示的也是紅色，只是沒有#ff0000這個那么紅了。其他的也是同理。所以#000000代表三個顏色光的值都為0，沒有任何光了，那就是黑色了，相反#ffffff代表三個顏色光的值都達(dá)到最大，混合在一起就成白色。我們也知道紅光和藍(lán)光混在一起是紫色的，所以#ff00ff表示的是紫色，同樣#ffff00表示的是黃色。講到這里相信大家應(yīng)該都明白了怎樣用這種方法表示顏色了吧，如果要表示一種顏色，只要把相應(yīng)的值增加或減小或者添加另一個顏色，這樣就可以得到千千萬萬種顏色了。
這兩種表示顏色的方法都講完了，尤其是第二種方法，大部分情況都是用這種方法來表示html里面的顏色的。如果大家有什么更好的更容易理解的想法，可以點擊關(guān)注【點點有你】一起來討論一下哦
最后，如果您覺得我寫的這些文章對您有幫助的話，您可以根據(jù)您的情況隨意給點賞金，我相信一分也是愛也是支持，下面兩圖是我的支付寶和微信收款碼。當(dāng)然寫文章不是一定要讓您給賞金的，有您的支持和贊助，我會有更多動力來寫文章和大家分享的，再次感謝您的支持和理解！
個人編寫HTML使用的軟件是dreamweaver，這個軟件的話，正版是要購買的，一開始學(xué)習(xí)HTML就是用的這個軟件了，挺好用的，而且代碼提示特別方便，不用擔(dān)心太多的標(biāo)簽和屬性記勞~
1.什么是HTML？
- HTML 是用來描述網(wǎng)頁的一種語言，指的是超文本標(biāo)記語言: HyperText Markup Language；
- HTML 不是一種編程語言，而是一種標(biāo)記語言；
- HTML文檔也叫做 web 頁面；
2.HTML基本結(jié)構(gòu)
- <!DOCTYPE html>：文檔聲明；
- <html>：HTML 頁面的根元素；
- <head>：用于定義文檔的頭部，是所有頭部元素的容器；
- <meta>：提供有關(guān)頁面的元信息，位于文檔的頭部，不包含任何內(nèi)容；
- <title>：文檔的標(biāo)題；
- <body>：定義文檔的主體，包含文檔的所有內(nèi)容；
3.HTML標(biāo)簽使用？
- HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞，且通常是成對出現(xiàn)的如<a></a>，當(dāng)然也有單個的，只不過比較少如<hr>；
- 標(biāo)簽對中的第一個標(biāo)簽表示開始標(biāo)簽，第二個標(biāo)簽表示結(jié)束標(biāo)簽；
4.HTML常用標(biāo)簽介紹
除了HTML基本結(jié)構(gòu)的幾個標(biāo)簽以外，HTML還有一些比較常用的基本標(biāo)簽；
（1）文本標(biāo)簽：
- h1-h6：用于定義標(biāo)題，h1為最大標(biāo)題，h6為最小標(biāo)題；
- p：定義段落；
- span：組合文檔中的行內(nèi)元素；
- br：換行；
- hr：水平線；
- strong/b：加粗文字；
- em/i：斜體；
- u：下劃線；
- s：刪除線；
- pre：定義預(yù)格式化的文本，保持原有格式；
- sub：下標(biāo)；
- sup：上標(biāo)；
- blockquote：塊引用；
（2）布局標(biāo)簽：
- div：定義文檔中的分區(qū)或節(jié)，把文檔分割為獨立的、不同的部分；
- header：定義頁面的頭部；
- aside：用作文章的側(cè)欄；
- section：定義文檔中的節(jié)；
- footer：定義文檔或節(jié)的頁腳，通常包含文檔的作者、版權(quán)信息、使用條款鏈接、聯(lián)系信息等；
- article：規(guī)定文章獨立的其他內(nèi)容，如標(biāo)題、內(nèi)容、評論；
（3）多媒體標(biāo)簽：
- img：用于在網(wǎng)頁中插入圖像；
- audio：定義聲音，比如音樂或其他音頻流；
- video：定義視頻，比如電影片段或其他視頻流；
（4）超鏈接標(biāo)簽：
（5）序列化標(biāo)簽：
- ul：定義無序列表；
- ol：定義有序列表；
- li：定義列表項目，可用在無序列表ul和有序列表ol中；
- dl：定義了定義列表；
- dt：定義了定義列表中的項目（即術(shù)語部分）；
- dd：在定義列表中定義條目的定義部分；
（6）表格標(biāo)簽：
- table：定義 HTML 表格；
- tr：定義表格的行；
- td：定義表格的單元；
- th：定義表頭；
- caption：定義表格標(biāo)題；
- col：為表格中一個或多個列定義屬性值；
- colgroup：用于對表格中的列進行組合，以便對其進行格式化；
- thead：定義表格的表頭；
- tbody：表格主體，也就是正文部分；
- tfoot：定義表格的頁腳（腳注或表注）；
（7）表單標(biāo)簽：
- form：用于為用戶輸入創(chuàng)建 HTML 表單；
- input：用于搜集用戶信息；
- button：定義一個按鈕；
- select：創(chuàng)建單選或多選菜單；
- option：定義下拉列表中的一個選項；
- textarea：定義多行的文本輸入控件；
- label：為 input 元素定義標(biāo)注（標(biāo)記）；
- fieldset：用于將表單內(nèi)的相關(guān)元素分組；
- legend：為 fieldset 元素定義標(biāo)題；
5.HTML注意事項
- HTML文件當(dāng)以后綴名為 .html 或 .htm 來命名；
- HTML標(biāo)簽和屬性是不區(qū)分大小寫的，建議HTML標(biāo)簽和屬性都小寫，屬性值必須用雙引號包圍；
- HTML標(biāo)簽都是以開始標(biāo)簽起始，以結(jié)束標(biāo)簽終止；
- HTML標(biāo)簽之間盡量縮進與換行，每行代碼不要過長，方便閱讀和維護；
- HTML標(biāo)簽使用必須符合標(biāo)簽嵌套規(guī)則，如禁止a標(biāo)簽嵌套a標(biāo)簽，p標(biāo)簽嵌套div標(biāo)簽等；
- 建議不使用HTML已經(jīng)廢棄的或者不贊成使用的標(biāo)簽，少使用table布局、iframe框架嵌套以及flash播放器；
.“:” 是指令 “v-bind”的縮寫，
<!-- 完整語法 --><a v-bind:href="url">...</a>
<!-- 縮寫 --><a :href="url">...</a>
|
v-bind 指令可以用于響應(yīng)式地更新 HTML 特性：
<div id="app-2"><span v-bind:title="message">
鼠標(biāo)懸停幾秒鐘查看此處動態(tài)綁定的提示信息！</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>
|
它們不會出現(xiàn)在最終渲染的標(biāo)記中。縮寫語法是完全可選的
.
@就是是當(dāng)前項目的路徑
v-on 指令，它用于監(jiān)聽 DOM 事件：
<a v-on:click="doSomething">...</a>
|
v- 前綴作為一種視覺提示，用來識別模板中 Vue 特定的特性。
3 . .修飾符
修飾符 (Modifiers) 是以半角句號 . 指明的特殊后綴，用于指出一個指令應(yīng)該以特殊方式綁定。例如，.prevent 修飾符告訴 v-on 指令對于觸發(fā)的事件調(diào)用 event.preventDefault()：
<form v-on:submit.prevent="onSubmit">...</form>
|
