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 亚洲精品视频免费在线观看,日本免费在线,91精品久久久 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          大數(shù)據(jù)開發(fā)基礎(chǔ)之HTML表格與表單
          
        
           
          
	
	
          
		
                        
          TML作為一種用來描述網(wǎng)頁的語言，是制作網(wǎng)頁必不可少的，但HTML 不是一種編程語言，而是一種標記語言 (markup language），本著為了更好的了解大數(shù)據(jù)開發(fā)的基礎(chǔ)，今天就帶著大家更進一步的了解HTML的使用，HTML的表格與表單。


          1.HTML表格
          表格由 <table> 標簽來定義。每個表格均有若干行（由 <tr> 標簽定義），每行被分割為若干單元格（由 <td> 標簽定義）。字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的作用就不言而喻了，讓看起來更簡潔直觀有序性。
          下面給大家?guī)硪恍┏Ｓ玫臉撕灒?/p>
          <table> 表格的最外層容器
          <tr> 定義表格行
          <th> 定義表頭
          <td> 定義表格單元
          <caption>定義表格表題
          　　<width>:寬度。可以用像素或百分比表示。 常用960像素。
          　　<border>：邊框，常用值為0。
          　　<cellpadding>：內(nèi)容跟邊框的距離，常用值為0。
          　　<cellspacing>：單元格與單元格之間的間距，常用值為0。
          　　<algin>：對齊方式。
          　　<bgcolor>：背景色。
          <background>：背景圖片。
          <align>: 一行內(nèi)容的水平對齊方式。
          <valign>: 一行內(nèi)容的垂直對齊方式。
          <height>：行高。
          創(chuàng)建表格
          在HTML網(wǎng)頁中，要想創(chuàng)建表格，就需要使用表格相關(guān)的標簽。


          創(chuàng)建表格的基本語法：
          <table>
           <tr>
           <td>單元格內(nèi)的文字</td>
           ...
           </tr>
           ...
          </table>
          舉個例子


          其中：table用于定義一個表格標簽。
          tr標簽 用于定義表格中的行，必須嵌套在 table標簽中。
          td 用于定義表格中的單元格，必須嵌套在<tr></tr>標簽中。
          字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。
          再比如說我們可以建立個有顏色的格子，如下圖


          表格的作用除了可以顯示一個表格外，有的時候還可以用于輔助排版。但現(xiàn)在都不怎么使用了，因為時代的進步，以前的表格排版的網(wǎng)頁已經(jīng)被淘汰了。


          2. HTML表單
          關(guān)于表單的制定，因為在瀏覽器中輸入的內(nèi)容都必須要經(jīng)過網(wǎng)絡(luò)提交到服務(wù)器端再處理，所以需要把所有的控件都包含在一個form表單控件中，然后一次提交給服務(wù)器，再由服務(wù)器處理用戶提交的數(shù)據(jù)。
          HTML 支持有序列表(有序列表是一列項目，列表項目使用數(shù)字進行標記。

          有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。)無序列表(無序列表也是一個項目的列表，此列項目使用粗體圓點“典型的小黑圓圈“進行標記。)和定義列表(自定義列表不僅僅是一列項目，而是項目及其注釋的組合。自定義列表以 <dl> 標簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。)。
          表單常用標簽：
          form: 表單的最外層容器
          input: 用于搜集用戶信息,根據(jù)不同的type屬性值,展示不同的控件
          Text：普通的文本輸入框
          Password：密碼輸入框
          Checkbox：復(fù)選框
          Radio：單選框
          File：上傳文件
          Submit：提交按鈕
          Reset：重置按鈕
          Cols：列
          Rows：行
          注意事項：
          <form id="" name="" method="post/get" action="負責(zé)處理的服務(wù)端">--輸入系統(tǒng)時，必須有
          Name ：定義表單的名稱；
          Method: 定義表單結(jié)果從瀏覽器傳送到服務(wù)器的方式，默認參數(shù)為：get
          Action ：用來指定表單處理程序的位置(服務(wù)器端腳本處理程序）
          Fieldset：把表單分組；
          Legend：分組名稱。
          id不可重復(fù)，name可重復(fù)，get提交有長度限制，并且編碼后的內(nèi)容在地址欄可見，post提交沒有長度限制，且編碼后內(nèi)容不可見。
          舉個例子
          <form action="login.asp" method="post">
           <label>用戶名: </label><input type="text" name="username" />
           <label>密碼: </label><input type="password" name="password" />
          </form>
          得到結(jié)果如圖


          本期的內(nèi)容比較多，大家可以在平日里多加練習(xí)，這是大數(shù)據(jù)開發(fā)基礎(chǔ)的重要部分，做到能更熟練，更準確，希望大家能有所進步。
          篇介紹了html 中文本格式及段落等標簽，今天說下列表，什么是列表？它就是一種數(shù)據(jù)排列方式，以條列式的方式顯示文本，使讀者一目了然。列表主要有以下三種：
          1. 無序列表
          2. 有序列表
          3. 定義列表
          無序列表 —— ul
          無序列表在每行開始位置顯示一個符號，語法如下：
          <html>
<body>
<h4>一個無序列表：</h4>
<ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>
</body>
</html>
          顯示效果：

          無序列表的符號可以通過在ul 標簽上設(shè)置 type 屬性顯示不同的符號，比如：
          1、disc —— 實心圓點 (默認類型)
          2、circle —— 空心圓圈
          3、square —— 實心方塊
          實例代碼：
          <html>
<body>
<h4>一個無序列表：</h4>
<ul type="disc">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>
<h4>一個無序列表：</h4>
<ul type="circle">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>
<h4>一個無序列表：</h4>
<ul type="square">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>
</body>
          顯示效果：

          有序列表 —— ol
          有序列表使用數(shù)字或字母符號排列，表示文本按一定順序顯示，語法如下：
          <!DOCTYPE html>
<html>
<body>
<ol>
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
</body>
</html>
          效果如下：
          同無序列表一樣，在ol上通過type 屬性設(shè)置使用那種符號表示順序，有以下幾種：
          1、1，表示數(shù)字 1、2、3..... （默認數(shù)字）
          2、a，表示小寫字母 a、b、c....
          3、A，表示大寫字母 A、B、C ....
          4、i，表示小寫羅馬字母 i、ii、iii、iv....
          5、I，表示大寫羅馬字母 I、II、III、IV....
          顯示效果如下：
          html代碼：
          <!DOCTYPE html>
<html>
<body>
數(shù)字
<ol type="1">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
小寫字母
<ol type="a">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
大寫字母
<ol type="A">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
小寫羅馬字母
<ol type="i">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
大寫羅馬字母
<ol type="I">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
</body>
</html>
          有序列表還可以通過start 屬性設(shè)置起始數(shù)組，如下：
          <ol  start="3">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
          顯示效果：
          定義列表——dl
          不同以上2種列表，定義列表主要用來解釋名詞，由2種層次列表顯示，第一層是被解釋的名詞，第二層是詳細地解釋文字，語法如下：
          <html>
<body>
<h2>一個定義列表：</h2>
<dl>
   <dt>計算機</dt>
   <dd>用來計算的儀器 ... ...</dd>
   <dt>顯示器</dt>
   <dd>以視覺方式顯示信息的裝置 ... ...</dd>
</dl>
</body>
</html>

          顯示效果：
          第一行<dt>是要解釋的名詞，第二行標簽<dd>是解釋文本，會自動縮進。
          列表的嵌套
          以上三種列表是可以嵌套使用的，看如下示例：
          <html>
<body>
<h4>一個嵌套列表：</h4>
<ul>
  <li>咖啡</li>
  <li>茶
    <ul>
    <li>紅茶</li>
    <li>綠茶</li>
    </ul>
  </li>
  <li>牛奶</li>
</ul>
</body>
</html>
          效果：
          每嵌套一層，它的符號是不一樣的，你可以試試再嵌套一層看看效果。
          當(dāng)然，不同列表類型也可互相嵌套，根據(jù)顯示效果可以自由使用，一般建議不要這樣使用，不同類型列表顯示在一塊不是很美觀。如下面無序列表中嵌套有序列表：
          <html>
<body>
<h4>一個嵌套列表：</h4>
<ul>
  <li>咖啡</li>
  <li>茶
    <ul>
    <li>紅茶</li>
    <li>綠茶
      <ol>
      <li>中國茶</li>
      <li>非洲茶</li>
      </ol>
    </li>
    </ul>
  </li>
  <li>牛奶</li>
</ul>
</body>
</html>
          效果如下：
          總結(jié)
          列表是網(wǎng)頁制作中經(jīng)常會使用的標簽，比如在制作網(wǎng)頁導(dǎo)航欄菜單時會經(jīng)常用到ul列表，以后會講如何通過ul標簽制作一個下拉菜單，感謝您閱讀及關(guān)注，祝你學(xué)習(xí)愉快。
          上篇：前端入門——html 文字格式、標題與段落
          下篇：前端入門——html 超鏈接
          多數(shù)PHP程序都使用HTML表單從用戶那里獲取數(shù)據(jù)并計算結(jié)果。
          HTML表單的一些基本原則
          • 選擇適合于收集的數(shù)據(jù)類型和提供交互方式的控件。
          • 清楚標記每一個控件，這樣用戶就可以理解其功能。
          • 盡可能將標簽對齊。將控件的左邊緣對齊。
          • 將相關(guān)的標簽分組，并且通過設(shè)計中使用空白將每一個分組分開。
          • 表單上的控件順序應(yīng)該類似于用戶操作他們的順序。
          創(chuàng)建基本HTML表單
          首先創(chuàng)造一個基本的HTML大綱，包含表單控件；然后將控件進行合并（HTML表單必須包括一個提交按鈕，用戶單擊它可以將表單數(shù)據(jù)發(fā)送到服務(wù)器。）一個單獨的HTML頁面可以包含多個表單。
          • 創(chuàng)建HTML結(jié)構(gòu)
          包含表單的HTML結(jié)構(gòu)和和普通的HTML結(jié)構(gòu)一樣。
          <HTML>
  <HEAD>
  <TITLE>標題放在這</TITLE>
  </HEAD>
<BODY>
  表單頁面放在這
  </BODY>
  </HTML>
          在包含表單的HTML頁面中可以使用任何HTML標簽。基本的表單使用FROM標簽來說明。該標簽中METHOD屬性接收GET或POST兩個值中的一個。ACTION屬性子明PHP腳本的url，該腳本可以收集通過表單收集的數(shù)據(jù)，可以是絕對路徑或者相對路徑。
          <FORM METHOD="method" ACTION="url"> 
  中間可以放置表單控件
  </FORM>
          • 合并控件
          兩個常用的基本控件：文本框和提交按鈕。
          文本框：允許用戶鍵入信息以發(fā)送給PHP腳本。NAME屬性為文本提供名稱，PHP腳本可以通過名稱準確訪問其內(nèi)容，因此它應(yīng)該是唯一的且符合PHP變量命名規(guī)則（但不需要$符號），單標簽。VALUE屬性指明出現(xiàn)在提交按鈕上面的標題。創(chuàng)建方式如下：
          <INPUT TYPE = "TEXT" NAME="text">
          提交按鈕：允許用戶將一個表單的內(nèi)容發(fā)送到服務(wù)器，一個HTML表單對應(yīng)應(yīng)該有一個提交按鈕。
          示例：一個完整的HTML表單。
          <HTML>
  <HEAD>
  <TITLE>標題</TITLE>
  </HEAD>
<BODY>
<FORM METHOD="POST" ACTION="phpinfo.php">
<INPUT TYPE="TEXT" NAME="user_name">
<BR/>
<BR/>
<INPUT TYPE="TEXT" NAME="user_email">
<BR/>
<BR/>
<INPUT TYPE="SUBMIT" VALUE="Send the Data">
</FORM>
  </BODY>
  </HTML>

          • 使用多個表單
          可以在一個HTML頁面中包含多個表單，注意下一個表單的FORM開始之前需要結(jié)束前一個FORM表單。
          <HTML>
  <HEAD>
  <TITLE>標題</TITLE>
  </HEAD>
<BODY>
  
<FORM METHOD="POST" ACTION="phpinfo.php">
<INPUT TYPE="TEXT" NAME="user_name">
<BR/>
<BR/>
<INPUT TYPE="TEXT" NAME="user_email">
<BR/>
<BR/>
<INPUT TYPE="SUBMIT" VALUE="Send the Data">
<BR/>
<BR/>
</FORM>

<FORM METHOD="POST" NAME="phpinfo.php">
<INPUT TYPE="TEXT" NAME="user_name1">
<BR/>
<BR/>
<INPUT TYPE="TEXT" NAME="user_email1">
<BR/>
<BR/>
<INPUT TYPE="SUBMIT" VALUE="Send the Data1">
</FORM>

  </BODY>
  </HTML>

          創(chuàng)建表單控件
          • 創(chuàng)建自定義的文本框
          文本框的屬性中，TYPE和NAME是必須的，其余是可選屬性。SIZE屬性用于設(shè)置文本框的可視大小；MAXLENGTH指明用戶鍵入字符的最大長度；VALUE給出了一個最初顯示在文本框中的值。
          <input type="text" name="" size="" maxlength="" value="">
          • 創(chuàng)建文本區(qū)域
          文本區(qū)域可以輸入多行文本。NAME和ROWS屬性是必須的。ROWS屬性表明了文本區(qū)域內(nèi)可以看到的文本行數(shù)，充滿時會滾動。COLS屬性指明可見文本列數(shù)與行數(shù)類似。WRAP屬性指明文本區(qū)域內(nèi)單詞換行的方式，可以指定如下值。該標簽為雙標簽。
          值
          說明
          off
          禁止單詞換行但用戶可以輸入換行符強制換行
          virtual/soft
          各行顯示為換行，但是換行并沒有被發(fā)送到服務(wù)器
          physica/hard
          啟用了單詞換行
          <inputarea name="" rows="" cols="" wrap="">
          • 創(chuàng)建密碼框
          創(chuàng)建密碼框的語法與文本框相同，但要將TYPE屬性指定為PASSWORD而不是TYPE。
          <input type="password" name="" size="" maxlength="" value="">
          • 創(chuàng)建復(fù)選框
          取兩個值中的一個，即二選一。TYPE屬性是必須的，checked屬性出現(xiàn)，該復(fù)選框默認情況會被選定。value屬性指定復(fù)選框被選定情況下被發(fā)送到服務(wù)器的值，默認發(fā)送on值。法如下：
          <input type="checkbox" name="" checked value="">
          • 創(chuàng)建單選按鈕
          語法與復(fù)選框?qū)傩院x相同，但是TYPE屬性的值必須是RADIO，NAME屬性是必須的。
          <input type="radio" name="" checked value="">
          • 創(chuàng)建列表框
          用戶可以選擇一個或者多個選項，它是一個滾動菜單。
          <select name="" multipile size="">options go here</select>
          name屬性是必須的，multipile屬性指明用戶可以通過按下crtl鍵并單擊多個選項來選擇它們
          列表框的單選行為可作為單選按鈕。
          <option selected value="text"></options>
          • 創(chuàng)建隱藏域
          <input type="hidden" name="text"value="">
          • 實現(xiàn)上傳文件的HTML表單
          <input type="FILE" name="name" accept="time" value="text">
          其中type屬性是必須的。格式通過使用MIME碼指定。常用的格式如下：
          超文本標記語言文本 .html,.html text/html
          　　普通文本 ：txt text/plain
          　　word文檔：application/msword
          　　RTF文本 ：rtf application/rtf
          　　GIF圖形 ：gif image/gif
          　　JPEG圖形 ：jpeg,
          　　jpg： image/jpeg
          　　au聲音文件：au audio/basic
          　　MIDI音樂文件 ：mid,.midi audio/midi,audio/x-midi
          　　RealAudio音樂文件 .ra, .ram audio/x-pn-realaudio
          　　MPEG文件 .mpg,.mpeg video/mpeg
          　　AVI文件 .avi video/x-msvideo
          　　GZIP文件 .gz application/x-gzip
          　　壓縮文件.rar application/octet-stream
          　　壓縮文件.zip application/x-zip-compressed
          　　TAR文件 .tar application/x-tar
          更多提交表單的信息
          • 使用圖像提交數(shù)據(jù)
          <input type="image" src="url" name="text" align="align">
          • 創(chuàng)建重置按鈕
          <input type="reset" value="text">
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
日韩国产精品无码一区二区三区
|
日韩经典精品无码一区|
精品无码国产一区二区三区麻豆|
男人的天堂精品国产一区|
亚洲Av永久无码精品一区二区|
一区二区三区国模大胆|
日韩美女在线观看一区|
亚洲国产情侣一区二区三区
|
天天综合色一区二区三区|
亚洲A∨无码一区二区三区|
一区二区三区在线看|
亚洲午夜一区二区三区|
亚洲一区二区三区精品视频|
国产丝袜视频一区二区三区|
中文字幕一区二区三区日韩精品|
国产成人精品一区在线|
国产伦精品一区二区三区在线观看|
精品国产一区二区三区不卡|
国产福利微拍精品一区二区|
精品一区二区三区自拍图片区|
无码国产精品一区二区免费3p|
久久久久成人精品一区二区
|
日韩成人一区ftp在线播放|
欧美日韩综合一区二区三区|
亚洲AV无码一区二区乱子仑|
亚洲AV日韩综合一区|
日韩免费视频一区|
无遮挡免费一区二区三区|
国产伦精品一区二区三区视频猫咪
|
亚洲国产系列一区二区三区|
亚洲一区二区三区免费观看|
人妻体内射精一区二区三区|
3d动漫精品一区视频在线观看|
亚洲国产精品自在线一区二区|
一区二区三区日韩精品|
免费无码A片一区二三区|
国产成人一区二区精品非洲|
日韩A无码AV一区二区三区|
国产在线一区二区在线视频|
无码人妻精品一区二区三|
无码少妇丰满熟妇一区二区|