HTML(Domain Model)與Dangdang網站
<html>
<head>
<title>Dangdang網站</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="wrapper">
<header>
<h1>Dangdang</h1>
<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">圖書分類</a></li>
<li><a href="#">讀書筆記</a></li>
<li><a href="#">購物車</a></li>
</ul>
</nav>
</header>
<main>
<section class="booklist">
<h2>暢銷書推薦</h2>
<ul>
<li><a href="#"><img src="book1.png" alt="暢銷書1" />暢銷書1</a></li>
<li><a href="#"><img src="book2.png" alt="暢銷書2" />暢銷書2</a></li>
<li><a href="#"><img src="book3.png" alt="暢銷書3" />暢銷書3</a></li>
</ul>
</section>
<aside class="ads">
<a href="#"><img src="ad1.jpg" alt="廣告1" /></a>
<a href="#"><img src="ad2.jpg" alt="廣告2" /></a>
</aside>
</main>
<footer>
<p>版權所有 ? 2021 Dangdang</p>
</footer>
</div>
</body>
</html>以上是一個簡單的Dangdang網站的HTML源代碼。其中head部分包含了網站的標題和外部樣式表的鏈接。body部分由header、main、aside和footer組成。header包含網站的標題、導航鏈接，而main部分包含了暢銷書推薦的書籍列表以及側邊欄的廣告。footer包含了版權聲明。整個網頁結構非常清晰，語義合理。