html的基本標籤

當我們需要寫頁面的時候，肯定會用到一些html的基本標籤，現在我們就來羅列下我們常用的html的基本標籤有哪些

首先我們開始頁面之前，我們需要寫宣告文件型別，以便我們的瀏覽器方便閱讀

<!doctype html><!--申明文件型別 html-->
<html><!--頁面開始-->
    <head><!--頭部開始-->
        <title>xxx</title><!--標題-->
        <meta charset="utf-8" /><!--申明編碼集-->
　　 <style></style><!--如果需要寫樣式需要在style裡面寫-->

        
    </head><!--頭部結束-->

    <body><!--身體開始-->
　　 <!--裡面寫我們的頁面架構-->

　　 </body><!--身體結束-->
    
    
</html><!--頁面結束-->

上面的程式碼流程就是我們寫頁面前需要準備的

那我們常用的基本標籤有哪些呢

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<!--h1~h6標籤，常用來寫標題的-->

<i></i>
<em></em>
<!--這兩個是設定斜體字的標籤-->

<b></b>
<strong></strong>
<!--這兩個是設定粗體字的標籤-->

<u></u>
<!--這個是下劃線標籤，特點是佔據自己內容位置的大小，給文字新增下劃線-->

<br /> 換行標籤(空標記)
<hr /> 水平線標籤(空標記)

<sub></sub>下標標籤
<sup></sup>上標標籤

<p></p>
<!--段落標籤，特點是單獨佔據一行,可以巢狀文字 非單獨佔據一行的標籤 可以插入圖片-->

<span></span>
<!--文字節點標籤，特點是隻佔據自己內容大小的位置，一般結合css體現樣式-->

<a href=""></a>
a擁有的屬性分別是
    href="跳轉地址"
    target="頁面開啟方式"
    _self 在當前頁面重新整理(預設值)
    _blank 在新視窗中開啟
    title="滑鼠移入的提示文字"
    擴充:
    rel="nofollow"指定當前頁面與被連結的頁面之間的關係
<!--超連結標籤，特點是實現頁面與頁面之間的跳轉，只佔據自己內容大小的位置，預設文字藍色帶有下劃線-->

img:圖片標籤
    src="圖片路徑"
        	相對路徑:
        	    相對某一個資料夾
        		tupian/1.jpg
        		./longmao.jpg
        	絕對路徑:
        		從碟符出發的路徑
        		域名地址
        						
        	../ 返回上級目錄
        	./ 在當前目錄
        					
        	alt="文字資訊"
        	title="提示文字"
        	width="寬度"
        	height="高度"
        	注意:只寫寬度或者高度，另一邊等比例縮放


<div></div>盒子標籤,特徵:單獨佔據一行，用來搭建頁面結構

表格標籤
table: 表格標籤
    tr:行
    td:單元格
        					
    border="設定邊框"
    bordercolor="邊框顏色"
        					
    cellspacing="單元格邊框與邊框之間的距離"
    cellpadding="單元格與內容之間的距離"
    注意:給table新增
        					
     align="表格水平位置"
     left 在左邊
     center 在中間
     right 在右邊
        						
     width="寬度"
     height="高度"
        					
      colspan="合併列" 左右合併
      rowspan="合併行" 上下合併
      注意:給td新增，合併幾個，數字寫幾

列表標籤:
ul > li:無序列表標籤
	type="disc預設值實心圓 circle square"通常不用，因為醜還不好控制 去掉小黑圓點list-style:none; 
        特徵:單獨佔據一行，一般用來做單導航，列表

ol > li:有序列表
        type="a/A/1/i/I"修飾符號，通常不用，start="3"從第三個開始

dl > dt + dd:自定義列表標籤
        特徵:單獨佔據一行，一般用來做雙導航，一個dl裡面只有一個dt，可以有多個dd

　以上就是我們html常用的標籤，如果還需要用到其他的標籤，可以去我們的W3C查詢，謝謝

html的基本標籤

相關文章