第一个HTML页面 · UI104班随堂笔记

## 第一个HTML页面在上一节中，我们写了第一个相对完整的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>标签为网页中的超链接。