业内有过缩进选用Tab还是空格的争论。在缩进方面，Tab键和空格这两种方法的特点并不相同。
1、 Tab键与空格缩进的特点
Tab键：在书写代码时会很方便，但是在不同编辑器当中，距离大小有可能不同。在编辑器当中，一个Tab键的长度大小存在一个默认值，这个默认值可以是两个空格长度，也可以是4个，还可以是8个。由于团队开发当中，每个人的编辑器默认情况下可能不一致，从而有可能造成A的代码放到B的编辑器中时，缩进的长度发生变化。
4个空格：在每个编辑器中，空格大小一致，其不足之处在于：代码书写时会比较麻烦，需要按多次空格键。
2、 如何选择缩进方式
其实并不需要纠结这个问题，各个编辑器都提供了“空格”和Tab键的相互转换。因此，完全可以使用Tab键进行书写，在书写完毕之后，将Tab键转换为空格，之后生成最终文件即可。当然，有些公司并不要求使用空格，那开发工程师就更方便了。
最终文件采用哪种方式，需要根据公司要求而定。如果公司没有硬性要求，那么自己的代码一定要保持一致性，不要出现“10个文件中，3个使用的是空格进行缩进，7个使用的是Tab键进行缩进”这种现象。
如图所示，在Sublime编辑器中，可以进行选项卡宽度的设定，也可以实现空格与Tab键的互相转换。
资料来源：《HTML5布局之路》
html做个表格的步骤如下：
1、首先新建一个html，点击<body></body>中间，先填入表格内容；
2、内容根据需求来写即可，示例代码如下：
<table>
<p style="text-align:center ">功课表</p>
<tr>
<th>语文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>数学</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>
3、然后在<head></head>中间输入样式表的样式；
4、样式也根据个人的需求来设置即可，设置单元格的宽度高度，合并单元格，位置，颜色等等，示例代码如下：
<style type="text/css">
body
{
width:340px
height :800px
}
table
{
border-collapse :collapse
}
th,td
{
width:100px
height:40px
border :1px solid black
font-size:12px
text-align :center
}
</style>
5、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框，将相邻变合并。
6、预览结果如下所示，一个简单的表格就制作出来了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）