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 天天插日日插,国产成人精品高清在线观看99,欧美日韩黄色 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          初始HTML-表格標簽
          
        
           
          
	
	
          
		
                        
          過昨天的學習算是對HTML有了一點點了解，知道了什么是前端，什么是HTML、前端三大標準、主流瀏覽器和html的基本結構及常用標簽。那么今天繼續看看html還有什么新的知識吧。
          特殊字符（了解即可）
          有常見性就有特殊性，我們使用電腦時經常會用到空格鍵，在html文檔上有時也會使用到空格鍵等等，那怎么在html上又是以什么形式展示給瀏覽器解析呢？
          瀏覽器顯示結果
          特殊字符名稱
          HTML編輯字符

          空格
          & n b s p;
          <
          小于號
          & l t ；
          >
          大于號
          & g t；
          &
          和
          & a m p；
          ?
          版權
          & c o p y ；
          表格標簽
          作用：在瀏覽器上清晰美觀地顯示、展示數據。
          表格標簽的語法
          <table>
           <tr>
           <td></td>
           </tr>
          </table>
          表格標簽：<table></table>，一個table標簽中可嵌套多個tr標簽。
          行標簽：<tr></tr>，一個tr標簽代表一行。一個行標簽中可以嵌套多個單元格標簽。
          單元格標簽：<td></td>，一個td標簽代表一個單元格。在單元格中可以填充文本、圖片、超鏈接等等內容。
          在html中表格不是由橫線劃分行和列，而是大大小小的矩形盒子來劃分。Table是一個最大的矩形盒子，里面包含tr標簽，這個是一個和table長度差不多的矩形盒子，table一行僅容納一個tr盒子。在tr盒子中還包含有N個td盒子，td盒子就是單元格。
          表格示例：
          在html文檔中編輯表格標簽結構時，除了一個標簽一個標簽地敲之外，可以使用快捷方式快速操作：如五行三列的表格，可以在table標簽中輸入：“tr*5>td*3”然后敲回車，就將其表格結構迅速展現出來。
          <h1>表格示例：</h1>
<table>
        <tr>
            <td>姓名</td>
            <td>性別</td>
            <td>年齡</td>
        </tr>
        <tr>
            <td>張三豐</td>
            <td>男</td>
            <td>27</td>
        </tr>
        <tr>
            <td>李四喜</td>
            <td>女</td>
            <td>18</td>
        </tr>
        <tr>
            <td>王五通</td>
            <td>男</td>
            <td>35</td>
        </tr>
        <tr>
            <td>秦六夏</td>
            <td>女</td>
            <td>30</td>
        </tr>
