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 激情小视频在线观看,精品国产成人高清在线,亚洲欧美综合日韩字幕v在线 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          在網(wǎng)頁(yè)開(kāi)發(fā)中，我們需要掌握的常用HTML標(biāo)簽有哪些？
          
        
           
          
	
	
          
		
                        
          果想開(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)的介紹。
          標(biāo)
          1. 明白字符實(shí)體標(biāo)簽作用是什么？
          2. 掌握常用的字符實(shí)體標(biāo)簽
          3. 懂得查看非常用的字符實(shí)體標(biāo)簽
          實(shí)體標(biāo)簽作用
          • 在鍵盤(pán)上找不到的字符使用字符實(shí)體來(lái)替換，如￥
          • HTML 中的預(yù)留字符可以被替換為字符實(shí)體
          字符實(shí)體標(biāo)簽
          • ?nbsp
          作用：空格
          空格
          空格
          • ?gt
          作用：大于號(hào)(>)
          大于號(hào)(>)
          大于號(hào)(>)
          • ?lt
          作用：小于號(hào)(<)
          小于號(hào)(<)
          小于號(hào)(<)
          • ?copy
          作用：版權(quán)符號(hào)?
          版權(quán)符號(hào)?
          版權(quán)符號(hào)?
          非常用的字符實(shí)體標(biāo)簽
          quot 引號(hào)(")
          trade商標(biāo)(?)
          times乘號(hào)(×)
          divide除號(hào)(÷)
          euro 歐元號(hào)(€)
          可以通過(guò)百度搜索‘html字符實(shí)體’，就會(huì)有非常多的字符實(shí)體標(biāo)簽
          思維導(dǎo)圖
          支付實(shí)體標(biāo)簽
          字符實(shí)體標(biāo)簽在實(shí)際開(kāi)發(fā)中，用得并不多，因?yàn)檩斎敕ㄒ呀?jīng)大量?jī)?nèi)置了常用的符號(hào)
          更多前端教程，敬請(qǐng)關(guān)注微信公眾號(hào)：前端旺
          TML:完成頁(yè)面的內(nèi)容展示
          CSS：完成頁(yè)面樣式的控制，美化頁(yè)面，完成頁(yè)面的布局。
          表單：用于采集用戶輸入的數(shù)據(jù)。用于和服務(wù)器進(jìn)行交互。
          form:用于定義表單的。可以定義一個(gè)范圍(代表用戶采集數(shù)據(jù)的范圍)
          屬性：action:指定提交數(shù)據(jù)的url(指的就是把數(shù)據(jù)提交到哪里)
          method:指定提交方式
          分類：一共有7種，2種比較常用。
          get:1.請(qǐng)求參數(shù)會(huì)在地址欄顯示
          2.請(qǐng)求參數(shù)的長(zhǎng)度是有限制的。
          3.請(qǐng)求不安全
          post:1.請(qǐng)求參數(shù)不會(huì)在地址欄顯示，會(huì)封裝在請(qǐng)求體中。
          2.請(qǐng)求參數(shù)的長(zhǎng)度沒(méi)有限制
          3.較為安全
          表單里面的數(shù)據(jù)要想被提交，必須指定它的name屬性
          表單項(xiàng)標(biāo)簽
          input:可以通過(guò)type屬性值，改變?cè)卣故镜臉邮健?/p>
          type屬性：text:文本輸入框，默認(rèn)值
          placeholder:指定輸入框的提示信息，當(dāng)輸入框的內(nèi)容發(fā)生變化，會(huì)自動(dòng)情況提示信息。
          password:密碼輸入框
          radio：1.單選框(要想讓多個(gè)單選框?qū)崿F(xiàn)單選的效果，則多個(gè)單選框的name屬性值必須一樣)
          2.一般會(huì)給每一個(gè)單選框提供value屬性，指定其被選中后提交的值。
          3.checked屬性可以指定默認(rèn)值
          checkbox:復(fù)選框:
          1.一般會(huì)給每一個(gè)單選框提供value屬性，指定其被選中后提交的值。
          2.checked屬性可以指定默認(rèn)值
          file:文件選擇框
          hidden:隱藏域，用于提交一些信息
          按鈕:
          submit:提交按鈕。可以提交表單
          button:普通按鈕
          image:圖片提交按鈕
          src屬性指定圖片的路徑
          label:指定輸入項(xiàng)的文字描述信息
          注意：lable的for屬性一般會(huì)和input的id屬性值對(duì)應(yīng)。如果對(duì)應(yīng)了，點(diǎn)擊lable區(qū)域，會(huì)讓input輸入框獲取焦點(diǎn)。

          select:下拉列表
          子元素：option,指定列表項(xiàng)
          textarea:文本域
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
一区二区高清视频在线观看|
欲色aV无码一区二区人妻|
色婷婷一区二区三区四区成人网|
精品国产一区AV天美传媒|
中文字幕一区二区三区有限公司
|
亚洲中文字幕一区精品自拍|
日本韩国黄色一区二区三区|
激情无码亚洲一区二区三区|
无码国产精品一区二区免费vr|
久久无码一区二区三区少妇|
精品国产一区二区二三区在线观看|
色窝窝无码一区二区三区色欲
|
一区二区三区杨幂在线观看|
亚洲欧美日韩国产精品一区|
亚洲天堂一区二区|
国产成人AV一区二区三区无码|
国产成人精品一区在线|
一区二区三区在线观看视频|
国产人妖在线观看一区二区|
国产精品伦子一区二区三区|
无码人妻精一区二区三区|
国精产品999一区二区三区有限|
精品少妇人妻AV一区二区三区
|
久久婷婷色一区二区三区|
国产在线精品一区二区高清不卡|
亚洲中文字幕丝袜制服一区|
夜色阁亚洲一区二区三区|
区三区激情福利综合中文字幕在线一区亚洲视频1
|
国模丽丽啪啪一区二区|
国产福利电影一区二区三区，亚洲国模精品一区
|
人妻无码一区二区三区AV|
无码人妻品一区二区三区精99|
久久精品免费一区二区三区|
亚洲成在人天堂一区二区|
亚洲乱码一区av春药高潮|
亚洲精品国产suv一区88|
蜜桃视频一区二区三区|
丝袜人妻一区二区三区|
精品一区二区三区自拍图片区|
日本一区二区视频|
麻豆视传媒一区二区三区|