生成网页时就变成乱码

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

HTML代码中都是输入中文，生成网页的时候就变成乱码了
但是进入总网页后，生成的是正常的中文

原网页：

img

总网页打开后：

img

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

下面是我这个网页的代码

<TITLE>Upcoming Movies Page of ShowOnWheels</TITLE>
<LINK type="text/css" rel="stylesheet" href="ExternalStylesheet\homestylesheet.css" />
<script type="text/javascript">          /*BookYourShow报警装置*/
    function onlinebooking(){        
        alert("The Bookings for the Upcoming Movies are not Currently Avaliable!");
    }
</script>
<style>
     table{
        margin: auto;   /*表格居中*/
         top: 140px;
         left: 10px;
         right: 120px;
         border: solid 4px green;
         background-color:white ;
    }
    td{
        text-align: center;
        border: solid 1px greenyellow;
        padding: 3px;
    }
    th{
        background-color:green ;
        color: white;
    }
    tr{
        color: green;
    }
   
</style>

兴化旅游预告

兴化著名旅游景区开放时间适宜季节景点地址Online Bookings
李中水上森林8：30-17：00春季，夏季兴化市李中镇https://ask.csdn.net/new?word=&spm=1001.2101.3001.5354
千垛菜花景区7：00-17；30春季兴化市缸顾乡https://ask.csdn.net/new?word=&spm=1001.2101.3001.5354
郑板桥施耐庵纪念馆9：00-16;00<全年/td>兴化市昭阳镇https://ask.csdn.net/new?word=&spm=1001.2101.3001.5354
沙沟古镇全天全年兴化市沙沟镇https://ask.csdn.net/new?word=&spm=1001.2101.3001.5354
郑板桥故居8：00-17：30全年兴化市昭阳镇https://ask.csdn.net/new?word=&spm=1001.2101.3001.5354
我想要达到的结果

不在主页面打开也能正常使用中文


<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

在title上面添加

<meta charset="utf-8">


<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

在头部添加这个吧