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ù)同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML網(wǎng)頁制作常用標(biāo)簽及說明-前端開發(fā)入門
          
        
           
          
	
	
          
		
                        
          篇文章我們介紹了怎么創(chuàng)建一個最基本的網(wǎng)頁，這篇我們介紹一下經(jīng)常被使用的標(biāo)簽及用途。
          顯示在瀏覽器中的內(nèi)容都要添加在基本模板中的body標(biāo)簽的中間，這點一定要記?。?！
          下面的body標(biāo)簽中各個標(biāo)簽，我做了解釋說明，大概了解各個標(biāo)簽長什么樣子，能記住就更好了。
          下面的HTML代碼可以直接復(fù)制到你的網(wǎng)頁中（創(chuàng)建HTML文件的方法上篇文章有介紹）
          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>這里是網(wǎng)頁的標(biāo)題，你看到在哪里顯示的了嗎？——橙先生</title>
          </head>
          <body>

          <div>div標(biāo)簽可以理解為是個空盒子，什么都能裝下</div>

          <!-- img標(biāo)簽用來插入圖片，src="圖片路徑"，alt屬性可選，用來描述圖片, <img src="圖片路徑" alt="圖片的說明（可選）"> -->
          這是一張圖片，注意這里的img標(biāo)簽形式，這是個單標(biāo)簽
          <img src="圖片地址" alt="圖片的說明（可選）">

          <!-- a標(biāo)簽用來添加超鏈接 ，target="_blank"屬性用來點擊鏈接后跳轉(zhuǎn)到新的瀏覽器頁簽 href="需要跳轉(zhuǎn)到的網(wǎng)址或是文件"-->
          <a href="需要跳轉(zhuǎn)到的網(wǎng)址或是文件，如" target="_blank">這個是文字的鏈接，也可以在其他內(nèi)容上添加（比如圖片）</a>

          <!-- p標(biāo)簽用來填入文字 -->
          <p>在這里填入文字</p>
          <p>在這里填入文字</p>

          <!-- span標(biāo)簽用來添加文字等，屬于行內(nèi)元素 -->
          <span>在這里添加你想要的內(nèi)容</span><span>!!!!!!這里是另外一段內(nèi)容</span>

          <!-- 這里說說塊元素和行內(nèi)元素，像上面的P標(biāo)簽就是塊元素，它獨占一行， span標(biāo)簽就是行內(nèi)元素，可以在一行中顯示多個span標(biāo)簽內(nèi)容 -->

          <!-- br標(biāo)簽用來換行 -->
          <br>

          <!-- h1至h6是有固定大小的標(biāo)題/文字標(biāo)簽 -->
          <h1>這是h1里的內(nèi)容</h1>
          <h2>這是h2里的內(nèi)容</h2>
          <h3>這是h3里的內(nèi)容</h3>
          <h4>這是h4里的內(nèi)容</h4>
          <h5>這是h5里的內(nèi)容</h5>
          <h6>這是h6里的內(nèi)容</h6>

          <!-- ul 和li是固定的搭配，是無序列表，可以有N個li -->
          <ul>
          <li>這里是無序列表1</li>
          <li>這里是無序列表2</li>
          <li>這里是無序列表3</li>
          </ul>

          <!-- ol 和li是固定的搭配，是有序列表，可以有N個li -->
          <ol>
          <li>這里是有序列表1</li>
          <li>這里是有序列表2</li>
          </ol>

          <!-- table 、tr 和 td是固定搭配 ：table是表格，tr是表格里的行，td是表格里的列， 表格里可以有N行 N列-->
          <table>
          <tr>
          <td>表格中第一行的第1列</td>
          <td>表格中第一行的第2列</td>
          </tr>
          <tr>
          <td>表格中第二行的第1列</td>
          <td>表格中第二行的第2列</td>
          <td>表格中第二行的第3列</td>
          </tr>
          </table>
          ?
          </body>
          </html>
          上面的內(nèi)容已經(jīng)大致了解了吧？下一篇我們將介紹各種常用到的樣式，讓各個標(biāo)簽更加的美觀。記得關(guān)注一下哦！
          覽器支持
          所有主流瀏覽器都支持 <a> 標(biāo)簽。
          標(biāo)簽定義及使用說明
          <a> 標(biāo)簽定義超鏈接，用于從一個頁面鏈接到另一個頁面。
          <a> 元素最重要的屬性是 href 屬性，它指定鏈接的目標(biāo)。
          在所有瀏覽器中，鏈接的默認(rèn)外觀如下：
          • 未被訪問的鏈接帶有下劃線而且是藍色的
          • 已被訪問的鏈接帶有下劃線而且是紫色的
          • 活動鏈接帶有下劃線而且是紅色的
          提示和注釋
          提示：如果沒有使用 href 屬性，則不能使用 hreflang、media、rel、target 以及 type 屬性。
          提示：通常在當(dāng)前瀏覽器窗口中顯示被鏈接頁面，除非規(guī)定了其他 target。
          提示：請使用 CSS 來改變鏈接的樣式。
          HTML 4.01 與 HTML5之間的差異
          在 HTML 4.01 中，<a> 標(biāo)簽既可以是超鏈接，也可以是錨。在 HTML5 中，<a> 標(biāo)簽是超鏈接，但是假如沒有 href 屬性，它僅僅是超鏈接的一個占位符。
          HTML5 有一些新的屬性，同時不再支持一些 HTML 4.01 的屬性。
          屬性
          New ：HTML5 中的新屬性。
          屬性值描述
          charsetchar_encodingHTML5 不支持。規(guī)定目標(biāo) URL 的字符編碼。
          coordscoordinatesHTML5 不支持。規(guī)定鏈接的坐標(biāo)。
          downloadNewfilename指定下載鏈接
          hrefURL規(guī)定鏈接的目標(biāo) URL。
          hreflanglanguage_code規(guī)定目標(biāo) URL 的基準(zhǔn)語言。僅在 href 屬性存在時使用。
          mediaNewmedia_query規(guī)定目標(biāo) URL 的媒介類型。默認(rèn)值：all。僅在 href 屬性存在時使用。
          namesection_nameHTML5 不支持。規(guī)定錨的名稱。
          relalternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag規(guī)定當(dāng)前文檔與目標(biāo) URL 之間的關(guān)系。僅在 href 屬性存在時使用。
          revtextHTML5 不支持。規(guī)定目標(biāo) URL 與當(dāng)前文檔之間的關(guān)系。
          shapedefaultrectcirclepolyHTML5 不支持。規(guī)定鏈接的形狀。
          target_blank_parent_self_topframename規(guī)定在何處打開目標(biāo) URL。僅在 href 屬性存在時使用。
          typeNewMIME_type規(guī)定目標(biāo) URL 的 MIME 類型。僅在 href 屬性存在時使用。注：MIME = Multipurpose Internet Mail Extensions。
          全局屬性
          <a> 標(biāo)簽支持 HTML 的全局屬性。
          事件屬性
          <a> 標(biāo)簽支持 HTML 的事件屬性。
          創(chuàng)建超級鏈接
          本例演示如何在 HTML 文檔中創(chuàng)建鏈接。
          將圖像作為鏈接
          本例演示如何使用圖像作為鏈接。
          在新的瀏覽器窗口打開鏈接
          本例演示如何在新窗口打開一個頁面，這樣的話訪問者就無需離開您的站點了。
          創(chuàng)建電子郵件鏈接
          本例演示如何鏈接到一個郵件。（本例在安裝郵件客戶端程序后才能工作。）
          創(chuàng)建電子郵件鏈接 2
          本例演示更加復(fù)雜的郵件鏈接。
          使用錨跳轉(zhuǎn)到同一個頁面的不同位置
          本例演示如何使用錨的 id 屬性跳轉(zhuǎn)到頁面的不同位置（ HTML5 不支持 name 屬性）
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          例
          以下代碼標(biāo)記了一個段落：
          <p>這是一個段落。</p>
          瀏覽器支持
          目前大多數(shù)瀏覽器支持 <p>標(biāo)簽。
          標(biāo)簽定義及使用說明
          <p> 標(biāo)簽定義段落。
          <p>元素會自動在其前后創(chuàng)建一些空白。瀏覽器會自動添加這些空間，您也可以在樣式表中規(guī)定。
          在HTML 4.01 與 HTML5中的差異
          HTML 4.01中標(biāo)簽的 align 屬性已經(jīng)廢棄，HTML5不支持該屬性。
          屬性
          屬性值描述
          alignleftrightcenterjustifyHTML5不支持。 HTML 4.01已廢棄。 不贊成使用。請使用樣式取代它。 規(guī)定段落中文本的對齊方式。
          全局屬性
          <p> 標(biāo)簽支持全局屬性，查看完整屬性表 HTML全局屬性。
          事件屬性
          <p> 標(biāo)簽支持所有 HTML事件屬性。
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
无码乱人伦一区二区亚洲|
免费无码一区二区三区蜜桃大|
波多野结衣高清一区二区三区|
性色av闺蜜一区二区三区|
国产一区二区三区久久|
精品国产免费观看一区|
精品无码一区二区三区亚洲桃色|
高清在线一区二区|
精品国产一区二区三区久久久狼|
亚洲中文字幕丝袜制服一区|
国产精品一区二区综合|
亚洲午夜精品一区二区麻豆|
一区二区三区国产精品|
久久精品一区二区三区日韩|
中文字幕一区精品|
国产AV午夜精品一区二区三|
亚洲日本一区二区一本一道|
欧洲精品一区二区三区在线观看
|
精品伦精品一区二区三区视频|
亚洲AV无码一区二区三区牲色|
精品三级AV无码一区|
精品一区二区三区在线播放视频|
国产成人精品一区二区三区免费|
国产成人精品一区二区三区|
精品福利一区二区三区精品国产第一国产综合精品
|
无码中文字幕人妻在线一区二区三区
|
av无码人妻一区二区三区牛牛|
日韩一区二区在线观看|
久久久久人妻一区精品|
一区免费在线观看|
日韩精品无码视频一区二区蜜桃
|
四虎永久在线精品免费一区二区|
欧美日韩精品一区二区在线观看
|
91一区二区视频|
无码播放一区二区三区|
国产免费一区二区三区VR|
亚洲美女高清一区二区三区|
国产在线精品一区免费香蕉|
亚洲一区二区在线免费观看|
91视频国产一区|
内射白浆一区二区在线观看
|