1.<html>
<head>
<title>Starbuzz Coffee</title>
</head>
<body>
<h1>Starbuzz Coffee Beverages</h1>
<h1>HOUSE Blend. $1.49</h1>
<p>A smooth,mild blend of coffees from Mexico,Bolivia and Guatemalla.</p>
<h1>Mocha Cafe Latte. $2.5</h1>
<p>Espresso,steamed milk and chocolate syrup.</p>
<h1>Cappuccino. $1.89</h1>
<p>A mixture of espresso,steamed milk and foam.</p>
<h1>Chai Tea. $1.85</h1>
<p>A spicy drink made with black tea,spices,milk and honey.</p>
</body>
</html>
2.<html>
<head>
<title>Starbuzz Coffee's Mission</title>
<style type ="text/css">
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>
<p>To provide all the caffeine that you need to power your life.</p>
<p>Just drink it.</p>
</body>
</html>
3.浏览器会忽略HTML文档中的制表符、回车和大部分的空格。
4.html中注释可以写成多行,在<!--......-->内放置需要注释的内容。
5.
<html> <!--告诉浏览器这是一个html文件-->
<head> <!--页面从head开始-->
<title>为页面指定一个标题</title>
</head>
<body> <!--页面主体内容-->
<h1>hehehe</h1> <!--告诉浏览器hehehe是个标题>
<p>..........</p> <!--段落-->
<em>.....</em> <!--表示强调-->
</body>
</html>
6.在浏览器中打开web页面的方式:
(1)在浏览器的地址框中输入文件的具体路径,如E:\sublime\starbzz(可根据具体文件的属性获知)
(2)直接将文件拖动到浏览器
(3)直接双击html文件
7.<h1>starbuzz coffee beverage </h1>
整个称为一个元素,元素具体包括:包围内容的标记,标记之间的内容,即元素=开始标记+内容+结束标记
8.增加样式,可以用到<style>元素,<style>标记还有一个可选的属性,名为type,它能告诉浏览器要使用什么类型的样式,由于要使用CSS,则可以指定"text/css"类型。
如:<style type="text/css">
....... (在该部分可以定义页面的样式)
</style>
<style>元素总是要放在<head>元素里。
其中,开始标记可以有属性。