Html的基礎知識，基礎標籤的應用

       這兩天已經學習了html的基本標籤知識，下面將這兩天接觸到的內容作一個總結：

1.html 基礎標籤：

（1）內容的對齊方式：<td> 右對齊，<th>居中。

（3）&#160; 列表標籤:

演示列表：    
<d1>      
&#160;&#160;&#160; <dt>標題</dt>      
&#160;&#160;&#160; <dd>內容</dd>      
</d1>

項目列表標籤：    
<ol type="1">&#160; type裏的內容爲標籤內容的前標的形式      
&#160;&#160;&#160; <li>有序的項目列表</li>      
&#160;&#160;&#160; <li>有序的項目列表</li>      
&#160;&#160;&#160; <li>有序的項目列表</li>      
&#160;&#160;&#160; <li>有序的項目列表</li>      
</ol>      
<ul>      
&#160;&#160;&#160; <li>無序的項目標籤<li>      
&#160;&#160;&#160; <li>無序的項目標籤<li>      
&#160;&#160;&#160; <li>無序的項目標籤<li>      
</ul>

(4)文本標籤：

<font size=「」color=「 >文本內容</font>&#160;&#160; 文本相關的字體屬性均可經過font來設置

(5)轉義字符

< 等於<;&#160;

(6)圖片標籤：

<img src=「圖片地址」/>

這裏要注意的一點是&#160; 設置圖片地址時，若是圖片和html文檔不在一個文件下，要先經過在圖片地址前面加「..」將圖片的地址撤回到與文檔同一級別的目錄。

(7)表格：

<table border=「邊框的寬度」 bordercolor=」邊框的顏色」cellspacing邊框距離 cellpdding=」內容舉例邊框的距離」>

<tr>（行）

<td>（單元格）

單元格中的內容

</td>

</tr>

</table>

（8）超連接

<a herf=「鏈接地址，注意：地址以前須要加協議，如網頁就是http：//」,否則會被看成文件協議處理>須要超連接的內容</a>

超連接有兩個做用，一個是爲了鏈接資源，另外一個是定位

其中錨的做用就是定位：錨的代碼體現：<a name=」top」></a>

<a href=「#top」></a>

（9）在新窗口中打開

<target=」_blank」>

代碼體現：

<table>

<tr>

<td><a href="11.jpg" target="_blank">打開新窗口</a></td>

</tr>

</table>

(10)框架：

代碼體現：

<frameset rows=」20%,*」>

<frame src=」子版塊中要放入內容」>

<frameset cols=」20%,*」 noresize=」noresize」>

<frame src=」第一個板塊須要的內容」>

<frame src=」第二個板塊中須要的內容」’>

</frameset>

</frame>

noresize表示的是框架線固定

（10）畫中畫標籤

代碼體現：<iframe src=」須要插入的內容」 heigth=」」 width=」」>

（11）註冊表單

實例代碼：

表單頭和尾內容：

<fieldset>

<legend>填寫的內容</legend>

</fieldset>

表單：

<form action=」目標地址」 method=」get(或者post)’></form>

get 和post在應用上的區別：

get提交顯示在地址欄，提交敏感信息不安全，存儲的信息有限，get將信息封裝到了請求行，

而post把信息封裝到了請求體.

不敏感的信息可用get，通常用post

表單的一系列標籤：

<input type=」text」 name=」xxxx」/> 文本標籤

<input type=」password」 name=」xxxx」/>密碼標籤

<input type=」radio」 name=」sex」 value=」xxx」/><input type=」radio」 name=」sex」 value=」xxx」/>單選標籤

<input type=」checkbox」 name=」work」 value=」xxxx」/> ....這裏可寫多個.....多選標籤

<select type=」國家」>

<option value=」none」>選擇國家</option>

<option value=」cn」 selceted=」selected」>中國</option>

。。。。。。。

</select>

selceted=」selected這句爲默認的設置&#160;&#160; 下拉菜單標籤

<input type=」submit」 value=」提交」/><input type=」reset」 value=」清空」/>提交重置標籤

<input type=」button」 name=」」 value=」」 onclick=」alert(‘事件內容’)」/> 按鈕標籤和事件標籤

<input type=」hidden」 name=」」 value=」」/>隱藏標籤

<input type=」file」 name=」file」/>&#160; 上傳文件標籤

<input type=」image」 src=」圖片地址」> 圖片標籤，圖片可用來上傳

（12）一些其餘的標籤：

<b>加粗&#160; <i>斜體&#160; <u>下劃線&#160; <sub>下標 <sup>上標 <strong> 加粗

<marqee behavior="形式" direction="down">動態標籤&#160;&#160;

<pre> 將文本的內容原來的形式顯示在網頁上

以上是html基本的標籤知識，這兩天我會繼續增強這些知識的實際應用，也會繼續寫博客來總結所學的知識。