DHTML【2】--HTML
通過題目，大家已經明確知道，從這一節開始介紹DHTML中的最基礎的部分HTML，對于HTML等概念上一節已經做了概述，這一節不再贅余。在學習HTML之前，先告訴大家一個好消息，HTML不難，比C++、Java等語言的面向對象簡單很多，并且你也不用安裝龐大的Eclipse和Visual Studio，只要有瀏覽器就可以運行，哈哈哈，慢慢得意去吧，當然你也會慢慢發現的。
HTML是DHTML中最基礎的部分，也是DHTML中最先出現的內容，因為只有有了HTML標簽內容，DOM才會產生DOM樹，因為現在沒有學這些就不再提了，我們就從最簡單的開始。
為了體驗HTML的神奇，你可以打開一個記事本程序，然后在里面寫如下代碼：
<html>
<head>
</head>
<body>
Hello HTML!
</body>
</html>
寫完代碼保存，然后把文件的擴展名改為html，不知道什么是擴展名的可以繞過啊，最后用你的瀏覽器打開這個文件，奇跡便出現了，你制作滴屬于你自己的第一個網頁就出來了，當然只有一句Hello HTML，不要急，畢竟出來了，良好的開端便是成功的一半。
簡單的說完了，下面就該介紹難一點的了，先不忙，工欲善其事必先利器，打開上一節給大家共享的HTML幫助文檔。我給大家分享的是HTML5的幫助文檔，HTML5是一個非常強大的標記性語言，在這里學習HTML用也可以。
打開目錄會發現，全是標簽，沒錯，全是標簽，這未免也太簡單了吧，沒錯就是這么簡單，再牛逼的網站都是這些標簽組成的，所以牛人和你用的是一套標簽，只是牛人比你更有思想，那么怎么才能有牛人的思想呢？那就學習唄，學習完了再想，沒學想也是白想。
? ?我這里主要介紹常用的標簽，不常用的標簽大家自己看幫助文檔自己體驗吧，太簡單了。
如上圖，其實上圖是一個簡單的DOM樹結構，深層次的就不提了，上面的標簽×××的就不介紹了，主要讓讀者自己探索，接下來我就開始介紹紫色的標簽。
由上圖我們就可以看出來，HTML代碼分為兩部分，一部分是HEAD（頭），一部分是BODY（身體），各自有各自的子節點，HEAD的Style節點主要用于嵌入CSS樣式的，這里先不介紹，以后介紹CSS時一起介紹，Script節點主要是嵌入Javascript腳本的，當然也可以嵌入其他腳本，但是這里只介紹Javascript腳本，因為Javascript越來越火了，因為它的存在后續又誕生了很多更好技術，像Jquery和Ajax等了，所以Script節點這里也不介紹餓了，等以后介紹Javascript時一起介紹。
那么介紹這些標簽該從哪個開始介紹呢？從最底層的開始吧，因為沒有最底層的東東，介紹Div比較抽象，由于篇幅問題，本節只介紹<Table>。
在學習之前先看一下Table標簽的層次的結構，上圖就有。Table標簽是干什么用的呢？Table是用來定義表格。在標簽內部，你可以放置表格的標題、表格行、表格列、表格單元以及其他的表格。其實早期的網站，為了看起來非常直觀工整，都是用Table標簽做的。下面我們按著上圖的層次結構把代碼寫下來：
<table>
<tbody>
? ?<tr>
? ? ? <th></th><th></th><th></th>
</tr>
</tbody>
<tbody>
? ?<tr>
? ? ? <td></td><td></td><td></td>
</tr>
</tbody>
</table>
從代碼我們可以看出，tr代表一行，th和td代表的都是單元格，而非列，th和td到底有什么區別呢？試試就知道了，那么tbody是什么作用呢？tbody有一個非常貼心的作用就是，如果我們不加tbody，tbody會默認加到table標簽內，那樣的話，當我們打開一個表格的時候，只有當表格數據全部加載完成時才會顯示給用戶，如果我們把每行都加tbody標簽，那么當每行數據加載完成時，加載完的數據就會顯示到表格中，這樣會使用戶感覺更有親和力。
下面給出一個簡單的例子，供大家參考，關于表格的學習，不能只停留在下面的例子，還要根據幫助文檔和常見網站的布局多練習多體驗，這樣才能做到熟能生巧，才會變成牛人。什么是牛人？牛人就是把別人不愿意做的事情做了很多遍，于是便成了牛人。
例子：
<table>
<tbody>
? ?<tr>
? ? ? <th>姓名</th><th>年齡</th><th>性別</th>
</tr>
</tbody>
<tbody>
? ?<tr>
? ? ? <td>張三</td><td>13</td><td>女</td>
? ?</tr>
<tr>
? ? ? <td>李四</td><td>14</td><td>男</td>
? ?</tr>
? ?<tr>
? ? ? <td>王二</td><td>12</td><td>女</td>
</tr>
</tbody>
</table>
運行完后發現，沒有邊框呢？嘿嘿，這就得需要用到table的屬性了，太簡單了，不介紹了，自己看著幫助文檔實現吧。再見。
轉載于:https://blog.51cto.com/jhq0113/1260913
總結
以上是生活随笔為你收集整理的DHTML【2】--HTML的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 大数据虚拟化零起点-5基础运维第四步-部
- 下一篇： zoj 2709 Lottery 组