3-24编程练习疑问

问题一：这个小慕医生的案例是学到3-24后就可以去做的吗？第二个代码打不开，可以用什么软件打开呢？

相关截图：

问题二：3-24的代码不知道搭建的对不对

weixin_慕的地2217823 2022-09-13

源自：HTML5语法与基础标签 3-24 编程练习

收起

1回答

好帮手慕久久 2022-09-13 17:26:13

同学你好，解答如下：

1、3-24编程练习之后，讲师会带领大家写小慕医生的项目，此时会用到如下设计稿和代码：

二者需要下载到自己的电脑中并解压。

在”小慕医生设计稿切图“文件夹中，双击index.html就可以打开设计稿：

具体使用，视频中会演示，认真跟着视频操作就行了。

源码需要使用代码编辑工具打开，比如使用vscode。如下课程中，讲解过如果安装vscode，需要跟着视频操作一下：

2、同学的代码没有书写上的语法错误，但是代码没有根据效果图划分区域。

效果图中，头部是一块区域（整体），里面有三个结构，建议代码调整如下:

其余两块同理，代码如下：

<!--页面头部-->
    <div>
        <p>loge</p>
        <p>导航</p>
        <p>banner图</p>
    </div>
    <!--页面主题-->
    <div>
        <p>文章内容</p>
        <p>超链接</p>
    </div>
    <!--页面页脚-->
    <div>
        <p>页脚内容</p>
    </div>