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综合,天天干天天插天天操,97精品在线视频 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          html頭部的標(biāo)簽有哪些？
          
        
           
          
	
	
          
		
                        
          作為一個(gè)前端，經(jīng)常寫(xiě)html文檔，但是卻很少去在意頭部的標(biāo)簽有哪些，也很少在意每個(gè)標(biāo)簽的作用，下面我們來(lái)詳細(xì)了解下。
           頭部的標(biāo)簽，也就是寫(xiě)在<head><head/>里。通常會(huì)有6個(gè)標(biāo)簽：　
          <!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>文檔標(biāo)題</title>

<base href="http://www.baidu.com/images/" target="_blank">
<link rel="stylesheet" type="text/css" href="mystyle.css">

<style type="text/css">

body {font-size:16px}
p {color:blue}
</style>
<script> document.write("Hello World!") </script>
</head> 
<body> 文檔內(nèi)容...... </body> 
</html>

          一、<title>元素。
          1.title 標(biāo)簽定義了文檔的標(biāo)題，在HTML文檔中是必須的。它會(huì)展示在瀏覽器的工具欄上。
          2.如果要展示一個(gè)圖標(biāo)，可以再加一個(gè)<link>標(biāo)簽，<link>標(biāo)簽的 rel屬性為“icon”,后面的
          href跟上圖片的地址。
          <link rel="icon" href="圖片url">

          二、<base>元素。
          base標(biāo)簽描述了基本的鏈接地址，該標(biāo)簽作為HTML文檔中所有的鏈接的默認(rèn)鏈接
          　<head>
　　<base href="http://www.php.cn/tpl/Index/Static/img/" target="_blank" /> 
  </head> 　　
  <body> 　
   　<img src="banner7.jpg"/>
  </body>　

          上面的img標(biāo)簽的src鏈接的地址就是base里的地址加上img里的地址。

          三、<link>元素。
          link標(biāo)簽定義了文檔與外部資源之間的關(guān)系，它通常用于鏈接到樣式表。
          <head>
   <link rel="stylesheet" type="text/css" href="style.css">
</head>

          四、<style>元素。
          style標(biāo)簽定義了HTML文檔的樣式，這個(gè)我們經(jīng)常會(huì)使用到，都不會(huì)陌生。

          五、<meta>元素。
          meta標(biāo)簽提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁(yè)面上，但會(huì)被瀏覽器解析。它常用于指定網(wǎng)頁(yè)的描述，關(guān)鍵詞，文件的最后修改時(shí)間，作者，和其他元數(shù)據(jù)。
          元數(shù)據(jù)可以使用于瀏覽器（如何顯示內(nèi)容或重新加載頁(yè)面），搜索引擎（關(guān)鍵詞），或其他Web服務(wù)。
          // 編碼格式定義
<meta charset="utf-8"> 
// 為搜索引擎定義關(guān)鍵詞:
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
// 為網(wǎng)頁(yè)定義描述內(nèi)容:
<meta name="description" content="頭部標(biāo)簽 & 使用">
// 定義網(wǎng)頁(yè)作者:
<meta name="author" content="Runoob">
// 每30秒鐘刷新當(dāng)前頁(yè)面:
<meta http-equiv="refresh" content="30">

          // 視圖層的參數(shù)定義
<meta
name="viewport"
  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
 //    content屬性值 :
  //    width:可視區(qū)域的寬度，值可為數(shù)字或關(guān)鍵詞device-width
  //    height:同width
  //    intial-scale:頁(yè)面首次被顯示是可視區(qū)域的縮放級(jí)別，取值1.0則頁(yè)面按實(shí)際尺寸顯示，無(wú)任何縮放
  //   maximum-scale=1.0, minimum-scale=1.0;可視區(qū)域的縮放級(jí)別，
  //   maximum-scale用戶可將頁(yè)面放大的程序，1.0將禁止用戶放大到實(shí)際尺寸之上。
  //   user-scalable:是否可對(duì)頁(yè)面進(jìn)行縮放，no 禁止縮放

          六、<script>元素。
          script標(biāo)簽用于加載腳本文件，比如說(shuō)javascript,可以直接書(shū)寫(xiě)js,也能用于鏈接外部的js文件。
          <script>
    document.write("Hello World!")
</script>
          <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
          . HTML 初識(shí)
          • HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。
          • HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言 (markup language)
          • 標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
          所謂超文本，有2層含義：
          1. 因?yàn)樗梢约尤雸D片、聲音、動(dòng)畫(huà)、多媒體等內(nèi)容（超越文本限制 ）
          2. 不僅如此，它還可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件，與世界各地主機(jī)的文件連接（超級(jí)鏈接文本 ）。
          標(biāo)題標(biāo)簽       	<hx></hx>     
段落標(biāo)簽     		<p></p>
水平線標(biāo)簽			<hr />
 換行標(biāo)簽       <br/>
 無(wú)語(yǔ)義標(biāo)簽    <div></div>   和 <span></span>             注:這兩個(gè)標(biāo)簽在后期經(jīng)常使用
          文本格式化標(biāo)簽
          <b></b>和<strong></strong>		 文字加粗
<i></i>和<em></em>	               	斜體
<s></s>和<del></del>	            	加刪除線
<u></u>和<ins></ins>		            加下劃線
          圖片標(biāo)簽
          <img src="圖像URL" />	src  圖像路徑	圖像標(biāo)簽	<img src="圖像URL" />	
          該語(yǔ)法中src屬性用于指定圖像文件的路徑和文件名，他是img標(biāo)簽的必需屬性。

          屬性:
          alt 文本,圖像不顯示時(shí)顯示文字<img src="" alt="">
          title 文本,鼠標(biāo)懸停時(shí)顯示內(nèi)容<img src="cz.jpg" title="文本" />
          width 圖像寬度<img src="cz.jpg" width="300" height="300" />
          height 圖像高度<img src="cz.jpg" width="300" height="300" />
          border 設(shè)置圖像邊框?qū)挾?lt;img src="cz.jpg" border="3" />

          鏈接標(biāo)簽
          <a href="#" target="目標(biāo)窗口的彈出方式">文本或圖像</a>
          屬性：
          href (鏈接地址)必須寫(xiě)
          用于指定鏈接目標(biāo)的url地址，（必須屬性）當(dāng)為標(biāo)簽應(yīng)用href屬性時(shí)，它就具有了超鏈接的功能


          1. 外部鏈接 需要添加 http:// www.baidu.com
          2. 內(nèi)部鏈接 直接鏈接內(nèi)部頁(yè)面名稱(chēng)即可 比如 < a href="index.html"> 首頁(yè) </a >
          3. 如果當(dāng)時(shí)沒(méi)有確定鏈接目標(biāo)時(shí)，通常將鏈接標(biāo)簽的href屬性值定義為“#”(即href="#")，表示該鏈接暫時(shí)為一個(gè)空鏈接。
          4. 不僅可以創(chuàng)建文本超鏈接，在網(wǎng)頁(yè)中各種網(wǎng)頁(yè)元素，如圖像、表格、音頻、視頻等都可以添加超鏈接。
          target (默認(rèn)當(dāng)前窗口打開(kāi),可新建窗口打開(kāi))
          用于指定鏈接頁(yè)面的打開(kāi)方式，其取值有self和blank兩種，其中_self為默認(rèn)值，__blank為在新窗口中打開(kāi)方式。

          錨點(diǎn)標(biāo)簽
          id=""
          錨點(diǎn)定位
          通過(guò)創(chuàng)建錨點(diǎn)鏈接，用戶能夠快速定位到目標(biāo)內(nèi)容。
          <h3 id="two">第2集</h3>
          使用相應(yīng)的id名標(biāo)注跳轉(zhuǎn)目標(biāo)的位置。 (找目標(biāo))
          base標(biāo)簽
          <base target="_blank" />

          base 可以設(shè)置整體鏈接的打開(kāi)狀態(tài)


          base 寫(xiě)到 <head> </head> 之間
          預(yù)格式化標(biāo)簽
          <pre>文本</pre>

          標(biāo)簽可定義預(yù)格式化的文本。

          所謂的預(yù)格式化文本就是 ，按照我們預(yù)先寫(xiě)好的文字格式來(lái)顯示頁(yè)面， 保留空格和換行等。
          表格標(biāo)簽
          <table> 定義表格標(biāo)簽
           <tr> 定義表格行
           <td></td> 表格數(shù)據(jù)
           </tr>
          </table>
          border
          設(shè)置表格邊框(默認(rèn)border="0"無(wú)邊框)
          <table>
           <tr>
           <td>單元格內(nèi)的文字</td>
           ...
           </tr>
           ...
          </table>
          cellspacing
          設(shè)置單元格與單元格之間的空白間距 (默認(rèn)2像素)

          cellpadding
          設(shè)置單元格內(nèi)容與單元格邊框之間的空白間距 (默認(rèn)1像素)

          width
          設(shè)置表格的寬度

          height
          設(shè)置表格的高度

          align
          設(shè)置表格在網(wǎng)頁(yè)中的水平對(duì)齊方式 (三個(gè)屬性:left左 center中 right右 )
          align="center" align="right"
          caption
          caption 元素定義表格標(biāo)題，通常這個(gè)標(biāo)題會(huì)被居中且顯示于表格之上。
          <caption>個(gè)人信息表</caption>
          rowspan="合并單元格的個(gè)數(shù)"
          跨行合并
          合并的順序我們按照 先上 后下 先左 后右 的順序
          colspan="合并單元格的個(gè)數(shù)"
          跨列合并
          <td colspan="3"> </td>
          <caption></caption>
          表格標(biāo)題標(biāo)簽

          <tr></tr><td></td>
          標(biāo)簽，他就像一個(gè)容器，可以容納所有的元素
          <tr><td></td></tr>
          <th><td>
          一般表頭單元格位于表格的第一行或第一列，并且文本加粗居中
          <th><td></td></th>
          <thead> 于定義表格的頭部。用來(lái)放標(biāo)題之類(lèi)的東西。<thead> 內(nèi)部必須擁有 <tr> 標(biāo)簽！
          以上標(biāo)簽都是放到table標(biāo)簽中。
          更好的給表格劃分結(jié)構(gòu)
          <tbody> 用于定義表格的主體。放數(shù)據(jù)本體 。
          以上標(biāo)簽都是放到table標(biāo)簽中。
          <tfoot>放表格的腳注之類(lèi)。
          以上標(biāo)簽都是放到table標(biāo)簽中。
          列表標(biāo)簽

          列表(ul里面只能包含li ,li里面可以包含標(biāo)簽)
          <ul><li></li></ul>
          無(wú)序列表
          1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的。
           2. <li>與</li>之間相當(dāng)于一個(gè)容器，可以容納所有元素。
           3. 無(wú)序列表會(huì)帶有自己樣式屬性，放下那個(gè)樣式，一會(huì)讓CSS來(lái)！


          里面只能包含li 沒(méi)有順序，我們以后布局中最常用的列表
          <ol><li></li></ol>
          有序列表
          所有特性基本與ul 一致。 但是實(shí)際中比 無(wú)序列表 用的少很多。


          里面只能包含li 有順序， 使用情況較少
          <dl>
           <dt>名詞1</dt>
           <dd>名詞1解釋1</dd> </dl>
          自定義列表



          里面有2個(gè)兄弟， dt 和 dd
          input控件
          <input type="屬性值" value="你好">
          text
          單行文本輸入框

          password
          密碼輸入框

          radio
          單選按鈕

          checkbox
          復(fù)選按鈕

          button
          普通按鈕

          submit
          提交按鈕

          reset
          重置按鈕

          image
          圖像形式的提交按鈕

          file
          文本域

          name
          由用戶自定義
          控件的名稱(chēng)
          用戶名:<input type="text" name=“username” />
          value
          由用戶自定義
          input控件中的默認(rèn)問(wèn)本值
          用戶名:<input type="text" name="username" value="請(qǐng)輸入用戶名">
          size
          正整數(shù)
          input控件在頁(yè)面中的顯示寬度

          checked 默認(rèn)被選中
          checked
          定義選擇控件默認(rèn)被選中的項(xiàng)
          <input type="radio" name="sex" value="女" />女
          maxlength
          正整數(shù)
          控件允許輸入的最多字符數(shù)
          <label> </label>
          <label> 用戶名： <input type="radio" name="usename" value="請(qǐng)輸入用戶名"> </label>
          第一種用法就是用label直接包括input表單。

          當(dāng)我們鼠標(biāo)點(diǎn)擊 label標(biāo)簽里面的文字時(shí)， 光標(biāo)會(huì)定位到指定的表單里面
          <label for="sex">男</label>
          <input type="radio" name="sex" id="sex">
          第二種用法 for 屬性規(guī)定 label 與哪個(gè)表單元素綁定。

          當(dāng)我們鼠標(biāo)點(diǎn)擊 label標(biāo)簽里面的文字時(shí)， 光標(biāo)會(huì)定位到指定的表單里面
          文本域
          <textarea >文本內(nèi)容</textarea>
          通過(guò)textarea控件可以輕松地創(chuàng)建多行文本輸入框.
          cols="每行中的字符數(shù)" rows="顯示的行數(shù)" 我們實(shí)際開(kāi)發(fā)不用
          <textarea > 文本內(nèi)容</textarea>
          select下拉列表
          <select>
           <option>選項(xiàng)1</option>
           <option>選項(xiàng)2</option>
           <option>選項(xiàng)3</option>
           ...
          </select>
          在option 中定義selected =" selected "時(shí)，當(dāng)前項(xiàng)即為默認(rèn)選中項(xiàng)。
          form表單域
          <form action="url地址" method="提交方式" name="表單名稱(chēng)">
           各種表單控件
          </form>
          action 屬性值:url地址
          用于指定接收并處理表單數(shù)據(jù)的服務(wù)器程序的url地址。
          method 屬性值:get/post
          用于設(shè)置表單數(shù)據(jù)的提交方式，其取值為get或post。
          name 屬性值:名稱(chēng)
          用于指定表單的名稱(chēng)，以區(qū)分同一個(gè)頁(yè)面中的多個(gè)表單。
          以上標(biāo)簽基本包含了前端開(kāi)發(fā)所需常用標(biāo)簽.來(lái)自本人,黑馬程序員.傳智播客學(xué)習(xí)筆記.












          以下是個(gè)人筆記整理,需要請(qǐng)關(guān)注私信我.



          希望本人筆記能對(duì)各位有所幫助.
          前端不難,難的在于東西多和雜.每天努力學(xué)習(xí)一點(diǎn)點(diǎn),不放棄.
          、常用html標(biāo)簽
          4.1 常用的 html 標(biāo)簽
          <!-- 1、成對(duì)出現(xiàn)的標(biāo)簽：-->

