整合營銷服務(wù)商
          
				
          電腦端+手機端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML 標(biāo)簽和屬性值的基本格式
          
        
           
          
	
	
          
		
                        
          TML: HyperText Markup Language 超文本標(biāo)記語言
          HTML代碼不區(qū)分大小寫, 包括HTML標(biāo)記、屬性、屬性值都不區(qū)分大小寫;
          任何空格或回車鍵在代碼中都無效，插入空格或回車有專用的標(biāo)記，分別是 、<br>
          HTML標(biāo)記中不要有空格，否則瀏覽器可能無法識別。
          如何添加注釋(comment:評論;注釋)
          <!-- -->
<comment></comment>
<!-- --> 不能留有空格

          字符集
          <meta http-equiv="Content-Type" content="text/html;charset=#"/>

          <base target="_blank">
          可以將a鏈接的默認屬性設(shè)置為_blank屬性
          單個標(biāo)簽要有最好有結(jié)束符(可以沒有結(jié)束符)
          <br/> <img src="" width="" /> 
          便于兼容XHTML(XHTML必須要有結(jié)束符)
          HTML標(biāo)簽的屬性值可以有引號,可以沒有引號,為了提高代碼的可讀性,推薦使用引號(單引號和雙引號)，盡管屬性值是整數(shù)，也推薦加上引號。
          <marquee behavior="slide"></marquee> 
          便于兼容XHTML(XHTML必須要有引號)
          <marquee behavior=slide></marquee>
          經(jīng)過測試,以上程序都可以正確運行

          HTML標(biāo)簽涉及到的顏色值格式:
          color_name 規(guī)定顏色值為顏色名稱的文本顏色(比如 "red")。
          hex_number 規(guī)定顏色值為十六進制值的文本顏色(比如 "#ff0000")。
          rgb_number 規(guī)定顏色值為 rgb 代碼的文本顏色(比如 "rgb(255,0,0)")。
          transparent 透明色 color:transparent
          rgba(紅0-255,綠0-255,藍0-255,透明度0-1)
          opacity屬性: 就是葫蘆娃兄弟老六(技能包隱身)
          css:
          div{opacity:0.1} /*取值為0-1*/
          英文(顏色值)不區(qū)分大小寫
          HTML中顏色值：采用十六進制兼容性最好(十六進制顯示顏色效果最佳)
          CSS中顏色值：不存在兼容性
          紅色 #FF0000
          綠色 #00FF00
          藍色 #0000FF
          黑色： #000000
          灰色 #CCCCCC
          白色 #FFFFFF
          青色 #00FFFF
          洋紅 #FF00FF
          黃色 #FFFF00

          請問后綴 html 和 htm 有什么區(qū)別?
          答: 1. 如果一個網(wǎng)站有 index.html和index.htm，默認情況下，優(yōu)先訪問.html
          2. htm后綴是為了兼容以前的DOS系統(tǒng)8.3的命名規(guī)范
          XHTML與HTML之間的關(guān)系?
          XHTML是EXtensible HyperText Markup Language的英文縮寫,即可擴展的超文本標(biāo)記語言.
          XHTML語言是一種標(biāo)記語言,它不需要編譯,可以直接由瀏覽器執(zhí)行.
          XHTML是用來代替HTML的, 是2000年w3c公布發(fā)行的.
          XHTML是一種增強了的HTML,它的可擴展性和靈活性將適應(yīng)未來網(wǎng)絡(luò)應(yīng)用更多的需求.
          XHTML是基于XML的應(yīng)用.
          XHTML更簡潔更嚴(yán)謹(jǐn).
          XHTML也可以說就是HTML一個升級版本.(w3c描述它為'HTML 4.01')
          XHTML是大小寫敏感的,XHTML與HTML是不一樣的;HTML不區(qū)分大小寫,標(biāo)準(zhǔn)的XHTML標(biāo)簽應(yīng)該使用小寫.
          XHTML屬性值必須使用引號,而HTML屬性值可用引號,可不要引號
          XHTML屬性不能簡寫：如checked必須寫成checked="checked"
          單標(biāo)記<br>, XHTML必須有結(jié)束符<br/>,而HTML可以使用<br>,也可以使用<br/>
          除此之外XHTML和HTML基本相同.

          網(wǎng)頁寬度設(shè)置多少為最佳?
          960px

          target屬性值理解
          _self 在當(dāng)前窗口中打開鏈接文件,是默認值
          _blank 開啟一個新的窗口打開鏈接文件
          _parent 在父級窗口中打開文件,常用于框架頁面
          _top 在頂層窗口中打開文件,常用語框架頁面

          字符集：
          charset=utf-8
          Gb2312 簡單中文字符集, 最常用的中文字符
          Gbk 簡繁體字符集, 中文字符集
          Big5 繁體字符集, 臺灣等等
          Utf-8 世界性語言的字符集
          ANSI編碼格式編碼格式的擴展字符集有g(shù)b2312和gbk
          單位問題：
          HTML屬性值數(shù)值型的一般不帶單位, CSS必須帶單位;

          強制刷新
          ctrl+F5
          色，由三基色組成，各種說法不一，通常是指 紅（R）綠（G）藍（B）三種顏色。
          顏色值，由一個十六進制符號來定義，這個符號由紅色、綠色和藍色的值組成（RGB）。
          每種顏色的最小值是0（十六進制：#00）。最大值是255（十六進制：#FF）。無論是RGB（0~255）表示，還是十六進制表示，他們其實表達的都是一樣的。
          提供個表格，給正在寫HTML的你做個參考。三種顏色混合而成的具體效果：
          僅有 16 種顏色名被 W3C 的 HTML 4.0 標(biāo)準(zhǔn)支持，它們是：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。
          故 如果使用其它顏色的話，就應(yīng)該使用十六進制的顏色值。
          為Web開發(fā)人員，最常見的事情之一就是更改HTML元素的背景顏色。但是，如果您不了解如何使用CSS background-color屬性，可能會產(chǎn)生混淆。在本文中，我們討論以下幾點
          1.HTML元素的默認背景色值
          2.如何更改div的背景顏色，這是非常常見的元素
          3.該background-color屬性會影響CSS盒子模型的哪些部分，以及
          4.此屬性可以采用的不同值。
          元素的默認背景色
          div的默認背景顏色是transparent。因此，如果您不指定div的背景色，它將顯示其父元素的背景色。
          更改Div的背景顏色
          在此示例中，我們將更改以下div的背景顏色。
          <div class="div-1"> I love HTML </div>
