HTML4旅游網站是一個經典的網站樣例,它采用了HTML4.01的語法規范。以下是該網站首頁的部分HTML源代碼:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>歡迎光臨HTML4旅游網站</title> <link rel="stylesheet" href="style.css" type="text/css"> <script type="text/javascript" src="script.js"></script> </head> <body> <div id="header"> <h1>HTML4旅游網站</h1> <ul> <li><a href="#">首頁</a></li> <li><a href="#">旅游攻略</a></li> <li><a href="#">景點介紹</a></li> <li><a href="#">問答社區</a></li> <li><a href="#">聯系我們</a></li> </ul> </div> <div id="banner"> <img src="banner.jpg" alt="HTML4旅游網站" /> </div> <div id="main"> <div class="title">最新旅游資訊</div> <ul class="news"> <li><a href="#">新疆喀納斯湖暑期旅游攻略</a></li> <li><a href="#">浙江千島湖騎行旅游體驗</a></li> <li><a href="#">江蘇揚州居民家庭旅游攻略</a></li> </ul> <div class="title">國內外熱門景點推薦</div> <ul class="places"> <li><a href="#">北京故宮</a></li> <li><a href="#">巴黎鐵塔</a></li> <li><a href="#">紐約自由女神像</a></li> <li><a href="#">普吉島</a></li> <li><a href="#">塞班島</a></li> <li><a href="#">長白山天池</a></li> </ul> </div> <div id="footer"> 版權所有 © 2021 HTML4旅游網站 </div> </body> </html>
這段代碼首先使用了HTML4.01的DTD(文檔類型定義)。接著,通過<head>標簽內的<meta>和<link>標簽來指定網頁的一些元數據和樣式表。<script>標簽也可以在<head>或<body>中使用,指定JavaScript文件的路徑。<body>標簽內包含網頁的主要內容,其中<div>標簽用于表示頁面結構,有利于樣式控制和JavaScript操作。
需要注意的是,HTML4的語法規范比較嚴格,當未包含某些必要的屬性時,可能導致網頁無法正確渲染。例如,<img>標簽必須指定一個alt屬性,用于無法加載圖像時的替代文本,否則可能會造成無障礙性問題。
上一篇網站輪轉廣告js css
下一篇html3d相冊代碼qq