<h1>h1標(biāo)題</h1>
<div>這是一個(gè)div標(biāo)簽</div>
<p>這個(gè)一個(gè)段落標(biāo)簽</p>


<!-- 2、單個(gè)出現(xiàn)的標(biāo)簽：-->
<br>
<img src="images/pic.jpg" alt="圖片">
<hr>

<!-- 3、帶屬性的標(biāo)簽，如src、alt 和 href等都是屬性 -->
<img src="images/pic.jpg" alt="圖片">
<a href="http://www.baidu.com">百度網(wǎng)</a>

<!-- 4、標(biāo)簽的嵌套 -->
<div>
   <img src="images/pic.jpg" alt="圖片">
   <a href="http://www.baidu.com">百度網(wǎng)</a>
</div>
          提示:
          1. 標(biāo)簽不區(qū)分大小寫(xiě)，但是推薦使用小寫(xiě)。
          2. 根據(jù)標(biāo)簽的書(shū)寫(xiě)形式，標(biāo)簽分為雙標(biāo)簽(閉合標(biāo)簽)和單標(biāo)簽(空標(biāo)簽)2.1 雙標(biāo)簽是指由開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽組成的一對(duì)標(biāo)簽，這種標(biāo)簽允許嵌套和承載內(nèi)容，比如: div標(biāo)簽2.2 單標(biāo)簽是一個(gè)標(biāo)簽組成，沒(méi)有標(biāo)簽內(nèi)容， 比如: img標(biāo)簽
          4.2 小結(jié)
          • 學(xué)習(xí) html 語(yǔ)言就是學(xué)習(xí)標(biāo)簽的用法，常用的標(biāo)簽有20多個(gè)。
          • 編寫(xiě) html 標(biāo)簽建議使用小寫(xiě)
          • 根據(jù)書(shū)寫(xiě)形式，html 標(biāo)簽分為雙標(biāo)簽和單標(biāo)簽
          • 單標(biāo)簽沒(méi)有標(biāo)簽內(nèi)容，雙標(biāo)簽可以嵌套其它標(biāo)簽和承載文本內(nèi)容
          五、資源路徑
          當(dāng)我們使用img標(biāo)簽顯示圖片的時(shí)候，需要指定圖片的資源路徑，比如:
          <img src="images/logo.png">
          這里的src屬性就是設(shè)置圖片的資源路徑的，資源路徑可以分為相對(duì)路徑和絕對(duì)路徑。
          5.1 相對(duì)路徑
          從當(dāng)前操作 html 的文檔所在目錄算起的路徑叫做相對(duì)路徑
          示例代碼:
          <!-- 相對(duì)路徑方式1 -->
