2025年湛江学考初中信息技术第4题

四、湛江，坐落于中国大陆最南端的海滨城市，其美食颇具特色。为了更有效地推广湛江饮食文化，请根据提供的源代码、素材和要求，以“湛江美食”为主题，制作一个充满吸引力的宣传网站。

请阅读并理解源代码，根据下面要求补充完善代码：

1）将本题材料中的“源文件.txt”文件名改为“姓名.html”（姓名为考生姓名），并用浏览器打开；

2）使用记事本或网页编辑工具打开已经重命名的文件，在源代码中将网页标题设置为“我的第一个网站”；

3）将一级标题设置为“欢迎进入湛江美食网”；

4）在现有表格样式下，设置“湛江白切鸡”、“湛江白灼虾”、“湛江生蚝”为文字导航超链接（注意不要改变现有的导航栏样式）；

5）根据已有文字内容，在材料文件夹中选择相对应的图片，并在相应图片标签内添加该图片路径；

6）保存文件，使用浏览器打开网站并展示。

考点：重命名源文件、设置网页标题、设置一级标题、设置文字导航超链接、添加图片路径、保存文件并用浏览器显示网站内容

评分说明：网站内容设置正确，版面布局合理、美观，完成5个以上考点即合格。

1、将“源文件.txt”改名为“”

2、完成以下代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>    
    <meta charset="UTF-8">
   <title></title>    
    <link rel="stylesheet" href="styles.css">
    <script src="main.js"></script>
</head>    
<body>
    <header>    
        <h1></h1>
    </header> 
    <div class="container"> 
        <nav>    <!-- 导航栏部分 -->  
            <table>    <!-- 使用表格制作导航栏 -->  
                <tr>
                    <td><a href="#" onclick="showContent('section1')"></a></td>
                    <td><a href="#" onclick="showContent('section2')"></a></td>
                    <td><a href="#" onclick="showContent('section3')"></a></td> 
                </tr>    
            </table>    
        </nav>    
        <main> 
                <div id="section1-container" class="content-container">
                <p class="indented-paragraph">湛江白切鸡是广东省湛江市的一道传统名菜。做湛江白切鸡，一重选鸡，二重煮鸡，三重配味，所选鸡均为本地细骨农家自养走地鸡，绝无用饲料鸡和大骨鸡；煮鸡要求慢火煮浸，熟至八九成即可；配料用沙姜、蒜茸，做好的湛江白切鸡色洁白带黄。</p>
               <img src=""> 
               </div> 
                <div id="section2-container" class="content-container">
                <p class="indented-paragraph">白灼虾是一道传统名菜。主要食材是虾，主要烹饪工艺是白灼，“白灼”二字指的是将原汁原味的鲜虾直接放进清水里煮食。用白灼之法来做虾，为的是保持其鲜、甜、嫩的原味，然后将虾剥壳蘸酱汁而食。</p>
               <img src=""> 
               </div> 
                <div id="section3-container" class="content-container">
                <p class="indented-paragraph">湛江的生蚝以其肥美、鲜甜著称，尤其是蒜蓉烤生蚝，香气四溢，是海鲜爱好者的首选。炭烧生蚝的做法非常简单，只需将蒜蓉、姜末、酱等佐料放入刚刚撬开的生蚝内，再直接放到火上烤熟即可，这样既保证了生蚝的鲜味，蒜蓉又能有效地去除蚝本身的腥味和臊味，实为不可多得的美味。</p>
               <img src="">
               </div> 	
        </main>  
    </div>     
</body>    
</html>