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


