老师你好 请看下我的2-16小慕医生项目开发目前有什么问题,对div嵌套这方面还是不太明白

来源:2-16 小慕医生项目开发

慕运维8578094

2022-03-23 18:06:13

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>小慕医生-责任-放心</title>

    <meta name="Description"content="小慕医生是一所专业的医院,我们的品质就是责任关爱">

    <meta name="Keywords"content="美容,减脂,外科">

</head>

<body>

    <!-- 网页的头部 -->

    <div class="header">


            <!-- 网页的导航 -->

            <div class="logo"></div>

            <h1>小慕医生</h1>


            <!-- 网页的功能区 -->

             <div class="tool"></div>


            <!-- 网页的导航 -->

            <div class="nav">

                <ul>

                    <li>首页</li>

                    <li>医院概况</li>

                    <li>医院动态</li>

                    <li>专家学科</li>

                    <li>服务指南</li>

                    <li>医院文化</li>

                    <li>信息公开</li>

                    <li>互动交流</li>

                </ul>

            </div>

    </div>

            <!--网页的banner  -->

            <div class="banner">

                <!-- 小圆点 -->

                <ol>

                    <li></li>

                    <li></li>

                    <li></li>

                    <li></li>

                </ol>

            </div>

            <!-- 网页的主要内容 -->

            <div class="content"></div>

            <!-- 常用链接 -->

            <div class="use-ful">

                <ul>

                    <li>就诊须知</li>

                    <li>就医流程</li>

                    <li>专家介绍</li>

                    <li>科室介绍</li>

                    <li>医保就医</li>

                    <li>健康体检</li>

                </ul>

            </div>

            <!-- 医院的动态和公告区域 -->

                <div class="news and notice">

                    <!--医院的动态-->  

                    <div class="news">

                        <!-- 图片的新闻 -->

                        <div class="hot news"></div>

                        <!-- 放大新闻图片 -->

                            <!-- 新闻列表 -->

                            <ul>

                                <li>年度医疗机构用血自查评分表和科室基本信息表</li>

                                <li>关于上报北京市医疗机构临床用血信息的通知</li>

                                <li>国家药品监督管理局关于修订都梁软胶囊非处…</li>

                                <li>关于将多拉司琼注射剂等药品纳入本市基本医…</li>

                                <li>关于调整完善本市基本医疗保险门诊特殊疾病…</li>

                                <li>广东省药学会:关于印发《超药品说明书用药…</li>

                                <li>人力资源社会保障部关于将36种药品纳入国家…</li>

                            </ul>

                        </div>

                        <h2>医院动态</h2>

                    </div>

                    <!-- 医院的公告 -->

                    <div class="notice">

                        <h2>医院公告</h2>

                        <ol>

                            <li>

                                <dl>

                                    <dt>《养生堂》</dt>

                                    <dd>公郭立新主任 特殊时期糖尿病人的新冠…</dd>

                                </dl>

                            </li>

                            <li>

                                <dl>

                                    <dt>《养生堂》</dt>

                                    <dd>王少为主任 新型冠状病毒防控指引十八…</dd>

                                </dl>

                            </li>

                            <li>

                                <dl>

                                    <dt>《我要当医生》</dt>

                                    <dd>谭玲副主任 李同舟 姚晨蕊药师</dd>

                                </dl>

                            </li>

                            <li>

                                <dl>

                                    <dt>《全民健康学院》</dt>

                                    <dd>王建业院长 “医”路有你 健康同行</dd>

                                </dl>

                            </li>

                            <li>

                                <dl>

                                    <dt>《健康北京》</dt>

                                    <dd>《健康北京》</dd>

                                </dl>

                            </li>

                        </ol>

                    </div>

            <!--广告图片  -->

            <div class="ad-images"></div>

            <!-- 科室介绍 -->

            <div class="dep-info"></div>

                <h2>科室介绍</h2>

                <div class="dep-contnet">

                    <div>

                        <h3>内科</h3>

                        <ul>

                            <li>呼吸内科</li>

                            <li>神经内科</li>

                            <li>肾内科</li>

                            <li>免疫科</li>

                            <li>免疫科</li>

                            <li>心血管内科</li>

                            <li>血液内科</li>

                            <li>內分泌科</li>

                        </ul>

                    </div>

                    <div>

                        <h3>肿瘤科</h3>

                        <ul>

                            <li>肿瘤内科</li>

                            <li>肿瘤外科</li>

                            <li>肿瘤妇科</li>

                            <li>骨肿瘤科</li>

                            <li>放疗科</li>

                            <li>肿瘤康复科</li>

                            <li>肿瘤综合科</li>

                        </ul>

                    </div>

                    <div>

                        <h3>外科</h3>

                        <ul>

                            <li>普通外科</li>

                            <li>神经外科</li>

                            <li>心胸外科</li>

                            <li>泌尿外科</li>

                            <li>肝胆外科</li>

                            <li>肛肠外科</li>

                            <li>心血管外科</li>

                            <li>烧伤科</li>

                            <li>骨外科</li>

                            <li>乳腺外科</li>

                        </ul>

                    </div>

                    <div>

                        <h3>儿科</h3>

                        <ul>

                            <li>儿科综合</li>

                            <li>小儿外科</li>

                            <li>小儿内科</li>

                            <li>新生儿科</li>

                            <li>儿童消化科</li>

                            <li>消化内科</li>

                        </ul>

                    </div>

                </div>

            <!-- 专家介绍 -->

            <div class="esp-info ">

                <h2>专家介绍</h2>

                <ul>

                    <li>

                        <div class="picbox"></div>

                        <div class="wordbox"></div>

                        <p>姓名:李琳</p>

                        <p>科室:肿瘤内科</p>

                        <p>职称:主任医师</p>

                        <p>介绍:北京医院肿瘤内科科室主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会肺癌分委会常务委员,北京医学……</p>

                    </li>

                    <li>

                        <div class="picbox"></div>

                        <div class="wordbox"></div>

                        <p>姓名:毛永辉</p>

                        <p>科室:肾脏内科</p>

                        <p>职称:主任医师</p>

                        <p>介绍:北京医院肾内科主任,主任医师,硕士研究生导师。1989年毕业于华西医科大学临床医学院,后在北京医院内科、肾内科工作……</p>

                    </li>

                    <li>

                        <div class="picbox"></div>

                        <div class="wordbox"></div>

                        <p>姓名:姓名:黄慈波</p>

                        <p>科室:风湿免疫科</p>

                        <p>职称:主任医师</p>

                        <p>介绍:教授主任医师研究生导师卫生部北京医院风湿免疫科主任,北京大学医学部风湿免疫系副主任;海峡两岸医师交流协会风湿免疫……</p>

                    </li>

                    <li>

                        <div class="picbox"></div>

                        <div class="wordbox"></div>

                        <p>姓名:姓名:曹素艳</p>

                        <p>科室:特需医疗部</p>

                        <p>职称:主任医师</p>

                        <p>介绍:介绍:北京医院特需医疗部(健康管理中心)/全科医疗部主任,老年与全科医学中心副主任,主任医师,医学硕士。北京大学医学部硕士……</p>

                    </li>

                    <li>

                        <div class="picbox"></div>

                        <div class="wordbox"></div>

                        <p>姓名:陈海波</p>

                        <p>科室:风湿免疫科</p>

                        <p>职称:主任医师</p>

                        <p>介绍:介绍:北京医院神经内科主任,主任医师,北京大学医学部神经病学系副主任、教授。中国医师协会神经内科医师分会副会长兼帕金……

                    </li>

                    <li>

                        <div class="picbox"></div>

                        <div class="wordbox"></div>

                        <p>姓名:Jack</p>

                        <p>科室:普通外科</p>

                        <p>职称:主任医师</p>

                        <p>介绍:介绍:北京医院普通外科主任,胃肠外科主任,北京大学医学部硕士研究生导师,1985年毕业于白求恩医科大学,从事普外科临床工……</p>

                    </li>

                </ul>

            </div>

        <!-- 页脚 -->

        <div class="footer">

            <!-- 友情链接 -->

            <div class="friend-links">

                <ul>

                    <li>院长信箱</li>

                    <li>投诉信箱</li>

                    <li>在线调查</li>

                    <li>地理位置</li>

                    <li>网站地图</li>

                    <li>网站帮助</li>

                    <li>隐私声明</li>

                </ul>

            </div>

            <!-- 小慕医生的联系方式 -->

            <div class="address">

                <ul>

                    <li>地址:北理工国防大厦111号</li>

                    <li>电话:088-88888888</li>

                    <li>邮箱:kefu@imooc.com</li>

                    <li>邮编:666666</li>

                    <li>网址:http://imooc.com</li>

                    <li>举报热线:088-88888888</li>

                </ul>

            </div>

        </div>

</body>

</html>


写回答

1回答

好帮手慕久久

2022-03-23

同学你好,如下结构没有写闭合的p标签:

https://img.mukewang.com/climg/623af7c209d0d8ad12510254.jpg

需要补全:

https://img.mukewang.com/climg/623af7cf09386a3707320281.jpg

div就是“盒子”,它里面几乎可以放任何标签(div标签、p标签、a标签、ul、li......)。代码的书写方式并不唯一,嵌套方式也不唯一,同学可以大胆写,不确定是否正确,可以粘贴出来,让老师帮你判断。

祝学习愉快!

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程