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 一区二区三区网站,日韩在线一区二区三区视频,成人免费视频一区二区 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          html開(kāi)發(fā)筆記21-div和span兩個(gè)排版標(biāo)簽簡(jiǎn)介
          
        
           
          
	
	
          
		
                        
          、div 和 span 標(biāo)簽的作用
          1、div標(biāo)簽：一般用于存放圖片、文字、視頻、等網(wǎng)頁(yè)內(nèi)容，也就相當(dāng)于存放一切內(nèi)容，可以理解為一個(gè)大大的盒子。
          2、span標(biāo)簽：一般只用于存放文字。
          3、這兩個(gè)標(biāo)簽沒(méi)有具體的語(yǔ)義，不像<h>標(biāo)簽必須存放標(biāo)題。
          二、div和span標(biāo)簽在網(wǎng)頁(yè)中的作用
          1、div 一般適用于網(wǎng)頁(yè)布局的時(shí)候，比如下圖：

          2、span 標(biāo)簽在你不知道用什么標(biāo)簽容納文字內(nèi)容的時(shí)候使用，只是用于和其他的標(biāo)簽進(jìn)行區(qū)分用。
           html區(qū)塊
          ●區(qū)塊元素
          大多數(shù)html元素被定義為塊級(jí)元素或內(nèi)聯(lián)元素.
          塊級(jí)元素在瀏覽器顯示時(shí),通常以新行來(lái)開(kāi)始(和結(jié)束)
          例如:<h1>,<p>,<ul>,<table>,<div>等
          ●內(nèi)聯(lián)元素
          內(nèi)聯(lián)元素在顯示時(shí)通常不會(huì)以新行開(kāi)始
          例如:<b>,<td>,<a>,<img>等
          ●div元素
          html<div>元素是塊級(jí)元素,它可用于組合其他html元素的容器.
          <div>元素沒(méi)有特定的含義.除此之外,由于它屬于塊級(jí)元素,瀏覽器會(huì)在其前后顯示折行.
          如果與css一同使用,<div>元素可用于對(duì)大的內(nèi)容塊設(shè)置樣式屬性.
          ●<span>元素
          html<span>元素是內(nèi)聯(lián)元素,可用作文本的容器.
          <span>元素也沒(méi)有特定的含義.
          當(dāng)與css一同使用時(shí),<span>元素可用于為部分文本設(shè)置樣式屬性.
          二 html表單
          html表單用于搜集不同類型的用戶輸入.
          <form>標(biāo)簽用于創(chuàng)建供用戶輸入的html表單.
          <form>
          ...
          </form>
          使用action屬性規(guī)定:當(dāng)提交表單時(shí),向何處發(fā)送表單數(shù)據(jù).
          <form action="url">
          </form>
          method屬性
          method屬性指定在提交表單時(shí)使用的http方法:get或post
          下面是兩個(gè)示例:
          <form action="url" method="get">
          <form action="url" method="post">
          提示:
          當(dāng)你使用get時(shí),表單數(shù)據(jù)將在頁(yè)面地址中使用.
          如果表單正在更新數(shù)據(jù)或使用敏感信息(密碼),請(qǐng)使用post.post提供更好的安全性,因?yàn)樘峤坏臄?shù)據(jù)不會(huì)再頁(yè)面地址中顯示.
          name屬性
          name屬性指定表單的名稱
          要接手用戶的輸入,你需要相應(yīng)的表單元素,如文本字段.而輸入類型是由類型屬性(type)定義的,大多數(shù)經(jīng)常被用到的輸入類型有:text,password,radio,checkbox,submit等
          下面是一個(gè)請(qǐng)求用戶名和密碼的表單例子:
          <form>
          <input type="text" name="username" /><br/>
          <input type="password" name="password" />
          </form>
          單選框
          <input type="radio">標(biāo)簽定義了表單單選框選項(xiàng)
          下面是一個(gè)單選框的例子:
          <form>
          <input type="radio" name="sex" value="male">Male<br>
          <input type="radio" name="sex" value="female">Female
          </form>
          運(yùn)行效果如下:
          注意:沒(méi)有結(jié)束標(biāo)簽,也能正常顯示,但是有時(shí)候會(huì)出現(xiàn)意想不到的情況.所以建議還是要加上結(jié)束標(biāo)簽.
          復(fù)選框
          <input type="checkbox">定義了復(fù)選框,用戶需要從若干給定的選擇中選取一個(gè)或若干選項(xiàng).
          下面是一個(gè)復(fù)選框的例子:
          <form>
          <input type="checkbox" name="vehicle" value="Bike">I have a bike<br/>
          <input type="checkbox" name="vehicle" value="Car">I have a Car
          </form>
          運(yùn)行效果如下:
          提交按鈕將表單提交到其action屬性:
          <input type="submit" value="Submit">
          運(yùn)行效果如下:
          表單提交后,應(yīng)該使用服務(wù)器端語(yǔ)言(如php)進(jìn)行數(shù)據(jù)處理.當(dāng)完成html和css課程后,你可以試著學(xué)習(xí)php課程.
          三 html顏色
          html顏色由一個(gè)十六進(jìn)制符號(hào)來(lái)定義,這個(gè)符號(hào)由紅色,綠色和藍(lán)色的值組成(rgb)
          rgb顏色的最小值是0(十六進(jìn)制:#000).最大值是255(十六進(jìn)制:#FFF)
          四 html框架
          通過(guò)使用框架,你可以在同一個(gè)瀏覽器窗口中顯示不止一個(gè)頁(yè)面
          <iframe>標(biāo)簽規(guī)定一個(gè)內(nèi)聯(lián)框架
          一個(gè)內(nèi)聯(lián)框架被用來(lái)在當(dāng)前html文檔中嵌入另一個(gè)文檔
          標(biāo)記一個(gè)內(nèi)聯(lián)框架:
          <iframe src="url"></iframe>
          提示:你可以把需要的文本放置在<iframe>和</iframe>之間,這樣就可以應(yīng)對(duì)不支持<iframe>的瀏覽器.html5中不支持<frame>標(biāo)簽.
          定義iframe標(biāo)簽的高度與寬度
          height和width屬性用來(lái)定義iframe標(biāo)簽的高度與寬度.
          屬性默認(rèn)以像素為單位,但是你可以指定其按比例顯示(如:80%)
          下面是一個(gè)例子:
          <iframe src="url" width="200" height="200"></iframe>
          定義iframe表示是否顯示邊框
          frameborder屬性用來(lái)定義iframe表示是否顯示邊框
          設(shè)置屬性值為"0"移除iframe的邊框:
          <iframe src="url" frameborder="0"></iframe>
          果想開(kāi)發(fā)一個(gè)網(wǎng)站，除了要精通后端開(kāi)發(fā)語(yǔ)言（如：php）外，還要精通HTML代碼。那么，什么是HTML呢？HTML是一種超文本標(biāo)記語(yǔ)言，它包含有眾多的標(biāo)簽，我們可以通過(guò)這些標(biāo)簽，把不同的internet資源（如：文字、圖片、視頻、音頻、表單等等）整合在一個(gè)統(tǒng)一的文檔中，這就形成了我們可以看得見(jiàn)的網(wǎng)頁(yè)。那么，HTML都有哪些常用的標(biāo)簽?zāi)兀?/p>
          一、文檔類型聲明。
          html5文檔類型聲明：<!doctype html>
          html4文檔類型聲明：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          二、html主標(biāo)簽。
          這個(gè)標(biāo)簽是html最外層的標(biāo)簽，所有其它的HTML標(biāo)簽都要放在這個(gè)標(biāo)簽的內(nèi)部。
          <html>
          <head></head>
          <body></body>
          </html>
          三、雙標(biāo)簽和單標(biāo)簽。
          在HTML標(biāo)簽中，有的標(biāo)簽是成雙成對(duì)的，如：<html></html>（如下圖）；而有的標(biāo)簽是單個(gè)的，如：<hr>橫線標(biāo)簽。
           
          四、head頭部標(biāo)簽。
          head頭部有以下幾種常用標(biāo)簽：
          meta：主要提供有關(guān)頁(yè)面的元信息。
          link：用來(lái)定義文檔與外部資源的關(guān)系，最常用的是調(diào)用CSS樣式文件。
          title：頁(yè)面標(biāo)題的標(biāo)簽。
          script：用來(lái)調(diào)用JS文件或JS代碼。當(dāng)然，script標(biāo)簽也可以在body主體中使用。
           
          五、body主體標(biāo)簽。
          1、塊級(jí)標(biāo)簽。
          塊級(jí)標(biāo)簽的特性是：獨(dú)自占有一行；標(biāo)簽的高與寬、邊距可以修改；沒(méi)有設(shè)置寬與高時(shí)，默認(rèn)繼承父標(biāo)簽。例如：

          <div>div1</div>
          <div>div2</div>
          <style>
          .aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }
          .aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }
          </style>

          前端頁(yè)面顯示的效果如下圖：
           
          常用的塊級(jí)標(biāo)簽有：div、h1、h2、h3、h4、h5、h6、hr、menu、ul、ol、li、dl、dt、dd、table、p、form 。
          2、內(nèi)聯(lián)標(biāo)簽。
          內(nèi)聯(lián)標(biāo)簽與塊級(jí)標(biāo)簽不同，它不能獨(dú)自占有一行，會(huì)與其它內(nèi)聯(lián)標(biāo)簽在同一樣展示；內(nèi)聯(lián)標(biāo)簽的高與寬、上下邊距是不能修改的，它里面的文字或圖片有多高，它就是多高。例如如下代碼：

          <style>
          .aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }
          .aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }
          </style>
          <span>span1</span>
          <span>span2</span>

          CSS樣式代碼跟塊級(jí)標(biāo)簽的例子是一樣的，而顯示的效果就不一樣了，寬與高、上下邊距沒(méi)有效果。如下圖：
           
          常用的內(nèi)聯(lián)標(biāo)簽有：span、a、b、strong、i、em 。
          3、內(nèi)聯(lián)塊級(jí)標(biāo)簽。
          內(nèi)聯(lián)塊級(jí)標(biāo)簽，既有一些內(nèi)聯(lián)標(biāo)簽的特性，也有一些塊級(jí)標(biāo)簽的特點(diǎn)：它不能獨(dú)自占有一行，但是可以修改它的寬度和高度。例如下面這段代碼：

          <style>
          .aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }
          .aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }
          </style>
          <img src="w5.jpg" alt="">
          <img src="w5.jpg" alt="">

          CSS樣式代碼跟塊級(jí)標(biāo)簽的那個(gè)例子仍然是一樣的，圖片的寬和高、上下邊距修改成功，而2個(gè)圖片不能獨(dú)自占有一行，而是在同一行。如下圖：
           
          常用的內(nèi)聯(lián)塊級(jí)標(biāo)簽有：img、input、textarea。
          4、區(qū)域標(biāo)簽。
          所謂區(qū)域標(biāo)簽，就是主要用來(lái)劃分布局頁(yè)面區(qū)域的。如：頭部、主體內(nèi)容、側(cè)邊欄、底部。這樣劃分的好處是：讓頁(yè)面布局更加清晰明了。
          常用的區(qū)域標(biāo)簽有：header（頭部）、footer（底部）、nav（導(dǎo)航）、aside（側(cè)邊欄）、section（主體）、article（獨(dú)立內(nèi)容）。
          5、表單標(biāo)簽。
          這個(gè)表單標(biāo)簽我們也是會(huì)經(jīng)常用到的，如：登錄網(wǎng)站的時(shí)候、提交數(shù)據(jù)的時(shí)候。如下圖的評(píng)論表單：
           
          ?表單常用的標(biāo)簽有：form、input、select、option、textarea 。
          以上就是我們開(kāi)發(fā)網(wǎng)頁(yè)時(shí)，會(huì)常用到的HTML標(biāo)簽。當(dāng)然，HTML標(biāo)簽遠(yuǎn)不止這些，尤其是html5出來(lái)后，新增了許多的新標(biāo)簽。但是，有些標(biāo)簽在我們開(kāi)發(fā)中很少用到，所以，這里就沒(méi)有做相應(yīng)的介紹。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
