HTML,全稱為超文本標記語言,是一種用于創建網頁的標準標記語言。HTML文檔由一系列的HTML標簽構成,這些標簽告訴瀏覽器如何顯示頁面內容。
<!DOCTYPE html> <html> <head> <title>這是網頁標題</title> </head> <body> <h1>這是一級標題</h1> <p>這是一個段落。</p> <ul> <li>列表項 1</li> <li>列表項 2</li> <li>列表項 3</li> </ul> <img src="image.jpg" alt="圖片"> </body> </html>
上述代碼是一個簡單的HTML文檔示例,其中包含了DOCTYPE聲明、html標簽、head標簽、title標簽、body標簽、h1標簽、p標簽、ul標簽、li標簽和img標簽。
DOCTYPE聲明告訴瀏覽器這個文檔是用HTML5寫的。html標簽是整個文檔的根元素,head標簽包含文檔的元數據,而body標簽包含文檔的正文內容。h1和p標簽用于創建標題和段落。ul和li標簽用于創建無序列表,img標簽用于插入圖片。
除了以上標簽,HTML還有很多其他常用的標簽,如a標簽用于創建超鏈接,form標簽用于創建表單,input標簽用于在表單中添加輸入控件,等等。通過組合這些標簽,可以創建出豐富多彩的網頁。
<a >這是一個超鏈接</a> <form action="process.php" method="post"> <label>用戶名:<input type="text" name="username"></label> <label>密碼:<input type="password" name="password"></label> <input type="submit" value="提交"> </form>
上述代碼展示了a標簽和form標簽的用法,其中a標簽使用了href屬性指定鏈接地址,form標簽使用了action屬性指定表單提交到的地址,method屬性指定提交方式(get或post),input標簽則用于創建輸入控件,如文本框和密碼框。其中name屬性用于指定表單數據的鍵名,value屬性用于指定表單數據的默認值。
總的來說,HTML是創建網頁的重要基礎,掌握HTML標簽的使用是學習網站開發的必要前提。