Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 午夜小视频在线播放,精品久久久久久中文字幕,国产视频2021 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          使用HTML添加表格3（間距與顏色）-零基礎(chǔ)自學(xué)網(wǎng)頁制作
          
        
           
          
	
	
          
		
                        
          格空間設(shè)置
          通過為<table></table>標(biāo)簽的cellspacing進(jìn)行賦值可以調(diào)整單元格與單元格之間的空間距離。
          示例代碼如下：
          <table border = "1" width = "100%" cellspacing = "50">
          頁面效果如下：
          下面我們刪除cellspacing = "50"這段代碼看看變化，如圖：
          通過對比，大家應(yīng)該明白cellspacing這個屬性的作用了吧。
          通過為<table></table>標(biāo)簽的cellpadding進(jìn)行賦值可以調(diào)整單元格邊框與單元格內(nèi)容之間的空間距離。
          示例代碼如下：
          <table border = "1" width = "100%" cellspacing="10" cellpadding = "20">
          頁面效果如下：
          通過與上圖對比，我們不難發(fā)現(xiàn)變化。
          設(shè)置表格顏色
          這里我們要介紹一個全局屬性style，對，你沒看錯！就是freestyle的那個style！英文翻譯過來是"樣式"、"風(fēng)格"的意思。我們通過這個屬性可以為表格設(shè)置顏色。實際上，可以為任何html元素設(shè)置顏色、大小、排列等不同屬性！
          值得一提的是把style信息如果寫到一個獨立文件中，并保存為css文件，就是以后我們要學(xué)的CSS層疊樣式列表了。
          這里我們先來簡單了解一下它作為html的一個全局屬性的用法。
          示例代碼如下：
          <table border = "1" width = "100%" cellspacing="10" cellpadding = "20" style = "background-color: #00ffff;">
          頁面效果如圖所示：
          我們來分析一下這段代碼，寫法和其他屬性大同小異。
          首先也是才有"屬性"="數(shù)值"的寫法，具體是：style=""
          是不是和其他屬性寫法一樣？
          但是到了雙引號里面就不同了，比如width屬性只需要為其賦值就可以，比如width="100%"。
          而style是在雙引號里面再指定屬性。例如：style="background-color"。
          然后我們再為background-color（背景顏色）屬性賦值。
          這時，賦值的寫法就發(fā)生變化了，不是使用=號，而是使用：。
          例如style="background-color ： #00ffff；"
          大家注意的是為其賦值后，要用；結(jié)尾。這個；必須要添加，因為，通過style可以指定多個不同的樣式屬性，在指定多個樣式屬性時，我們使用；分割。
          #00ffff這個符號是色彩的16進(jìn)制表示方法，這個顏色是藍(lán)色。
          #000000這個符號的顏色是黑色。
          #ffffff這個符號是白色。
          這個顏色的算法我們會在下一期中詳細(xì)講解，感興趣的小伙伴請關(guān)注！
          大家想一想。如何為一列單元格指定背景顏色呢？
          示例代碼如下：我們?yōu)楸砀駱?biāo)題欄賦予綠色。
          <tr style = "background-color: #00ff00;"><th>姓名</th><th>年齡</th></tr>
          頁面效果如圖所示：
          下面我們?yōu)?#34;一列一行"、"二列一行"賦予紅色。
          示例代碼如下：
          <tr>
  <td style = "background-color: #ff0000;">一列一行</td>
  <td>一列二行</td>
</tr>
<tr>
    <td style = "background-color: #ff0000;">二列一行</td>
    <td>二列二行</td>
