我最近完成了HTML5的期末作業(yè)，我很自豪能夠在課堂上展示我的代碼。我的目標是創(chuàng)建一個簡單的網站，以介紹我喜歡的電影和電視節(jié)目。
讓我來分享我的代碼。首先，以下是我的HTML代碼的一部分：
<!DOCTYPE html> <html> <head> <title>我的電影列表</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>我的電影列表</h1> </header> <nav> <ul> <li><a href="#comedy">喜劇</a></li> <li><a href="#drama">劇情</a></li> <li><a href="#action">動作</a></li> </ul> </nav> <main> <section id="comedy"> <h2>喜劇</h2> <ul> <li>《神探夏洛克》</li> <li>《生活大爆炸》</li> <li>《老友記》</li> </ul> </section> <section id="drama"> <h2>劇情</h2> <ul> <li>《被嫌棄的松子的一生》</li> <li>《摔跤吧，爸爸》</li> <li>《肖申克的救贖》</li> </ul> </section> <section id="action"> <h2>動作</h2> <ul> <li>《阿凡達》</li> <li>《終結者2》</li> <li>《速度與激情7》</li> </ul> </section> </main> </body> </html>
以上是我的基本HTML代碼。其中，我為主要部分使用了三個<section>標簽，分別是喜劇，劇情和動作。我還使用了<nav>標簽創(chuàng)建導航菜單，并為網站添加了標題和圖標。接下來，以下是我的CSS代碼：
header {
background-color: #f2f2f2;
padding: 20px;
text-align: center;
}
nav {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav li {
margin-right: 20px;
}
section {
margin-bottom: 40px;
}
h2 {
margin-bottom: 20px;
}
li {
font-size: 18px;
line-height: 1.5;
}以上是我的CSS代碼。我添加了一些樣式，比如背景顏色、字體大小、外邊距等等。我還為<nav>和<ul>標簽添加了flex樣式，以便使我的導航菜單看起來更漂亮。
總而言之，我的HTML5期末作業(yè)非常成功，我很高興我能夠在班級中展示我的代碼。通過編寫代碼，我學習了很多關于HTML5和CSS的知識，這使我現(xiàn)在更加自信和熟練。我期待著設計更多的網站，并不斷完善我的技能。