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

 我們還有一些表單元素,我們一起來看看吧

<form action="提交地址" method="提交方式" name="表單名字">
      <input type="類型">
           type="text" 單行文本輸入框
           type="password" 密碼框
           type="submit"    提交按鈕
           type="reset"    重置按鈕
           type="button"    空按鈕(如果要做功能,需要結合js)
                    
                    
           name="名字"
           value="值"
           maxlength="允許輸入的字元個數"
           size="設置元素顯示的寬度"
                    
           get和post的區別:
           get:在地址欄提交,有長度限制,可能造成數據丟失,一般提交的數據較短,明文可見,不安全,就算加密,也比較容易破解
           速度較快,如果只考慮速度,那就用get
                    
           post:不在地址欄提交,安全,沒有長度限制(理論上是有長度限制),一般提交的數據較大,速度較慢,
</form>

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

Tags: