DW是一款非常實用的網頁設計工具，為了讓用戶可以更方便地使用它，設計師們設計了DW的登錄界面。下面是DW登錄界面的HTML代碼：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Dreamweaver登錄界面</title> <link rel="stylesheet" href="login.css"> </head> <body> <div id="login"> <form action="login.php" method="post"> <p><label>用戶名：</label><input type="text" name="username"></p> <p><label>密 碼：</label><input type="password" name="password"></p> <p><input type="submit" value="登 錄"></p> </form> </div> </body> </html>首先，我們可以看到doctype的聲明，這樣瀏覽器就會以標準模式來解析HTML代碼。然后是html頭部，包括meta標簽和title標簽。其中meta標簽定義了文檔的字符集，而title標簽定義了當前文檔的標題。 接著是登錄界面的樣式文件login.css的引用，因為在HTML中不適合寫樣式，所以我們需要一個獨立的css文件來管理頁面的樣式。 然后是HTML的body標簽，包含了登錄界面的主要內容，也就是一個id為login的div標簽和一個form表單。div標簽用來裝載輸入框和按鈕，而form表單用來提交數據。 在form表單中，我們可以看到兩個p標簽，每個p標簽中都有一個label標簽和一個input標簽。這些標簽都有自己的屬性，比如type屬性可以定義輸入框的類型，name屬性可以給輸入框一個名字，action屬性可以定義表單提交時要請求的URL。 最后，我們可以看到一個input標簽，它是一個按鈕，用于提交表單數據。當用戶填寫輸入框后點擊這個按鈕，就會向服務器發送表單數據，由服務器處理數據并返回響應結果。
下一篇css傾斜函數