idea修改HTML文件之后无法正确显示

今天在做web的实验，因为老师给了源代码，所以不需要自己写代码这么麻烦了，我想直接改一下HTML的标题和表格列名，

在改一下数据库的就行了，内部代码都不用改，但是我在改HTML的代码出现了问题，

 1     <h1>图书管理系统</h1>
 2     <a id="AddButton" href="#">增加图书信息</a>
 3     <table style="width: 50%" id="BooksTable" class="layui-table" lay-even lay-skin="nob">
 4         <thead>
 5         <tr>
 6             <th>书名</th>
 7             <th>作者</th>
 8             <th>价格</th>
 9             <th>管理</th>
10         </tr>
11         </thead>

然后我把他改成下面的

    <h1>汽车管理系统</h1>
    <a id="AddButton" href="#">增加汽车信息</a>
    <table style="width: 50%" id="BooksTable" class="layui-table" lay-even lay-skin="nob">
        <thead>
        <tr>
            <th>汽车ID</th>
            <th>品牌</th>
            <th>颜色</th>
            <th>车主姓名</th>
        </tr>
        </thead>

结果运行之后