Dreamweaver是一款使用廣泛的網頁制作軟件,相信很多人都已經掌握了基本的使用方法。而在網頁制作過程中,html代碼則是必不可少的一部分。下面介紹一些DW網頁制作中常用的html代碼。
<!doctype html> <html> <head> <title>頁面標題</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <h1>頁面主標題</h1> <p>頁面正文內容</p> <a href="鏈接地址">鏈接文字</a> <img src="圖片地址" alt="圖片描述"> </body> </html>
<!doctype html> 表示文檔類型,常用的有html、xml、XHTML等。html文件在保存時要選擇“html文檔”類型,以確保瀏覽器正確渲染頁面。
<head> 標簽中一般包含網頁的元數據,如頁面標題、字符編碼等。其中,<meta charset="utf-8">指定了字符編碼,有助于解決網頁亂碼問題;<meta name="viewport" content="width=device-width, initial-scale=1"> 則控制網頁的縮放和布局,適應不同設備。
<body> 標簽中是網頁的主要內容,包括標題、正文、圖片、鏈接等。<h1>至<h6> 標簽用于設定標題的大小和層級,<p> 標簽用于設定正文的樣式。
<a> 標簽用于設定鏈接,href屬性指定鏈接地址,可以是自身頁內的錨點,也可以是其他網頁的地址。<img> 標簽用于顯示圖片,src屬性指定圖片的地址,alt屬性是對圖片的描述,有助于無法加載圖片時顯示文本代替。
以上是DW網頁制作中常用的html代碼,可以根據需求進行添加和修改。掌握好這些代碼,就可以輕松制作出美觀實用的網頁。