第一个HTML页面 · 预科段标准教案 V1.5

## 第一个HTML页面 [TOC] 在上一节中，我们写了第一个相对完整的HTML页面。现在，我们接到一个紧急的开发任务，为CODING COFFEE咖啡馆开发一个咖啡菜单页。 ```html <!DOCTYPE html> <html> <head> <title>Starbuzz Coffee</title> <style> body { background-color: #d2b48c; margin-left: 20%; margin-right: 20%; border: 2px dotted black; padding: 10px 10px 10px 10px; font-family: sans-serif; } </style> </head> <body> <h1>Starbuzz Coffee Beverages</h1> <h2>House Blend, $1.49</h2> <p>A smooth, mild blend of coffees from Mexico, Bolivia and Guatemala.</p> <h2>Mocha Caffe Latte, $2.35</h2> <p>Espresso, steamed milk and chocolate syrup.</p> <h2>Cappuccino, $1.89</h2> <p>A mixture of espresso, steamed milk and milk foam.</p> <h2>Chai Tea, $1.85</h2> <p>A spicy drink made with black tea, spices, milk and honey.</p> </body> </html> ``` `<!DOCTYPE>`不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。 `<html>`中的内容描述网页。 `<body>`中的内容是可见的页面内容。 `<head>`中的内容描述网页头信息。 `<title>`中的文本显示为网页的标题。 `<h1>`中的文本是正文一级标题。 `<p>`中的文本为网页中的段落。 `<a>`标签为网页中的超链接。 ## 作业 * 完成CODING COFFEE菜单页