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 久久国产精品自线拍免费,日韩视频在线免费,天天干天天色 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          使用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è)置顏色。實(shí)際上，可以為任何html元素設(shè)置顏色、大小、排列等不同屬性！
          值得一提的是把style信息如果寫到一個獨(dú)立文件中，并保存為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é)尾。這個；必須要添加，因?yàn)椋ㄟ^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)簽實(shí)現(xiàn)文本內(nèi)鏈接——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          溫馨提示】親愛的朋友，閱讀之前請您點(diǎn)擊【關(guān)注】，您的支持將是我最大的動力！#如何提高自己的職場競爭力#
          從事人事部門工作的小伙伴們，對于員工信息、員工檔案表非常熟悉了。
          那么你創(chuàng)建的員工檔案表中有員工照片嗎？
          員工照片你是一張張插入圖片完成的嗎？
          今天阿鐘老師教你Excel中批量導(dǎo)入圖片，再多的員工照片導(dǎo)入也是分分鐘的事。
          下圖表格是我們創(chuàng)建的員工信息表，照片需要插入到D列，并且要和姓名對應(yīng)。
          我們的員工照片放在了E盤【員工照片】文件夾中，文件名以員工姓名命名。
          首先，我們在員工信息表D2單元格輸入公式：="<table><img src=""E:\員工照片\"&C2&".jpg""width=""177""height=""248"">"
          然后再向下填充公式，效果如下圖。
          公式中用的是HTML超文本語言，你只記住這幾處即可：
          1、E:\員工照片\ 為存放照片的文件夾，如果你的照片不是存放在這里，可以修改成你的文件夾；
          2、.jpg 為照片的格式，一般圖片的格式還有.JPEG、.BMP、.PNG等，你的照片是什么格式，在這里修改；
          3、177、248 這兩個數(shù)字是照片的寬度和高度，可以鼠標(biāo)右鍵點(diǎn)擊照片，查看照片的寬度和高度。
          接下來，我們需要打開電腦上的記事本程序。
          復(fù)制D列的公式內(nèi)容，粘貼到記事本中，如下圖：
          調(diào)整員工信息表中D列的列寬和表格的行高，以便容下照片，如果不確定尺寸的話，盡量大一些。
          復(fù)制【記事本】的內(nèi)容，然后回到Excel，鼠標(biāo)右鍵點(diǎn)擊D2單元格，在彈出的菜單中選擇【選擇性粘貼】
          在選擇性粘貼窗口中，方式選擇【Unicode文本】，最后點(diǎn)擊【確定】
          大功造成，照片全部按照姓名對應(yīng)到表格中了。是不是很簡單呢，趕快去操作試試吧！
          小伙伴們，在使用Excel中還碰到過哪些問題，評論區(qū)留言一起討論學(xué)習(xí)，堅(jiān)持原創(chuàng)不易，您的點(diǎn)贊轉(zhuǎn)發(fā)就是對小編最大的支持，更多教程點(diǎn)擊下方專欄學(xué)習(xí)。
          加表格頭部信息與腳部信息
          昨天我們在《使用HTML添加表格1（基本元素）——零基礎(chǔ)自學(xué)網(wǎng)頁制作》（文章結(jié)尾有目錄）中學(xué)習(xí)了如何向網(wǎng)頁中添加基礎(chǔ)表格，今天我們來學(xué)習(xí)如何為基礎(chǔ)表格添加表頭和表腳信息。先看看效果吧。
          老規(guī)矩，先介紹表頭和表腳的標(biāo)簽。
          表頭：<thead></thead>
          這個標(biāo)簽只是告訴頁面這里是表頭，如果添加文字的話還需要<tr></tr>列標(biāo)簽和<td></td>行標(biāo)簽。
          如果要添加表頭的話，直接在代碼中添加這個標(biāo)簽是不行的，我們還需要將其他表格內(nèi)容放置到<tbody></tbody>中，這樣html才能知道哪里是表格內(nèi)容，哪里是表頭內(nèi)容。
          示例代碼如下所示：
          <table border = "1" width = "100%">
  <thead><!--表頭開始標(biāo)簽-->
  <tr>
  <td>表格的頭部信息</td>
</tr>
</thead><!--表頭結(jié)束標(biāo)簽--><tbody><!--表格內(nèi)容開始標(biāo)簽-->
<caption>表格標(biāo)題</caption>
<tr>
  <th>姓名</th>
<th>年齡</th>
</tr>
<tr>
  <td>一列一行</td>
<td>一列二行</td>
</tr>
<tr>
  <td>二列一行</td>
<td>二列二行</td>
</tr>
</tbody><!--表格內(nèi)容結(jié)束標(biāo)簽-->
</table>
          代碼效果如圖：
          大家通過觀察發(fā)現(xiàn)，表格的標(biāo)題標(biāo)簽<caption></caption>雖然寫在<tbody></tbody>里面，但是顯示的時候，卻一直在表格的最上面。
          合并單元格操作：我們希望表頭信息能夠在表格中獨(dú)占一列，這樣就需要介紹如何修改<td></td>行標(biāo)簽中的colspan屬性。
          示例代碼如下：
          <thead>
  <!--表頭開始標(biāo)簽--><tr><td colspan = "2">表格的頭部信息</td></tr></thead><!--表頭結(jié)束標(biāo)簽-->
          修改后效果如下：
          colspan的意思就是"列合并"，col是column（列、縱隊(duì)）的縮寫，span是跨度的意思。
          colspan就是為<td></td>列標(biāo)簽指定跨越幾個列向單元格。
          這里我們要合并兩個，故colspan="2"，2一定要用半角引號引起來！
          那合并行單元格的屬性是什么呢？其實(shí)反推一下也能猜出。行的英文是row，因此rowspan就是"行合并"。
          代碼示例如下：我們把"一行一列"和"二行一列"縱向合并。
          <tr>
  <td rowspan = "2">一列一行</td>
<td>一列二行</td>
</tr>
<tr>
<td>二列二行</td>
</tr>
          效果如圖所示：
          大家注意，如果您合并成了"一行一列"，那就要把"二列一行"刪掉。
          最后，我們來寫一下表格的腳部信息。
          腳部標(biāo)簽如下：<tfoot></tfoot>
          使用方法和<thead></thead>一樣，在中間添加列行標(biāo)簽來顯示內(nèi)容。
          同時也要給<td></td>行標(biāo)簽進(jìn)行列向合并單元格，即添加colspan="2"。
          示例代碼如下：
          <tfoot><tr><td colspan = "2">表格的腳部信息</td></tr></tfoot>
          值得注意的是：這塊代碼的位置在<thead></thead>之后，<tbody></tbody>之前。
          示例代碼如下：
          <table border = "1" width = "100%">
  <thead>
  <tr>
  <td colspan = "2">表格的頭部信息</td>
</tr>
</thead>
<tfoot>
    <tr>
    <td colspan = "2">表格的腳部信息</td>
</tr>
</tfoot>
<tbody>
<caption>表格標(biāo)題</caption>
<tr>
<th>姓名</th>
<th>年齡</th>
</tr>
<tr>
<td rowspan = "2">一列一行</td>
<td>一列二行</td>
</tr>
<tr>
<td>二列二行</td>
</tr>
</tbody>
</table>
          頁面效果如下：
          今天的內(nèi)容結(jié)束了。明天我們繼續(xù)講解列表元素的其他屬性。
          喜歡的小伙伴請關(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)簽實(shí)現(xiàn)文本內(nèi)鏈接——零基礎(chǔ)自學(xué)網(wǎng)頁制作
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
色综合视频一区中文字幕|
久久久一区二区三区|
精品无码人妻一区二区三区不卡
|
亚洲一区二区三区国产精品无码|
色屁屁一区二区三区视频国产|
无码毛片视频一区二区本码|
天堂不卡一区二区视频在线观看
|
大伊香蕉精品一区视频在线|
人妻精品无码一区二区三区
|
嫩B人妻精品一区二区三区|
精品一区精品二区|
久久精品免费一区二区喷潮|
tom影院亚洲国产一区二区|
国产一区二区三区不卡观|
国产一区二区精品久久岳|
日韩熟女精品一区二区三区|
夜夜高潮夜夜爽夜夜爱爱一区|
精品人妻AV一区二区三区|
亚洲男女一区二区三区|
91一区二区在线观看精品|
精品国产一区二区三区无码|
中文字幕一区二区三区5566|
亚洲AV无码一区二区三区人|
91午夜精品亚洲一区二区三区|
亚洲一区二区三区免费在线观看|
99无码人妻一区二区三区免费|
亚洲欧美日韩国产精品一区|
麻豆国产在线不卡一区二区|
日本人真淫视频一区二区三区|
免费一区二区三区在线视频|
区三区激情福利综合中文字幕在线一区亚洲视频1
|
久久精品无码一区二区三区免费|
亚洲另类无码一区二区三区|
国产一区二区三区乱码在线观看|
日韩美女视频一区|
精品视频一区在线观看|
久久久99精品一区二区|
国产爆乳无码一区二区麻豆|
国产一区二区三区韩国女主播|
国产精品一区二区资源|
精品一区二区三区免费视频|