请老师检查小慕医生作业。
来源:2-16 小慕医生项目开发
xcn_aaaa
2022-05-13 17:38:51
<!DOCTYPE html> <html> <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"> <meta name="Keywords" content="内科,外科,神经科,消化科"> <meta name="Description" content="小慕医生 - 专业、守护、贴心"> <title>小慕医生</title> </head> <body> <!-- 头部区域 --> <div class="header"> <!-- logo --> <div class="logo"> <h1>小慕医生</h1> </div> <!-- 工具区域 --> <div class="tool"></div> </div> <div class="nav"> <!-- 导航栏模块 --> <ul> <li>页首</li> <li>医院概况</li> <li>医院动态</li> <li>专家学科</li> <li>服务指南</li> <li>医院文化</li> <li>信息公开</li> <li>互动交流</li> </ul> </div> <div class="banner"> <!-- 小圆圈 --> <ol> <li></li> <li></li> <li></li> <li></li> </ol> </div> <div class="content"> <div class="useful-link"> <ul> <li>就诊须知</li> <li>就医流程</li> <li>专家介绍</li> <li>科室介绍</li> <li>医保就医</li> <li>健康体检</li> </ul> </div> <div class="news-and-notice"> <div class="news"> <h2>医院动态</h2> <div class="news-content"> <!-- 图片新闻 --> <div class="hotnews"> <!-- 放新闻大图片 --> </div> <!-- 新闻列表 --> <ul> <li>年度医疗机构用血自查评分表和科室基本信息表</li> <li>关于上报北京市医疗机构临床用血信息的通知</li> <li>北京医院输血科通过验收并获批开展“临床基…</li> <li>国家药品监督管理局关于修订都梁软胶囊非处…</li> <li>关于将多拉司琼注射剂等药品纳入本市基本医…</li> <li>关于调整完善本市基本医疗保险门诊特殊疾病…</li> <li>广东省药学会:关于印发《超药品说明书用药…</li> <li>人力资源社会保障部关于将36种药品纳入国家…</li> </ul> </div> </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> <!-- 广告图片 --> <div class="ad-images"></div> <!-- 科室介绍 --> <div class="dep-info"> <h2>科室介绍</h2> <div class="dep-content"> <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> <!-- 专家介绍 --> <div class="exp-info"> <h2>专家介绍</h2> <ul> <li> <div class="picbox"></div> <div class="wordbox"> <p>姓名:李琳</p> <p>科室:肿瘤内科</p> <p>职称:主任医师</p> <p>介绍:北京医院肿瘤内科科室主任,党支部书记,副教授,硕士研究生导师,中国老年肿瘤专业委员会肺癌分委会常务委员,北京医学……</p> </div> </li> <li> <div class="picbox"></div> <div class="wordbox"> <p>姓名:毛永辉</p> <p>科室:肾脏内科</p> <p>职称:主任医师</p> <p>介绍:北京医院肾内科主任,主任医师,硕士研究生导师。1989年毕业于华西医科大学临床医学院,后在北京医院内科、肾内科工作……</p> </div> </li> <li> <div class="picbox"></div> <div class="wordbox"> <p>姓名:黄慈波</p> <p>科室:风湿免疫科</p> <p>职称:主任医师</p> <p>介绍:教授主任医师研究生导师卫生部北京医院风湿免疫科主任,北京大学医学部风湿免疫系副主任;海峡两岸医师交流协会风湿免疫……</p> </div> </li> <li> <div class="picbox"></div> <div class="wordbox"> <p>姓名:曹素艳</p> <p>科室:特需医疗部</p> <p>职称:主任医师</p> <p>介绍:北京医院特需医疗部(健康管理中心)/全科医疗部主任,老年与全科医学中心副主任,主任医师,医学硕士。北京大学医学部硕士……</p> </div> </li> <li> <div class="picbox"></div> <div class="wordbox"> <p>姓名:陈海波</p> <p>科室:神经内科</p> <p>职称:主任医师</p> <p>介绍:北京医院神经内科主任,主任医师,北京大学医学部神经病学系副主任、教授。中国医师协会神经内科医师分会副会长兼帕金……</p> </div> </li> <li> <div class="picbox"></div> <div class="wordbox"> <p>姓名:Jack</p> <p>科室:普通外科</p> <p>职称:主任医师</p> <p>介绍:北京医院普通外科主任,胃肠外科主任,北京大学医学部硕士研究生导师,1985年毕业于白求恩医科大学,从事普外科临床工……</p> </div> </li> </ul> </div> </div> <div class="foot"> <div class="friend-links"> <h2>友情链接</h2> <ul> <li>院长信箱</li> <li>投诉信箱</li> <li>在线调查</li> <li>地理位置</li> <li>网站地图</li> <li>网站帮助</li> <li>隐私声明</li> </ul> </div> <!-- 小慕医生联系方式 --> <div class="address"> <h2>小慕医生</h2> <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回答
同学你好,代码没有语法上的错误,问题解答如下:
1、当前阶段,.center这个盒子可以不写。后面学了样式后,需要利用该盒子让内容在页面上水平居中:
那个时候就需要写.center这个盒子了。
暂时了解即可,学了样式后再回头思考该问题。
2、不写dep-content这个盒子也可以,代码的实现方式并不唯一。但是写了之后,可以更清晰的划分页面结构,所以推荐写上该盒子:
我们通常会将页面结构划分成“一块一块”,这样页面结构更清晰。每一块结构中的内容最好放到一起,即可以用一个div包裹起来,这样查看代码的时候也更清晰。
祝学习愉快!
相似问题