</tr>
          頁面效果如下：
          今天的內(nèi)容到此結(jié)束了，一下是今天示例的全部代碼：
          <!DOCTYPE HTML>
  <html>
  <head> 
  <title>第一個網(wǎng)頁</title>
  </head> 
  <body>
  <h1>第一個網(wǎng)頁</h1><hr>
  <h2>表格元素</h2><hr>
  <table border = "1" width = "100%" cellspacing="10" cellpadding = "20" style = "background-color: #00ffff;">
  <caption>表格標(biāo)題</caption>
  <tr style = "background-color: #00ff00;">
  <th>姓名</th>
  <th>年齡</th>
  </tr>
  <tr>
  <td style = "background-color: #ff0000;">一列一行</td>
  <td>一列二行</td>
  </tr>
  <tr>
  <td style = "background-color: #ff0000;">二列一行</td>
  <td>二列二行</td>
  </tr>
  </table>
  </body> 
  </html>
          明天將繼續(xù)為大家講解頁面制作中16進(jìn)制的顏色指定方式和另外一種表格顏色指定方式。
          喜歡的小伙伴請關(guān)注我，閱讀中遇到任何問題請給我留言，如有疏漏或錯誤歡迎大家斧正，不勝感激！
          HTML完整學(xué)習(xí)目錄
          HTML序章（學(xué)習(xí)目的、對象、基本概念）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML是什么？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          第一個HTML頁面如何寫？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML頁面中head標(biāo)簽有啥用？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          初識meta標(biāo)簽與SEO——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML中的元素使用方法1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML中的元素使用方法2——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML元素中的屬性1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML元素中的屬性2（路徑詳解）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          使用HTML添加表格1（基本元素）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          使用HTML添加表格2（表格頭部與腳部）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          使用HTML添加表格3（間距與顏色）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          使用HTML添加表格4（行顏色與表格嵌套）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          16進(jìn)制顏色表示與RGB色彩模型——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML中的塊級元素與內(nèi)聯(lián)元素——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          初識HTML中的<div>塊元素——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          在HTML頁面中嵌入其他頁面的方法——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          封閉在家學(xué)網(wǎng)頁制作！為頁面嵌入PDF文件——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML表單元素初識1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML表單元素初識2——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML表單3（下拉列表、多行文字輸入）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML表單4（form的action、method屬性）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML列表制作講解——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          為HTML頁面添加視頻、音頻的方法——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          音視頻格式轉(zhuǎn)換神器與html視頻元素加字幕——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML中使用<a>標(biāo)簽實現(xiàn)文本內(nèi)鏈接——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          嘍大家好，我是作者“未來”，本期分享的內(nèi)容是Web前端系列課程，本系列總共29個階段，堅持學(xué)習(xí)3個月蛻變?yōu)閃eb前端高手哦！
          志同道合的小伙伴跟我一起學(xué)習(xí)交流哦！
          因為在的編輯中“<”和“>”中的內(nèi)容都會被識別為代碼，顯示不出來內(nèi)容，所以，在文本中會省略“<”和“>”，圖片中的“<”和“>”不會省略。
          第一階段 01 HTML5
          07表格
          1 表格table（會使用）
          在HTML網(wǎng)頁中，要想創(chuàng)建表格，就需要使用表格相關(guān)的標(biāo)簽。創(chuàng)建表格的基本語法格式如下：
          2 表格的注意事項
          1 tr和 /tr中只能嵌套td和/td標(biāo)簽
          2 td和/td標(biāo)簽，他就像一個容器，可以容納所有的元素
          3 表格屬性
          使用方法：
          4 表頭標(biāo)簽
          只需用表頭標(biāo)記th和/th替代相應(yīng)的單元格標(biāo)記td和/td即可。
          顯示效果為加粗和居中。
          5 表格結(jié)構(gòu)（了解）
          在使用表格進(jìn)行布局時，可以將表格劃分為頭部、主體和頁腳（頁腳因為有兼容性問題，我們不在贅述），具體如下所示：
          1 thead和/ thead：用于定義表格的頭部。
          2 必須位于table和/ table標(biāo)簽中，一般包含網(wǎng)頁的logo和導(dǎo)航等頭部信息
          3 tbody和/ tbody：用于定義表格的主體。
          4 位于 標(biāo)簽中，一般包含網(wǎng)頁中除頭部和底部之外的其他內(nèi)容。
          6 瀏覽器審查HTML標(biāo)簽元素
          瀏覽器頁面按F12打開
          左邊顯示為HTML，右邊顯示為CSS（后面會學(xué)到）
          7 表格標(biāo)題標(biāo)簽
          表格的標(biāo)題：caption
          caption元素定義表格標(biāo)題。
          caption標(biāo)簽必須緊隨table標(biāo)簽之后。只能對每個表格定義一個標(biāo)題。通常這個標(biāo)題會被居中于表格之上。
          8 合并單元格
          跨行合并：rowspan
          跨列合并：colspan
          “2”表示合并兩個單元格，數(shù)值是多少就合并多少個單元格。
          看不懂的小伙伴不要氣餒，后續(xù)的分享中將持續(xù)解釋，只要你跟著我分享的課程從頭到尾去學(xué)習(xí)，每篇文章看三遍，一個月后，回過頭來看之前的文章就會感覺簡單極了。
          本章已結(jié)束，下篇文章將分享《08 表單和表單控件》小伙伴們不要錯過喲！上述內(nèi)容是作者本人的學(xué)習(xí)筆記，需要原視頻學(xué)習(xí)資料可以在公眾號回復(fù)關(guān)鍵詞“前端資料”
          SS 表格屬性可以幫助您極大地改善表格的外觀。
          表格邊框
          指定CSS表格邊框，使用border屬性。
          下面的例子指定了一個表格的Th和TD元素的紅色邊框：
          table,th,td｛border: 1px solid red;}
          （1）編輯代碼
          打開記事本，在<body>標(biāo)簽中加入以下代碼，并保存為HTML格式文件。代碼如下。

          （2)在瀏覽器中瀏覽效果
          在瀏覽器中瀏覽效果如圖所示。


          請注意，上例中的表格具有雙線條邊框。這是由于 table、th 以及 td 元素都有獨立的邊框。
          如果需要把表格顯示為單線條邊框，請使用 border-collapse 屬性。
          折疊邊框
          border-collapse 屬性設(shè)置表格的邊框是否被折疊成一個單一的邊框或隔開：
          table{border-collapse: collapse;}
          table,td,th{border: 1px solid red;}

          （1）編輯代碼
          打開記事本，在<body>標(biāo)簽中加入以下代碼，并保存為HTML格式文件。代碼如下。

          （2)在瀏覽器中瀏覽效果
          在瀏覽器中瀏覽效果如圖所示。

          Table 屬性
                              
          	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产肥熟女视频一区二区三区|
