HTML基礎知識彙總,HTML(Hypertext Markup Language)是用於描述網頁文檔的一種標記語言。
1.HTML文檔主要由3部分組成。
開頭 |
<html> |
頭部 標題 |
<head> <tile>網頁標題</title> </head> |
內容 |
<body> 網頁內容 </body> |
結束 |
</html> |
2.<meta>標籤
Meta標籤:網頁信息.如:網頁編碼信息..
3.bgcolor=”#ffccff”;設置背景色.
Background=”back_image.gif”;設置背景圖片.
使用方法:
把網頁的背景色設置成綠色
<body bgcolor=”green”>網頁內容</body>
4.<font>標籤用於控制網頁上文本的顯示外觀.文本大小,字體類型,和顏色等屬性.
語法:
<font size=”+1” color=”red” face=”隸書”>
文本內容
</font>
說明:size屬性是用來設置字體大小,可以爲字體指定大小範圍爲1~7.最大爲7,最小爲1.
Color屬性用於指定字體的顏色,可以指定顏色名稱或十六進制值.
Face屬性用於指定字體類型.
5.列表
無序列表:語法;
<ul type=”circle”>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ul>
Type可以取DISE表示實心.CIRCLE表示空心圓.SQUARE表示空心正方形.
有序列表:語法:
<ol type=”1”>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ol>
Type可以取:1,a,A,i,I.分別表示數字序列,小寫英文字母序列,大寫字母序列.小寫羅馬序列,大寫羅馬序列.
6.超鏈接:用於創建超級鏈接,它是可以到另一個文檔或文件(圖形,音頻,視頻)甚至到同一文檔的另一部分的鏈接.
語法:<a href=”register/register.html”>註冊鏈接</a>
其中,href用來指定要鏈接的地址.鏈接的熱點文本.
鏈接到本頁面.
<a name=”marker”>錨點位置</a>
<a href=”#marker”>鏈接到錨點</a>
電子郵件鏈接
<a href=”mailto:[email protected]”>站長郵箱</a>
7.滾動<marquee>標籤.
語法:
<marquee scrolldelay=”100” direction=”up”>滾動的文字或圖像</marquee>
其中,scroldelay表示滾動延遲時間.direction表示滾動的方向,默認爲從右向左,它可以用4個值:up,down,left,right
8.表格
<table width="200" bgcolor=”green” border="1" cellpadding="5" cellspacing="5" > //tabel表格標籤
<tr> //tr行標籤
<td>一個單元格;</td> //td單元格標籤
<td colspan="2">跨兩列的單元格</td>
</tr>
<tr>
<td rowspan="2">跨兩行的單元格</td>
<td>一個單元格</td>
<td>一個單元格</td>
</tr>
<tr>
<td>一個單元格</td>
<td>一個單元格</td>
</tr>
</table>
其中,border爲表格邊框.colspan跨列,rowspan跨行,cellpadding填充,cellspacing間距.bgcolor整個表格的背景.
9表單
<form method="post" action=""> //表單標籤,表單開始
<input type="text" name="單行文本框" /> //單行文本框
<input type="password" name="密碼框" /> //密碼框
<textarea name="多行文本框"></textarea> //多行文本框
<input type="checkbox" name="checkbox" value="複選框" /> //複選按鈕
<input type="radio" name="RadioGroup1" value="單選" /> //單選按鈕
<select name="select"> //下拉列表
</select>
<input type="submit" name="Submit" value="提交" /> //提交按鈕
<input type="reset" name="reset" value="提交" /> //重置按鈕
<input name="瀏覽…" type="file" /> //瀏覽文件按鈕
</form> //表單結束
10. 框架
<frameset border=”5” rows=”20%,*”> 分成上下兩個窗口
<frame src=”top.html” name=”topframe” scrolling=”no” >沒有滾動條
<frameset cols=”20%,*”> 分成左右兩個窗口
<frame src=”left.html” name=”leftframe” scrolling=”no”>
<frame src=”right.html” name=”rightframe” >
</frameset>
分成左右兩個窗口,分別爲left和right窗口,顯示的文檔分別爲left.html和right.html
</frameset>
如何設置窗口鏈接的顯示位置.框架頁面之間的鏈接
1:設計好框架集頁面,併爲每個框架窗口定義名稱
如:<frame src=”right.html name=”rightframe”>
2:設置導航欄中的超鏈接的target目標窗口屬性,使其值爲框架窗口的名稱
如:<a href=”right.html” target=”rightframe”>
HTML本身不難理解,其實都是一些基礎性的知識,HTML中最重要的是表格和表單。假如要想了解更多HTML的應用使用HTML用戶手冊是一個很好的方法,那上邊有用法和實例所以說我們應該認真的品味編程的趣味。