<div class="div-2"> I love CSS </div>
<div class="div-3"> I love JavaScript </div>
          沒有任何樣式，它將在視覺上轉(zhuǎn)換為以下內(nèi)容。
          讓我們通過向類中添加樣式來更改div的背景顏色。您可以通過嘗試HTML文件中的示例進行操作。
          <style>
    .div-1 {
        background-color: #EBEBEB;
    }
    
    .div-2 {
    	background-color: #ABBAEA;
    }
    
    .div-3 {
    	background-color: #FBD603;
    }
</style>

<body>
    <div class="div-1"> I love HTML </div>
    <div class="div-2"> I love CSS </div>
    <div class="div-3"> I love JavaScript </div>
</body>
          這將導(dǎo)致以下結(jié)果：
          看！我們已成功更改了該div的背景顏色。接下來，讓我們更多地了解此屬性。讓我們看看background-color屬性如何影響CSS-box模型的各個部分。
          背景顏色和CSS Box模型
          根據(jù)CSS框模型，所有HTML元素都可以建模為矩形框。每個盒子由4個部分組成，如下圖所示。
          如果您不熟悉Box模型，則可以查閱相關(guān)資料。問題是，當(dāng)您更改div的背景顏色時，Box模型的哪一部分會受到影響？簡單的答案是填充區(qū)域和內(nèi)容區(qū)域。讓我們通過一個例子來確認這一點。
          <style>
    body {
        background-color: #ABBAEA;
    }
    div {
        height: 200px;
        margin: 20px;
        border: 5px solid;
        background-color: #FBD603;
    }
