摘要：<!doctype html><html><head> <meta charset="utf-8"> <title>hmtl作业</title> <link rel="shortcut icon" type="image/x-icon" href="i
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>hmtl作业</title>
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<link rel="stylesheet" type="text/css" href="css/index.css">
<style type="text/css">
a{text-decoration: none;color: #FB9F0A}
a:hover{color: #ED070A;text-decoration: underline;}
pre{font-size: 20px;color: #0871EE; font-family: 黑体;text-indent: 2em;}
span{color: #ED1D64;font-size: 20px; font-weight: bolder}
table{width:800px;border: 1px solid #87A8CA;border-collapse: collapse;}
tr td{height: 50px;border: 1px solid #87A8CA;width:100px;text-align: center;font-weight:bold;font-family:黑体;}
ol{font-size: 20px;color: #0871EE; font-family: 黑体;margin: 100px;line-height: 30px;}
form{margin: 100px;}
input{height: 8px;width: 258px; border: 1px solid #ccc;margin-top: 20px;padding: 20px;}
button{height: 50px;width: 300px;margin-top: 20px;background: #FF6A00;border:none;color:#fff;}
</style>
</head>
<body>
<a href="top"></a>
<p style="text-indent:2em; font-size: 20px;color:#0AAAED;">
本章课学习了html中的常用到的标签以及属性。通过六堂课分别学习了文档头部、文本字体格式化、超链接、列表、form表单、表格这些常用到的标签。下面，我想写一个酱牛肉菜谱的例子，复习一下所学到标签和属性。
</p><br>
<h1 style="font-size:40px;font-weight:bold;font-family:黑体;text-align:center;background:#F7CD08;height: 50px;line-height: 50px">酱牛肉</h1><br>
<div align="center">
<a href="https://baike.baidu.com/item/%E9%85%B1%E7%89%9B%E8%82%89">
<img src="images/酱牛肉.jpg" style="height: 400px;width: 400px;">
</a>
</div>
<pre>
<a href="https://baike.baidu.com/item/%E9%85%B1%E7%89%9B%E8%82%89">酱牛肉</a>，一种菜名，是指以牛肉为主要原料，经过多种调味料的腌制而制成的一种肉制品，是源于内蒙古呼和浩特著名的特色名菜。
有补中益气、滋养脾胃、强健筋骨、化痰息风、止渴止涎的功效，适用于中气下陷、气短体虚，筋骨酸软、贫血久病及面黄目眩之人食用。
</pre>
<div align="center">
<span>食材明细表</span>
<br>
<br>
</div>
<div align="center">
<table>
<tr>
<th>主料</th>
<th>辅料</th>
<th>配料</th>
</tr>
<tr>
<td rowspan="7">牛肉</td>
</tr>
<tr>
<td>葱</td>
<td rowspan="2">糖</td>
</tr>
<tr>
<td>八角</td>
</tr>
<tr>
<td>花椒</td>
<td rowspan="2">酒</td>
</tr>
<tr>
<td>桂皮</td>
</tr>
<tr>
<td>香叶</td>
<td rowspan="2">盐</td>
</tr>
<tr>
<td>姜</td>
</tr>
</table>
<br>
<br>
</div>
<div align="center">
<span>做法步骤</span>
</div>
<div>
<ol>
<li>牛腱子肉放入清水中浸泡几个小时，其中更换几次水，直到水变得清澈，没有血渗出为止。</li>
<li>找一块纱布，将葱、八角、花椒、桂皮、香叶、姜依次放入，用线封口。</li>
<li>锅中加入清水，水中加入半小杯白酒，将牛肉放入，开火煮，煮至牛肉颜色变白，体积缩小即可关火，然后将牛肉取出，用凉水冲洗干净备用。</li>
<li>旺火烧开，撇去浮沫，将汤汁调和成酱红色，改小火，保持汤水温度在95℃左右，慢煮约30分钟，然后改用小火炖2小时以上。</li>
<li>炖至肉可用筷子扎透即可，要留些汤汁。熟后不用立刻取出，浸泡2、3个小时更入味。凉后切片，切时逆着肉的纹路，否则肉会散。</li>
</ul>
</div>
<div align="center">
<span>评论与建议</span>
</div>
<form method="get" action="">
<input type="text" name="title" placeholder="请输入标题">
<br>
<input type="text" name="content" placeholder="请输入评论与建议">
<br>
<button>提交</button>
</form>
<center><a href="" name="top">回到顶部</a></center>
</body>
</html>
批改老师：天蓬老师批改时间：2018-12-19 15:05:22
老师总结：格式化数据,有很多方式,如果只有一列数据,可以使用列表ul, 如何有多列数据,用表格是最合适的, 现在几乎很少用表格来布局了,相当年, 表格布局可是非常的流行, 百度现在不少页面还在用表格布局
