从html开始学习

<a href="http://qywct.cn/" title="你觉得好玩吗">示例</a>...

这是一个html段落用来跳转到目标网址的，其中title当鼠标放到链接上会显示title中的内容

<!--这是一个注释-->...

这是注释

<button type="button" onclick="dec('c')">-</button>
                <input type="number" id="c_quantity" value="0" min="0" max="20" onchange="updateTotal('c')">
...

这是按钮和输入框

<tr>
<td>选择</td>
<td>书名</td>
<td>数量</td>
<td>单价</td>
<td>状态</td>
<td>库存</td>
<td>小计</td>
</tr>...

这可以用来编辑表格类内容

<style scoped>
html {
  font-family: sans-serif;
}
 
table {
  border-collapse: collapse;
  border: 2px solid rgb(200,200,200);
  letter-spacing: 1px;
  font-size: 0.8rem;
}
 
td, th {
  border: 1px solid rgb(190,190,190);
  padding: 10px 20px;
}
 
th {
  background-color: rgb(235,235,235);
}
 
td {
  text-align: center;
}
 
tr:nth-child(even) td {
  background-color: rgb(250,250,250);
}
 
tr:nth-child(odd) td {
  background-color: rgb(245,245,245);
}
 
caption {
  padding: 10px;
}
</style>

如果加上这串CSS代码就是带框的表格，否则不带框