最近,我设计了一款HTML电影榜单网页。这个网页列出了我最喜欢的电影和电影排名。下面是我的 HTML 代码:
<!DOCTYPE html> <html> <head> <title>我的电影榜单</title> </head> <body> <h1>我的电影榜单</h1> <ol> <li><strong>霸王别姬</strong></li> <li><strong>肖申克的救赎</strong></li> <li><strong>阿甘正传</strong></li> <li><strong>教父</strong></li> <li><strong>泰坦尼克号</strong></li> </ol> </body> </html>
首先,我用标签<!DOCTYPE html>来定义 HTML5 文档类型。接着,在 <head> 标签中,我设置了网页的标题为“我的电影榜单”。
在 <body> 标签中,我使用 <h1> 标签创建了页面标题。接下来,我用 <ol> 标签创建了有序列表,其中的每个项都用 <li> 标签包裹,并用 <strong> 标签突出显示每部电影的名称。
整个网页看上去非常简单,但它能有效显示我最喜欢的电影,并按照顺序列出它们。此外,我也可以使用 CSS 样式来美化我的电影榜单网页。