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查找,謝謝