</table>
          運行界面示例：默認狀態下表格是沒有線條分界，表格對齊方式左對齊。
          表頭單元格標簽
          <th></th>：位于表格的第一行或第一列，可以使其內容加粗居中顯示。
          語法：
          <table>
           <th>
           <td></td>
           </th>
          </table>
          表頭表格代碼示例：
          <h1>表頭表格示例：</h1>
   <table>
        <tr>
            <th>姓名</th>
            <th>性別</th>
            <th>年齡</th>
        </tr>
        <tr>
            <td>張三豐</td>
            <td>男</td>
            <td>27</td>
        </tr>
        <tr>
            <td>李四喜</td>
            <td>女</td>
            <td>18</td>
        </tr>
        <tr>
            <td>王五通</td>
            <td>男</td>
            <td>35</td>
        </tr>
        <tr>
            <td>秦六夏</td>
            <td>女</td>
            <td>30</td>
        </tr>
    </table>
          運行界面示例：
          表格結構標簽
          表格結構標簽分為表格頭部標簽和表格主體標簽。類似于head標簽和body標簽對于html標簽之間的關系。
          表格頭部標簽：<thead></thead>。定義表格頭部，嵌套在<table></table>中，一般位于第一行。
          表格主體標簽：<tbody></tbody>。定義表格主體，嵌套在<table></table>中，主要用于顯示數據。
          代碼示例：
          <h1>表格結構標簽</h1>
    <table border="1" width="300px" height="150px" cellspacing="0">
        <thead>
            <tr>
                <th>姓名</th>
                <th>性別</th>
                <th>年齡</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>張三豐</td>
                <td>男</td>
                <td>36</td>
            </tr>
            <tr>
                <td>李四喜</td>
                <td>女</td>
                <td>30</td>
            </tr>
        </tbody>
    </table>
          運行界面：
          表格屬性
          雖然表格屬性在實際開發過程中不常使用，一般都是通過CSS樣式設置，但是還是需要記住這些屬性關鍵詞，在css中屬性關鍵詞也會用到。
          注：這些屬性都要寫在table標簽的開始標簽中，多個屬性之間需要使用空格分隔。
          align：表格的對其方式。
          align=“left”：在瀏覽器中居左顯示。也是默認顯示。
          align=“center”：在瀏覽器中居中顯示。
          align=“right”：在瀏覽器中居右顯示。
          border：表格是否具有邊框。
          border=”1”：表格添加邊框。
          cellpadding：單元格內的元素和td邊框的距離。
          舉個例子，如果表格是一件教室的話，桌子就是單元格，桌子上放的書本就是單元格內的元素，書本邊緣和桌子邊緣之間產生的空白區域就是cellpadding的值。
          cellspacing：單元格和單元格之間的距離。默認是有空隙的，可設置為零，使其空隙清零，成為一條直線。
          還是以教室為表格，桌子為單元格。桌子和桌子之間的距離就是cellspacing的值。
          width：表格的寬度，屬性值可以是像素值也可以是百分比。
          height：表格的高度，屬性值可以是像素值也可以是百分比。
          代碼示例：
          <h1>表頭表格示例：</h1>
    <table align="center" border="1" cellpadding="0" cellspacing="0" width="200px" height="300px">
        <tr>
            <th>姓名</th>
            <th>性別</th>
            <th>年齡</th>
        </tr>
        <tr>
            <td>張三豐</td>
            <td>男</td>
            <td>27</td>
        </tr>
        <tr>
            <td>李四喜</td>
            <td>女</td>
            <td>18</td>
        </tr>                   
        <tr>
            <td>王五通</td>
            <td>男</td>
            <td>35</td>
        </tr>
        <tr>
            <td>秦六夏</td>
            <td>女</td>
            <td>30</td>
        </tr>
    </table>
          運行界面：
          合并單元格
          合并單元格是指將兩個或兩個以上的單元格合并成一個單元格。合并屬性一般寫在單元格標簽的開始標簽上。合并代碼屬性設置后，要將沒有寫合并的單元格代碼的其他合并單元格標簽刪除掉。
          目標單元格：（合并代碼存在位置）
          跨行合并：最上側單元格為目標單元格，寫合并代碼。
          跨列合并：最左側單元格為目標單元格，寫合并代碼。
          合并單元格的方式：
          跨行合并：將處于不同行的單元格進行合并
          語法：rowspan=“合并單元格個數”
          代碼示例：
          <h1>跨行合并表格：</h1>
    <table border="1" width="300px" height="150px" cellspacing="0">
        <tr>
            <td rowspan="2"></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
          運行界面：
          跨列合并：將處于不同列的單元格進行合并
          語法：colspan=“合并單元格個數”
          代碼示例：
          <h1>跨列合并表格：</h1>
    <table border="1" width="300px" height="150px" cellspacing="0">
        <tr>
            <td colspan="2"></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
          運行示例：
          今天學習的表格內容就到這里了，明天開始學習列表。
          TML基本結構
          HTML基本結構
          網頁：由HTML(HyperText Markup Language)超文本標記語言所組成。文件后綴一般為.htm或.html
          靜態網頁：由html、js、css等組成，不具備交互性。后綴一般為.htm或.html
          動態網頁：在html中加入asp/asp.net/jsp/php等技術，使網頁有交互性，后綴一般為.asp/.aspx/.jsp/.php
          網站：由一個或若干個網頁、圖片、音頻、視頻、動畫、文件夾等組成的一個集合（文件夾）。
          網站中的所有文件和文件夾均不能使用漢字命名。
          首頁：也叫主頁/homepage,即打開網站時默認顯示的第一個網頁（http://www.XX.com,https://www.XX.cn），首頁名稱一般為index.html或default.html
          標題標簽：h1……h6,h1最大，h6最小
          <h1>文字</h1>
          ……
          <h6>文字</h6>
          HTML注意事項：
          1、html中的標點符號必須是英文輸入法中的標點符號
          2、HTML標簽不區分大小寫，但一般習慣小寫；Html不區分空格、空行，html標簽和屬性、屬性和屬性之間用一個空格隔開，如<p align=”center” style=”color:red;”>；屬性值一般放置在單引號或雙引號中。
          3、html標簽必須放置在尖括號<>中
          4、html標簽一般是成對出現（雙標簽），結束標簽在開始標簽的基礎上添加/，如<h1>……</h1>、<p>……</p>
          如果是單標簽則在右尖括號前加/，如<br />、<hr />、<img />
          5、Html標簽是包含關系，不要交叉書寫。如<p><b><i>文字</i></b></p>,不要書寫為<p><b><i>文字</p></b></i>
          段落：<p>……</p>
          分行：<br />
          網頁中支持的圖像格式：jpg、gif、png、bmp，其中支持背景透明的有gif和png,支持動畫的有：gif
          圖像：img
          <img src="./pic/guoqing.jpg" width="562" height="424" />
          Src:圖像的地址。 ./當前目錄下 ../向上退一級目錄 ../../向上退二級目錄 /根目錄
          Width:寬度
          Height:高度
          TML 文本格式化
           加粗文本
          斜體文本
          電腦自動輸出
          這是 下標 和 上標
           HTML 格式化標簽
          HTML 使用標簽<b> 與<i> 對輸出的文本進行格式, 如：粗體 or 斜體
          這些HTML標簽被稱為格式化標簽（請查看底部完整標簽參考手冊）。
          通常標簽 <strong> 替換加粗標簽 <b> 來使用, <em> 替換 <i>標簽使用。然而，這些標簽的含義是不同的：<b> 與<i> 定義粗體或斜體文本。<strong> 或者 <em>意味著你要呈現的文本是重要的，所以要突出顯示。現今所有主要瀏覽器都能渲染各種效果的字體。不過，未來瀏覽器可能會支持更好的渲染效果。
           在線實例
          文本格式化
          此例演示如何在一個 HTML 文件中對文本進行格式化
           預格式文本
          此例演示如何使用 pre 標簽對空行和空格進行控制。
          "計算機輸出"標簽
          此例演示不同的"計算機輸出"標簽的顯示效果。
          地址
          此例演示如何在 HTML 文件中寫地址。
          縮寫和首字母縮寫
          此例演示如何實現縮寫或首字母縮寫。
          文字方向
          此例演示如何改變文字的方向。
           
           塊引用
          此例演示如何實現長短不一的引用語。
          刪除字效果和插入字效果
          此例演示如何標記刪除文本和插入文本。
          HTML 文本格式化標簽
          標簽描述
          <b>定義粗體文本
          <em>定義著重文字
          <i>定義斜體字
          <small>定義小號字
          <strong>定義加重語氣
          <sub>定義下標字
          <sup>定義上標字
          <ins>定義插入字
          <del>定義刪除字
          HTML "計算機輸出" 標簽
          標簽描述
          <code>定義計算機代碼
          <kbd>定義鍵盤碼
          <samp>定義計算機代碼樣本
          <var>定義變量
          <pre>定義預格式文本
          HTML 引文, 引用, 及標簽定義
          標簽描述
          <abbr>定義縮寫
          <address>定義地址
          <bdo>定義文字方向
          <blockquote>定義長的引用
          <q>定義短的引用語
          <cite>定義引用、引證
          <dfn>定義一個定義項目。
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
色婷婷一区二区三区四区成人网|
精品免费久久久久国产一区|
国产一区二区在线视频播放|
亚洲欧美日韩一区二区三区在线|
亚洲中文字幕无码一区二区三区|
99久久精品日本一区二区免费|
中文字幕精品一区二区三区视频|
日韩A无码AV一区二区三区|
亚洲av乱码一区二区三区|
三上悠亚精品一区二区久久|
国产在线观看精品一区二区三区91|
国产精品一区在线麻豆|
精品无码人妻一区二区免费蜜桃
|
精品一区二区三区四区电影|
亚洲视频一区在线观看|
一区二区三区四区免费视频|
国产一区二区女内射|
国产一区二区三区在线看|
日韩一本之道一区中文字幕|
精品国产一区二区三区久久蜜臀
|
国产成人精品视频一区|
成人区精品一区二区不卡亚洲
|
久久亚洲色一区二区三区|
亚洲人AV永久一区二区三区久久|
国产精品一区二区四区|
日本精品一区二区在线播放
|
日本中文字幕一区二区有码在线|
国产av福利一区二区三巨
|
狠狠色成人一区二区三区|
国产91一区二区在线播放不卡|
亚洲一区二区视频在线观看|
成人免费视频一区二区|
久久综合一区二区无码|
国产高清视频一区三区|
日韩精品无码一区二区三区免费|
亚洲AV无码一区二区三区人|
色噜噜狠狠一区二区三区|
午夜视频在线观看一区二区|
人成精品视频三区二区一区
|
精品无码一区二区三区电影|
亚洲AV无码一区二区乱子仑|