1. 程式人生 > >HTML學習總結

HTML學習總結

html

HTML學習總結

一、常用標簽

自己常用標簽有html、title、head、body、div、h、p、a、img、input、table、br、ul、dl、ol

1、html、title、head、body標簽(4個)

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>


</body>

</html>

2、div、h、p標簽(3個)

1) h標簽是標題標簽,h1為最大的標題標簽,h6位最小的標簽;

2) p標簽是段落標簽,一個<p> </p>中的內容表示一個段落,內容不一定是文字;

3) 用於排版最大的段落標簽,主要用於排版。

3、a標簽(1個)

a標簽用於定義超文本標記符號,主要功能有一下兩個:

》》》跳轉

》》》瞄 如:href="#某個標簽的id",直接跳轉到下一個標簽位置

4、img標簽(1個)

img標簽的作用是加入對應的圖片。例如:

<img src="1.jpg" title="百度" height="300" width="400" alt="百度">

1) src="" 引號中間接圖片的地址

2) title="" 引號中寫圖片的標題,鼠標放上去就會顯示

3) 當圖片找不到時,就會顯示引號中的文字

4) height和width分別為圖片的高度和寬度

5) 設置圖片超鏈接的方法:<a href="www.baidu.com"><img src=""></a>

5、input輸入框標簽(1個)

用於收集用戶信息,例如:

<input type="text" value="username">

1) type的種類有以下幾種:

》》》text 文本 》》》submi 提交

》》》image 圖片形式(認為文字) 》》》radio 單選框

》》》checkbox 復選框(設置默認值:checked="123")

》》》password 密碼

2) name、value屬性

以上所有type種類中大部分可以添加value和name屬性。

》》》name:方便後臺提取數據,不在瀏覽器中顯示;

》》》value:默認顯示的值

6、table標簽(1個)

table標簽是為了打出表格,例如:

<table>

<tr>

<th>姓名</th>

<th>出生日期</th>

<th>年齡</th>

</tr>

<tr>

<td>張三</td>

<td>19800101</td>

<td>35</td>

</tr>

</table>

》》》一個table代表一個表格

》》》一個tr表示一行

》》》一個td表示一個格子裏面的內容

》》》合並一行中兩個表格方法:

》》》合並一列中兩個表格的方法

7、br標簽(1個)

br標簽是換行標簽,可以寫在很多地方。

8、ul標簽

9、dl標簽

10、ol標簽








本文出自 “doublelinux” 博客,謝絕轉載!

HTML學習總結