Day.12.18 HTML表格案例菜谱

<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 菜谱 </title>
 </head>
 <body>
 <tbody>
 <table border="1px" bordercolor="#F00" cellspacing="0px" width="300px" style="margin:0 auto;text-align:center;line-height:50px">
 <caption><h1>这是一个伤心的下午</h1></caption>
 <tr><th colspan="3">菜谱</th></tr>
 <tr><td rowspan="2">素菜</td><td>西蓝花</td><td>海米油菜</td></tr>
 <tr><td>红油土豆丝(枣)</td><td>老醋花生</td></tr>
 <tr><td rowspan="2">荤菜</td><td>水煮肉片</td><td>回锅肉</td></tr>
 <tr><td>红烧鲶鱼<i m g src="图片路径"  alt="800块"></td><td>宫保鸡丁</td></tr>
 </tbody>
 </table>
 </body>
</html>
    原文作者:挂树上的骷髅怪
    原文地址: https://www.jianshu.com/p/bccf2e2a3be2
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