前言：
在學習基本的語法之前，最重要的一點就是要記得有開始就有結束。每個語法都是有開始就有結束。比如說：有<font ...>的出現，一定會有</font>來做個了結尾，有<a href=.....>的出現，就一定會有</a>來做個結尾。有<script>就一定有</script>做了結。如果你的語法沒做個結尾的話，那麼，在執行的時候就會產生問題。以下我就簡單分幾個單元來介紹：
單元1--關於字的設定
改變字體顏色的語法：
<font color=blue>文字內容</font>
當中紅色的部分就是可以修改的部分，可換成其他的【顏色單字】或【顏色碼】。比如說把上面的【blue】置換成【yellow】那字就會變成黃色了；也可以把blue直接換成【009900】，你會發現字居然變成綠色了。009900是字型的顏色碼
字的大小的語法：
<font size=5>文字內容</font>
↑上面這個語法的意思是，把你所打的字變大。你也可以把5置換成2，你就會發現字變縮小了。
字的字型的語法：
<font face="標楷體">文字內容</font>
↑這個語法的意思是把字改成標楷體，當然可以把"標楷體"這三個字，改成"細明體"...等，妳所想要顯示的字體。
字的型態的語法：
1．<i>文字內容</i>--------→把字變成斜體囉！
2．<b>文字內容</b>---------→把字變成粗體囉！
3．<u>文字內容</u>---------→在字的下方出現底線!
當然你也可以把字的型態給綜合起來。
<i><b>文字內容</i></b>---------→斜體加上粗體的用法，變粗斜體。
單元2--關於字的對齊
1、置中
<p align=center>這是置中</p>
2、靠左
<p align=left>這是靠左</p>
3、靠右
<a align=right>這是靠右</p>
單元3--關於段落(換行、分段)
1、換行
文字內容<br>文字內容<br>
↑<br>的意思隔一行，如果沒有<br>這個語法的話，那麼字都會連在一起，而不是分隔一行。
2、分段
文字內容<p>文字內容<p>
↑<p>的意思是分段，而且分段分的比<br>還大喲！
3、分隔線
<HR>→加上分隔線
單元4--關於背景語法
1、插入背景
<body background="圖片位址">
上面所謂的圖片位址，即是指背景圖在網路上所存放的位置，如：http://........./aaa.gif
2、加入背景浮水印
在背景語法中加入【bgproperties="fixed"】，就會有浮水印的功效。
例如：<body background="圖片位址" bgproperties="fixed">
單元5--加入圖片的語法
1、插入圖片
<img src="圖片位址">
2、設定圖片的高度&寬度
<img src="圖片位址" height=數字 width=數字>
3、替代顯示文字
將滑鼠移至圖片上頭，等待一下，就會有字跑出來。這就是替代顯示文字。
替代顯示文字的語法如下：
<img src="圖片位址" alt="文字內容">
單元6--教您如何插入背景音樂
[事前準備]
midi的音樂檔，若沒有，請在奇摩搜尋上打上midi，或背景音樂查尋。
其背景音樂的語法如下：
<bgsound src="音樂名稱.mid" loop="-1">
↑loop="-1"的意思是無限循環播放。
單元7--關於連結的語法
1、如何做連結？
<a href="連結網址">網站名稱</a>
例如：<a href="http://www.kimo.com.tw">奇摩站</a>
2、如何做E-mail連結？
<a href="mailto:自己的e-mail">E-mail給我</a>
↑在mailto:後頭打上你的E-mail。如此一來，這樣就是個E-mail連結了。
3、如何跳出新網頁？
如果說，你想按了連結，不要在原視窗顯現，而是跳出新的視窗顯現的話，那麼你可以在連結的語法中，加上【target="_blank"】這個語法
例如：<a href="http://www.kimo.com.tw" target="_blank">奇摩站</a>
單元8--跑馬燈語法
1、文字跑馬燈
<marquee behavior="alternate" bgcolor="yellow">文字內容</marquee>
另一簡單語法
<marquee>文字內容</marquee>