<img src="./images/logo.png">
<!-- 相對(duì)路徑方式2 -->
<img src="images/logo.png">
          5.2 絕對(duì)路徑
          從根目錄算起的路徑叫做絕對(duì)路徑，Windows 的根目錄是指定的盤(pán)符，mac OS 和Linux 是/
          示例代碼:
          <!-- 絕對(duì)路徑 -->
<img src="/Users/apple/Desktop/demo/hello/images/logo.png">
<img src="C:\demo\images\001.jpg">
          提示:
          一般都會(huì)使用相對(duì)路徑，絕對(duì)路徑的操作在其它電腦上打開(kāi)會(huì)有可能出現(xiàn)資源文件找不到的問(wèn)題
          5.3 小結(jié)
          • 相對(duì)路徑和絕對(duì)路徑是 html 標(biāo)簽使用資源文件的兩種方式，一般使用相對(duì)路徑。
          • 相對(duì)路徑是從當(dāng)前操作的 html 文檔所在目錄算起的路徑
          • 絕對(duì) 路徑是從根目錄算起的路徑
          六、列表標(biāo)簽
          6.1 列表標(biāo)簽的種類(lèi)
          • 無(wú)序列表標(biāo)簽(ul標(biāo)簽)
          • 有序列表標(biāo)簽(ol標(biāo)簽)
          6.2 無(wú)序列表
          <!-- ul標(biāo)簽定義無(wú)序列表 -->
