<html>
<head>
<title>網頁教學網Dreamweaver教學（這是你的網站標題，也是瀏覽網頁時標題列將要顯示的內容） </title>
</head>
<body>
這裡是原始碼的主體部分！
</body>
</html>
HTML語言使用標誌對的方法編寫文件，既簡單又方便，它通常使用<標誌名>
來表示標誌的開始和結束(例如標誌對)，因此在HTML文件中這樣的標誌對都必須是成對使用的。
1 .<html></html>
標誌用於HTML文件的最前邊，用來識別HTML文件的開始。而標誌則相反，它放在HTML文件的最後邊，用來識別HTMLl文件的結束，它們並沒有實際意義，只告訴瀏覽器，它正在處理HTML文件。兩個標誌必須一塊使用。
2 .<head></head>
HTML檔案分為首部和主體兩部分。和構成HTML文件的首部，在此標誌對之間可以使用、
等等標誌對，這些標誌對都是描述HTML文件相關資訊的標誌對。兩個標誌必須一塊使用。
3 .<title></title>
瀏覽過網頁的人可能都會注意到瀏覽器視窗最上邊藍色部分顯示的文字訊息，那些訊息一般是網頁的主題訊息，要將您的網頁的主題訊息顯示到瀏覽器的頂部，也就是標題欄的方法很簡單，就是在標誌對之間加入您要顯示的文字即可。
注意： 標誌對只能放在標誌對之間。
4 .<body></body>
是HTML文件的主體部分，在此標誌對之間可包含
<body></body>是HTML文件的主體部分，在此標誌對之間可包含<p>、</p>、<h1>、 </h1>、<br>、<hr>等等眾多的標誌，它們所定義的文字、圖像等將會在瀏覽器的框框內顯示出來。兩個標誌必須一塊使用。 <body>標誌中還可以加一些其它屬性，如：<body oncontextmenu="return false" onselectstart="return false"......>等等眾多的標誌，它們所定義的文本、圖像等將會在瀏覽器的框內顯示出來。兩個標誌必須一塊使用。標誌中還可以加一些其它屬性，如：
Dreamweaver有三種「文件」檢視視窗：
1、「程式碼」視圖視窗。這是編輯程式碼的視窗。
2、“設計”視圖視窗。這是我們進行編輯文字、新增圖片等操作常用的視窗。
3、「拆分」視圖視窗。當我們需要上面兩個窗口配合進行編輯時選用這個窗口，我們將要進行的添加程式碼主要在這個窗口進行。
在使用Dreamweaver製作網頁的時候大家要多注意查看程式碼視圖！