</style>
<body>
    <div>
        <p>This is the parent div which contains the div we are testing</p>

        <div>
            <p>This example shows that changing the background color of a div does not affect the border and margin of the div.</p>
        </div>
    </div>
</body>
          這將導(dǎo)致：
          從上面的示例中，我們可以看到空白區(qū)域和邊框區(qū)域不受背景顏色變化的影響。我們可以使用border-color屬性更改邊框的顏色。邊距區(qū)域保持透明，并反映父容器的背景色。
          最后，讓我們討論background-color屬性可以采用的值。
          背景色值
          就像color屬性一樣，background-color屬性可以采用六個不同的值。讓我們通過一個示例考慮三個最常見的值。在示例中，我們將div的背景色設(shè)置為具有不同值的紅色。
          <style>
    /* Keyword value/name of color */
    .div-1 {
        background-color: red;
    }
    
    /* Hexadecimal value */
    .div-2 {
       background-color: #FF0000;	 
    }
    
    /* RGB value */
    .div-3 {
    	background-color: rgb(255,0,0);
    }
    
</style>

<body>
    <div class="div-1">
        <p>The background property can take six different values.</p>
    </div>

    <div class="div-2">
        <p>The background property can take six different values.</p>
    </div>

    <div class="div-3">
        <p>The background property can take six different values.</p>
    </div>
</body>
          注意，它們的結(jié)果都是相同的背景色。
          該background-color屬性可以采用的其他值包括HSL值，特殊關(guān)鍵字值和全局值。這是每個例子。
          /* HSL value */
background-color: hsl(0, 100%, 25%;

/* Special keyword values */
background-color: currentcolor;
background-color: transparent;

/* Global values */
background-color: inherit;
background-color: initial;
background-color: unset;
          額外注意
          設(shè)置元素的背景色時，重要的是要確保背景色和其包含的文本顏色的對比度足夠高。這是為了確保弱視人士可以輕松閱讀文本。
          第一個div的背景顏色與文本顏色之間的對比度不夠高，每個人都看不到。因此，除非您是唯一正在使用的網(wǎng)站，并且您的視力非常好，否則應(yīng)避免這種顏色組合。
          第二個div在背景顏色和文本顏色之間具有更好的對比度。因此，它使人們更容易閱讀和閱讀。
          結(jié)論
          在本文中，我們看到了如何更改div的背景顏色。我們還討論了CSS Box模型的哪些部分受背景顏色變化的影響。最后，我們討論了background-color屬性可以采用的值。
          希望本文對您有所幫助。謝謝閱讀。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
无码精品视频一区二区三区|
国产一区二区精品久久|
国产亚洲3p无码一区二区|
无码中文字幕乱码一区
|
国产aⅴ一区二区|
亚洲午夜精品一区二区公牛电影院|
一区二区三区电影网|
老湿机一区午夜精品免费福利|
亚洲欧美日韩一区二区三区在线
|
91一区二区在线观看精品|
成人区精品一区二区不卡|
性色AV 一区二区三区|
日韩精品一区二区三区影院|
日本v片免费一区二区三区|
国产精品久久久久一区二区三区
|
久久se精品一区精品二区|
插我一区二区在线观看|
不卡无码人妻一区三区音频|
国产福利电影一区二区三区，亚洲国模精品一区
|
精品国产一区二区三区AV性色|
日韩一本之道一区中文字幕|
无码人妻一区二区三区免费视频
|
久久99国产精品一区二区|
亚洲色大成网站www永久一区|
成人午夜视频精品一区|
成人无码AV一区二区|
国产精品视频一区二区三区四
|
亚洲无线码一区二区三区|
另类免费视频一区二区在线观看|
九九久久99综合一区二区|
精品一区二区三区在线观看视频|
蜜桃臀无码内射一区二区三区|
久久精品免费一区二区|
亚洲国产精品一区二区三区在线观看
|
91精品一区二区三区久久久久|
成人精品一区二区三区中文字幕|
国精品无码A区一区二区|
性色A码一区二区三区天美传媒|
亚洲制服丝袜一区二区三区|
黑巨人与欧美精品一区|
日韩熟女精品一区二区三区|