偷拍精品视频一区二区三区|
久久久久人妻一区精品|
日韩精品无码久久一区二区三|
午夜视频一区二区|
国产一区二区三区露脸|
无码人妻一区二区三区av|
日本人的色道www免费一区|
人妻互换精品一区二区|
国产一区二区福利久久|
精品一区二区三区免费毛片爱|
国产成人精品视频一区二区不卡|
午夜福利一区二区三区高清视频
|
美女免费视频一区二区|
亚洲综合一区二区精品久久|
久久伊人精品一区二区三区|
精品久久一区二区三区|
亚洲AV日韩综合一区尤物|
后入内射国产一区二区|
日韩久久精品一区二区三区|
美日韩一区二区三区|
日本免费电影一区|
无码国产精品一区二区免费I6|
精品人伦一区二区三区潘金莲|
香蕉免费一区二区三区|
亚洲美女视频一区二区三区|
精品女同一区二区三区免费站|
乱色熟女综合一区二区三区|
国产乱码精品一区二区三区四川|
综合一区自拍亚洲综合图区|
日本一区二区三区久久|
国产高清一区二区三区视频|
国产精品视频无圣光一区|
日韩视频在线一区|
亚洲国产一区二区三区|
中文字幕AV一区二区三区
|
国产一在线精品一区在线观看|
人妻体内射精一区二区三四|
老熟妇仑乱一区二区视頻|
午夜一区二区免费视频|
无码人妻一区二区三区精品视频
|
国产免费一区二区三区VR|