html零基礎者入。
記得學計算機網絡的時候好像有學過一些HTML，但沒運用起來都忘光了。近來想學學如何寫網頁。就從html（HyperText Markup Language超文本標記語言）入手了。以下就記錄一些基本的語法以及操作。深入學習估計還要繼續研究css，html5之類。開始吧。動起手來，個把小時就掌握了。
我的默認瀏覽器是chrome，用的是win7，理論上是有文本編輯器，有瀏覽器就可以開始網頁的基本編寫了。新建一個記事本，顯示后綴名，win7的修改后綴名是在：
資源管理器--(左上角)組織--文件夾和所搜選項--查看--然后把隱藏已知文件類型擴展名前面的勾打掉就行，如果想隱藏就打勾。
新建一個txt文本文件，so easy吧，test.txt，直接重命名為test.htm或者test.html，然后確定確實要更改選項。就成了HTML文件了，直接點擊打開的話就是在瀏覽器中打開，我們要編輯的話，需要右鍵，選擇打開方式，我用的是notepad++（可以去下載個，免費的），或者右鍵找到用記事本打開也行，不過建議不用記事本，因為縮進之類的會很麻煩。從長遠的看，去下載個notepad++ 吧，編輯起來也方便。就試試效果的話記事本也行。
現在就可以試試基本語句了。
html語言的基本格式是’單書名號‘（我瞎起的名）也就是“<~>” 和<~/>，所以我們可想而知了，所有的html語句應該要包含在<html> ~ </html>中間，簡單的在剛剛新建的test.html中寫入語句 <html> 這是我的網頁 </html>就會顯示了。去試試吧。
因為我們不是單純的顯示而已，所以要在框架中操作，以下是基本的框架，head中是寫一些網頁相關信息例如<title>~</title>放在head中可以顯示最上角的網頁標題，body則是網頁的內容
<html>
<head> ~ </head>
<body> ~ </body>
</html>
1. 知道基本框架了，就一條一條的語句來熟悉吧，我們可以再body的~中添加如下的語句試試效果。
<b>將中間文字顯示成粗體</b> 英文bold所以是b
<i>斜體</i> 英文italic所以用i
<b><i>又粗又斜</i></b>
<p>普通段落，顯示后換行</p> 英文paragraph
<br/> 末尾加這個就是換行，所以顯示一行文字后加它的效果和換行一樣 英文好像是break就去br換行
<hr/> 顯示一條水平直線 英文horizontal line
<!-- 這個是注釋語句 -->
<small> 顯示小字體 </small>
<h1> </h1> h1標題，類推直至有h6標題，字體一次減小
2. 以上都學好了，基本的文本顯示應該就會了。下面學學列表。表格分為有序表和無序表即ordered list(ol) 和 unordered list(ul)
<ol>
<li>這是第一項</li>
<li>這是第二項</li>
</ol>
去試試顯示效果吧，同理，ul的吧ol改為ul就好。so easy吧。一定要動起來。
3. 到這里是不是迫不及待想知道怎么五彩繽紛，那我們就學學怎么設置顏色吧。顏色就是字體顏色和背景顏色對吧。
例如我們要將一段話顯示為紅色，那么就用
<p style="color:#ff0000"> 這段話是紅色 </p>
記住格式了，是用style等號然后引號color 后面的十六進制的數字是可以通過查表得到的，普通的顏色可以用red或者blue之類的單詞代替，想要自己喜歡的顏色，可以搜索一下RGB顏色表就有了。背景的話就用
<p style="background_color:#ff0000"> 這段話的背景顏色是紅色 </p>
4. 既然學會背景顏色了，我們是不是也可以插入自己的圖片當做背景呢。是的。
<img src="xx.jpg/jpeg/png/gif" alt="加載圖片時顯示我"> 就這樣插入圖片了哦，圖片加載默認全部平鋪，如果想改變位置和平鋪方式還需借助css(我可能之后還會寫下)。暫且了解這個功能吧。
5. 網頁的鏈接無處不在啊，方便了許多體驗，現在我們學學如何設置鏈接
<a href="http://www.baidu.com"> 點這里是百度的鏈接 </a> 英文好像是anchor，簡稱a
href是超鏈接的意思hyper reference吧
除用網址外，我們通常需要鏈接到自己寫的其他網頁，那么只要加上相對路徑就好了，和當前html同個目下下的話直接“XX.html”就可以了，如果上一級就用“../XX.html”類推下一級也會吧。
我要鏈接到當前網頁的某段話怎么做呢，這個時候就要設置id號了，例如先在<p>中設置id然后鏈接如下：
<p id = "pid1"> 鏈接過來 </p>
<a href = "#pid1"> 點這里鏈接到上面那段話 </a> 注意那個#號不要忘記了，之前的顏色值之前也要加#還記不記得。
哈哈，不得了了，現在連鏈接都學會了，還有什么學不會呢，對吧。
6. 再來學學表格吧，之前學的列表還記得嗎，不記得了往回看吧。
<table>
<tr>
<td>第一行第一列數據</td>
<td>第一行第二列數據</td>
</tr>
...
<tr>
<td>第n行第一列數據</td>
<td>第n行第二列數據</td>
</tr>
</table>
一目了然了吧，tr就是table row，表示表格的一行，td就是table data，表示那一行中要顯示的數據。要顯示顏色就按照之前的方法加就可以了，例如我要td中的顏色為紅色那么
<td style="color:#ff0000"> td中顯示紅色字體</td>，一次類推，背景顏色也會設置了吧，能不能不看之前的就能設置背景顏色呢親。試試吧。
基本的表格會了，我們來一些表格的高級屬性吧，用處挺大的。
<table border="1"> 邊框厚度，試試其他值看看效果去
<table width = "50%"> 表格占屏幕的比例，很有用哦
align是對表格，某行，或者某單元進行左，右，中對齊。left，right，center
<td align="center"> 這個數據項就要居中嘍 </td>
對於某單元來說是不是還有元素的上下中對齊方式呢，是的用valign.這個valign只能用於單元中，不像align還能修飾某行<tr align=" ">或者整個表格<table align=" ">
<td valign="top"> 這個單元靠上</td>
學會對齊方式了，我們再來一個終極絕招，合並單元格，這個屌吧！
colspan 跨列，就是指多個列合並一個，column span
<table border = "1">
<tr>
<td colspan="2"> 這個橫跨兩列</td>
</tr>
<tr>
<td>不跨</td>
<td>不跨</td>
</tr>
</table>
出現這個效果
同理你知道rowspan怎么用了吧。
到這里，恭喜你，已經入門了。基本的操作你都學會了。趕緊設計一個簡單的自己的網頁吧。
如果想學的更深入一些，設計的更好一些，有興趣的話再去學學css（cascading style sheets級聯樣式表）的入門。