<ul>
   <!-- li標(biāo)簽定義列表項(xiàng)目 -->
   <li>列表標(biāo)題一</li>
   <li>列表標(biāo)題二</li>
   <li>列表標(biāo)題三</li>
</ul>
          6.3 有序列表
          <!-- ol標(biāo)簽定義有序列表 -->
<ol>
   <!-- li標(biāo)簽定義列表項(xiàng)目 -->
   <li><a href="#">列表標(biāo)題一</a></li>
   <li><a href="#">列表標(biāo)題二</a></li>
   <li><a href="#">列表標(biāo)題三</a></li>
</ol>
          6.4 小結(jié)
          • 列表標(biāo)簽有無(wú)序列表標(biāo)簽(ul標(biāo)簽)和有序列表標(biāo)簽(ol標(biāo)簽)
          • 列表項(xiàng)目對(duì)順序有要求的時(shí)候使用ol標(biāo)簽
          • 列表項(xiàng)目對(duì)順序無(wú)要求的時(shí)候使用ul標(biāo)簽
          七、表格標(biāo)簽
          7.1 表格的結(jié)構(gòu)
          表格是由行和列組成，好比一個(gè)excel文件
          7.2 表格標(biāo)簽
          <table>標(biāo)簽：表示一個(gè)表格
     <tr>標(biāo)簽：表示表格中的一行
         <td>標(biāo)簽：表示表格中的列
         <th>標(biāo)簽：表示表格中的表頭
          示例代碼:
          <table>
   <tr>
       <th>姓名</th>
       <th>年齡</th>
   </tr>
   <tr>
       <td>張三</td>
       <td>18</td>
   </tr>
</table>
          表格邊線合并:
          border-collapse 設(shè)置表格的邊線合并，如：border-collapse:collapse;
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
一区二区三区久久精品|
中文字幕精品一区|
国产精品一区二区av不卡|
久久婷婷色综合一区二区|
伊人久久大香线蕉AV一区二区|
精品乱人伦一区二区三区|
国产精品综合AV一区二区国产馆|
国产精品 视频一区 二区三区|
麻豆国产一区二区在线观看|
日韩一区二区在线免费观看|
成人一区二区三区视频在线观看
|
日本不卡在线一区二区三区视频|
亚洲国产精品一区二区久久|
精品少妇一区二区三区在线
|
精产国品一区二区三产区|
色噜噜一区二区三区|
狠狠爱无码一区二区三区|
在线观看国产一区|
国产成人精品第一区二区|
中文字幕日韩一区二区不卡|
日韩在线一区二区|
福利一区二区三区视频在线观看|
91福利视频一区|
精品香蕉一区二区三区|
国产精品一区二区久久|
精品国产AV一区二区三区|
国产在线精品一区二区中文|
国产成人精品一区二三区熟女|
精品一区二区高清在线观看|
日韩精品免费一区二区三区
|
国产一区二区三区在线观看影院
|
亚洲一区二区三区免费视频|
日本强伦姧人妻一区二区|
在线精品日韩一区二区三区|
日本高清天码一区在线播放|
国产主播福利精品一区二区|
成人区精品一区二区不卡亚洲|
亚洲欧美国产国产综合一区|
精品国产一区在线观看|
一区二区三区国产|
一区二区在线视频观看|