html怎样格式化的直观一点

问题遇到的现象和发生背景

我希望在html中的表格格式化可以直观一点

问题相关代码，请勿粘贴截图

像下边一样，请问如何直接格式化成这个样子

<table id="tfhover" class="tftable" border="1">
<tr><th>Header 1</th><th>Header 2</th><th>Header 3</th><th>Header 4</th><th>Header 5</th></tr>
<tr><td>Row:1 Cell:1</td><td>Row:1 Cell:2</td><td>Row:1 Cell:3</td><td>Row:1 Cell:4</td><td>Row:1 Cell:5</td></tr>
<tr><td>Row:2 Cell:1</td><td>Row:2 Cell:2</td><td>Row:2 Cell:3</td><td>Row:2 Cell:4</td><td>Row:2 Cell:5</td></tr>
<tr><td>Row:3 Cell:1</td><td>Row:3 Cell:2</td><td>Row:3 Cell:3</td><td>Row:3 Cell:4</td><td>Row:3 Cell:5</td></tr>
<tr><td>Row:4 Cell:1</td><td>Row:4 Cell:2</td><td>Row:4 Cell:3</td><td>Row:4 Cell:4</td><td>Row:4 Cell:5</td></tr>
<tr><td>Row:5 Cell:1</td><td>Row:5 Cell:2</td><td>Row:5 Cell:3</td><td>Row:5 Cell:4</td><td>Row:5 Cell:5</td></tr>
<tr><td>Row:6 Cell:1</td><td>Row:6 Cell:2</td><td>Row:6 Cell:3</td><td>Row:6 Cell:4</td><td>Row:6 Cell:5</td></tr>
</table>

运行结果及报错内容

而不是哪种正常格式化过的
像下面这样

    <table class=table4_2>
        <tr>
            <th>SAMPLE</th>
            <th>SAMPLE</th>
            <th>SAMPLE</th>
        </tr>
        <tr>
            <td>SAMPLE</td>
            <td>SAMPLE</td>
            <td>SAMPLE</td>
        </tr>
        <tr>
            <td>SAMPLE</td>
            <td>SAMPLE</td>
            <td>SAMPLE</td>
        </tr>
        <tr>
            <td>SAMPLE</td>
            <td>SAMPLE</td>
            <td>SAMPLE</td>
        </tr>
        <tr>
            <td>SAMPLE</td>
            <td>SAMPLE</td>
            <td>SAMPLE</td>
        </tr>
    </table>

你想要的那种估计要自己手动来了，默认格式化就是下面这种了

没法实现，下面的是正常的，只能你自己习惯了，因为格式化后都是下面这种的