html基礎學習筆記（1）
經過1天多的艱苦奮戰，終於把html（Hypertext markup language）的基礎教程給看完了。
這次為了xml而看了這“古老”的技術，還是有點收穫的。。總體來說，雖然不是很熟練，但是看懂一般的html網頁原始檔已經不是問題了。閒來無事，就寫寫筆記吧，說說感受也好！
1總體架構
html給我的感覺是很標準，很有格式的。最主要的程式碼特點就是標記成對的出現，雖然有些可以省略，但是建議除非太過煩瑣還是把前後都加上去吧！作為一個完整的html網頁，總是有頭部，主體和結尾3大部分，分別用<head></head>,<body></body>和</html>表示。另外，一個重要特性就是可以自定義風格（CSS），這是非常方便的，類似於程式語言的類的功能吧！同時，還可以嵌入其他script來增強其互動功能。而對於相當重要的標記，也只是由頭部標識和屬性所組成。（<標識 屬性1 屬性2 屬性3...>）看來，學習html是學習其他網頁尾本語言的基礎吧，同時對於學習視覺化網頁設計也是有幫助的（這麼說應該不過分吧！）！，下面就讓我們一起來詳細分析各個部分的構成元素。
2常見標記介紹
其實大多數html網頁的標記不多，就只有10幾個吧！（看到這裡，好！）這裡主要介紹一下常見的控制檔案的外觀和佈局的標記！
<h>:從<h1>到<h6>所標識的字型依次減小，一般來說，<h1>用來標記檔案標題<h2>用來標記一章的標題<h3>用來標記章節的標題，<h6>則是來作為小字印刷，如版權資訊等等。
<p>和<br>:基本類似於回車鍵的功能，而<p>可以插入空格，同時也可以附帶屬性，如<p align=right>效果<p>（預設情況是左對齊，左對齊很多排列方式的預設情況）
<div>:雖然類似於<p>,也可以使用align屬性，但是在使用風格表格時功能強大。（風格表格見後）
<hr>:可以產生一條水平線，對於組織格式是很有幫助的。
在這裡應該說一說邏輯標記和物理標記的差別：物理標記表明資訊的外觀，而邏輯標記表明資訊的語義。從適用範圍來說，使用邏輯標記更值得推薦，因為邏輯標記表示的是本質特性，不隨瀏覽器的變化而變化！
邏輯標記：<cite><dfn><strong><code><ins><del>（注：大家可以自己測試一下，看看有什麼效果，其中ins和del是很有用的標記，特別是在多人合作開發的時候，看字面應該知道這兩個是幹嘛的吧！）
物理標記：<i><t><tt><big><small><sub><sup><strike>（注：大家測試吧，動手最重要◎）
3連結
連結是超文字（Hypertext）格式的重要實現方式，而使用的就是錨（Anchor）（，所以縮寫也就是<a>）,
一個典型的錨標記的定義：<a href="目標頁面">啟用熱區</a>（注：href：hypertext reference,就是連結到哪裡），現在分情況介紹：
1）外部連結
1。1非本地檔案：<a href="http://www.zsu.edu.cn">中山大學</a>（這個很明顯，不用解釋了）
1。2其他形式的非本地資源：<a href="ftp://ftp.zsu.edu.cn">中山大學</a>（ftp資源）
<a href="mailto:[email protected]">我的email</a>（email資訊）
1。2本地檔案：<a href="另一個網頁.html">另一網頁？</a>（同一資料夾的，當然也可以給出完整路徑咯）
<a href="../另一個網頁.html">另一網頁？</a>（上一級別資料夾的）
（注：../表示上一級資料夾，同樣../../就表示上上一級）
2）內部連結
什麼是內部連結，就是在同一個網頁裡邊的連結！這樣做是為了避免網頁太大而造成的瀏覽麻煩！
步驟：首先要定義一個引用目標錨，然後在另一處定義被錨引用的目標！看例子吧◎
<a herf="#top">top</a>（其中＃top定義了該錨）
<a name="top">top</a>（這裡就引用了該錨）
(注：這種方法最常見的應用就是網頁上經常看到的網頁最下邊的“返回頂部”了)
4影象
使用影象：<img src="影象檔案">（注：影象檔案路徑與連結路徑相同）。在這裡可以加入提示屬性<alt>，如<img src="圖片.gif" alt="圖片">（注：看看有什麼效果，如果圖片不存在，會怎樣呢？）
1）對齊方式：預設是左對齊，可以使用<div align=..>進行更改。
2）高度和寬度：<img src="圖片.gif" height=34mm width=34mm>（注：看明白了吧！不過應該注意的一點是，在ie裡邊高度和寬度的比例應該與源圖相同，不然就顯示不了，已在我的機子上測試過了）
3）四周區域和邊框：<img src="影象檔案" border＝4 hspace=5 vspace=5>（注：很簡單吧，測試一下吧！還有，邊框預設情況是沒有的，但是對於有連結的圖來說，有個框框還是很好的）
啊。。今天就到這裡吧。。下次繼續。。