在Web頁面開發中,HTML和CSS是最基礎的兩種編程語言。HTML作為頁面的骨架,提供了頁面的基本結構和內容,而CSS則是控制頁面樣式的語言。其中,菜單是Web頁面中最重要的組件之一,可以用來導航頁面,為用戶提供方便。
<!DOCTYPE html> <html> <head> <title>菜單</title> <style> ul { list-style: none; margin: 0; padding: 0; } li { display: inline-block; padding: 10px; } a { text-decoration: none; color: #333; } a:hover { color: #fff; background-color: #333; } </style> </head> <body> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> </body> </html>
以上是一個簡單的HTML和CSS菜單的例子,它包含了一個無序列表和四個列表項。通過設置樣式,可以使菜單看起來更加美觀和易于使用。相信在學習了HTML和CSS之后,大家也能夠輕松地創建自己的菜單。