HTML CSS制作旅游頁面
在網頁設計中，HTML和CSS是最基本的語言。HTML用于搭建網頁的結構，而CSS用于頁面的樣式和布局。下面是一個簡單的旅游頁面制作代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>旅游頁面</title>
<style>
/* 設置頁面背景顏色和字體 */
body {
background-color: #F8F8F8;
font-family: Arial, sans-serif;
}
/* 定義頁面標題的樣式 */
h1 {
color: #0066CC;
text-align: center;
}
/* 定義導航菜單的樣式 */
nav {
background-color: #0066CC;
color: white;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
float: left;
}
nav a {
color: white;
display: block;
padding: 8px 12px;
text-decoration: none;
}
/* 定義頁面主體的樣式 */
#main {
margin: 20px auto;
width: 800px;
}
#main img {
float: left;
margin-right: 20px;
}
#main h2 {
color: #0066CC;
}
#main p {
line-height: 1.5;
}
</style>
</head>
<body>
<h1>歡迎來到我的旅游主頁</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>
<div id="main">
<img src="beijing.jpg" alt="北京天安門" width="300" height="200">
<h2>北京旅游攻略</h2>
<p>北京是中國的首都，也是一個有著悠久歷史和豐富文化遺產的城市。來北京旅游，您可以去天安門廣場、故宮、長城等著名景點游覽。此外，北京還有許多美食，如北京烤鴨、炸醬面等，值得一嘗。</p>
</div>
</body>
</html>以上代碼包含了一個網頁的基本結構、樣式和內容。在實際制作中，還需要根據具體項目需求進行修改和補充。
上一篇new vue 出錯
下一篇css中取消隱藏