今天就是一個網頁的入門，說實話我不太想當前端工程師。因為 那些東西 不會按照我的想法來實現對應的效果。我只想做一個大概。我想做後端開發。如果能是伺服器端就很happy。如果能有 android的部分 就很happy。 然後現在就只是單單來寫一些對應屬性就好： 1、基本屬性： <font> 字體標簽，
今天就是一個網頁的入門，說實話我不太想當前端工程師。因為 那些東西 不會按照我的想法來實現對應的效果。我只想做一個大概。我想做後端開發。如果能是伺服器端就很happy。如果能有 android的部分 就很happy。
然後現在就只是單單來寫一些對應屬性就好：
1、基本屬性：
<font> 字體標簽，在裡面對應可以寫一些字體樣式，顏色，大小的屬性</font>
<br/>回車換行
<i>斜體字效果</i>
<u>下劃線效果</u>
20<sup>2</sup>可以用來顯示20的平方這樣一個效果
H<sub>2</sub>O 可以用來顯示水分子這樣一個效果
<s>刪除線，或者稱之為貫穿線</s>
<p align="left">
段落具有自動換行的屬性，我們添加了一個 向左對齊的方式。
</p>
<p align="center">
本段落居中對齊
</p>
<img src="文件路徑" width = "寬度" height="高度" title="當滑鼠懸於此圖片之上時，顯示的內容" alt="當圖片未載入完成，或者載入出錯時，顯示此部分內容" border="圖片邊框的粗細">
2、超級鏈接
超級鏈接這個標簽採用 <a></a> anchor 錨點的意思代表 這裡是一個鏈接操作，href是其中的屬性，代表我們將會取得地方，這對標簽之間可以添加對應的內容。
（1）文本鏈接
（2）圖片鏈接
（3）頁內鏈接
（1）
標簽之間的內容如果是文本的話就是 文本鏈接
<a name = "跳轉接收位置" >hello</a> <br/>
<a href ="鏈接1.html">相冊</a>
<a href ="鏈接2.html">說說</a>
<a href ="沒有定好的位置就先寫#">日誌</a>
<a href ="#表示當前頁">留言板</a>
<a href ="#">個人中心</a>
<a href ="3">系統設置</a>
（2）
標簽之間的內容如果是圖片的話就是 圖片鏈接
<a href="index.html" ><img src="圖片資源路徑" width="圖片的款" height="圖片的高"></a>
(3)
頁內鏈接，單擊此鏈接回到當前頁的對應位置
<a href="#">如果只是個#號就回到頁面最頂端</a>回到當前頁最頂端
<a href="#跳轉接受位置">如果href後面跟了#號並且#後面是某一個標簽兒元素的name的值，那麼就會跳轉到對應位置</a>
3、Image與map的組合使用：
<img src ="planets.gif" alt="Planets" usemap ="#planetmap" />
<map id ="planetmap">
<area shape ="rect" coords ="0,0,82,126" href ="sun.htm" alt="Sun" />
<area shape ="circle" coords ="90,58,3" href ="mercur.htm" alt="Mercury" />
<area shape ="circle" coords ="124,58,8" href ="venus.htm" alt="Venus" />
</map>
這是人家官方文檔裡面的例子，註意的是google chrome 和360 都不支持 只能用ie顯示，我也不知道 我的ie的版本是多少。Wow！竟然是 11竟然是版本號 11.
這算是做成了老師沒弄出來的東西。
4、滾動區域
同樣的這個 屬性在360裡面被屏蔽了，不能顯示，但是在ie裡面是可以顯示的。
<marquee behavior="alternate" direction="up" bgcolor="blue" height="200" width="200">
滾動區域
</marquee>
這個屬性老師講解的還是 比較清楚。就不太多贅述了
直接複製一個靠譜的 示例就可以了
<marquee> ... </marquee>
<marquee>移動文字！</marquee>
方向 <direction=#> #=left, right
<marquee direction=left>啦啦啦，我從右向左移！</marquee> <P>
<marquee direction=right>啦啦啦，我從左向右移！</marquee>
啦啦啦，我從右向左移！
啦啦啦，我從左向右移！
方式 <bihavior=#> #=scroll, slide, alternate
<marquee behavior=scroll>啦啦啦，我一圈一圈繞著走！</marquee> <P>
<marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee> <P>
<marquee behavior=alternate>啦啦啦，我來回走耶！</marquee>
5、列表
有序列表，無序列表。列表項。
註意層級嵌套關係就是了，這裡不做過多講述，等到創建一個電子筆記本的時候可以詳細練習一下。
<ul type="circle">
<li>水滸傳</li>
<li>三國演義</li>
<li>西游記</li>
<li>紅樓夢</li>
</ul>
<ol type="b" start="2">
<li>捉妖記</li>
<li>港囧</li>
<li>夏洛特煩惱</li>
<li>等自己拍是</li>
</ol>
列表嵌套:
<br/>
中國省份:
<ul>
<li>北京</li>
<ol >
<li>海澱</li>
<li>朝陽</li>
<li>昌平</li>
</ol>
<li>河北
<ul>
<li>石家莊</li>
<li>張家口</li>
<li>保定</li>
</ul>
</li>
<li>河南</li>
</ul>
6、表格
利用它實在做過一些東西，這裡面也不再過多贅述。
cellspacing 是指單元格之間的距離
celladding 是指單元格中的內容距離單元格邊框的距離。
Body中 內容頂格顯示：
<body topmargin="0"> 採用topmargin的屬性 並設置為0.