国产福利电影一区二区三区，亚洲国模精品一区
|
欧美一区内射最近更新|
国产一区二区三区四|
成人区精品一区二区不卡亚洲
|
中文字幕乱码人妻一区二区三区|
亚洲AV无码一区二区三区牲色|
日韩精品中文字幕无码一区|
久久久久99人妻一区二区三区
|
国产成人高清亚洲一区91|
无码乱人伦一区二区亚洲|
久久99国产一区二区三区|
春暖花开亚洲性无区一区二区|
日韩人妻精品一区二区三区视频
|
精品中文字幕一区二区三区四区|
日韩国产精品无码一区二区三区|
免费无码一区二区三区蜜桃|
国产成人综合精品一区|
美女视频一区二区三区|
国产SUV精品一区二区88L|
国产精品一区二区四区|
国产成人无码aa精品一区|
国产综合视频在线观看一区|
精品欧美一区二区在线观看|
亚洲大尺度无码无码专线一区|
国产高清在线精品一区|
中文字幕乱码人妻一区二区三区|
日韩最新视频一区二区三|
亚洲日韩国产一区二区三区在线|
国产精品久久一区二区三区|
成人在线观看一区|
国产在线不卡一区|
国产AV国片精品一区二区|
国精品无码A区一区二区|
国产精品视频一区二区噜噜|
日本免费一区二区三区四区五六区
|
亚洲一区二区三区在线网站|
亚洲国产成人久久一区二区三区|
精品国产免费观看一区|
无码人妻精品一区二区三区99不卡
|
免费视频精品一区二区|