老师，帮我看下小慕医生的练习代码
来源：2-16 小慕医生项目开发
dy12369
2021-05-27 00:14:47
<!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">
<!--页面logo-->
<div class="logo">
<h1>小慕医生</h1>
</div>
<!--页面的功能区-->
<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>
<!--网页的nanner区域，在这里需要用轮播的方式来显示图标切换-->
<div class="banner">
<!--小圆点有序列表-->
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
</div>
<!--网页的主要内容-->
<div class="content">
<!--页面的常用链接-->
<div class="useful-links">
<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="hot-news"></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>
<p>《养生堂》</p>
<p>公郭立新主任 特殊时期糖尿病人的新冠…</p>
</li>
<li>
<p>《养生堂》</p>
<p>王少为主任 新型冠状病毒防控指引十八…</p>
</li>
<li>
<p>《我要当医生》</p>
<p>谭玲副主任 李同舟 姚晨蕊药师</p>
</li>
<li>
<p>《全民健康学院》</p>
<p>王建业院长 “医”路有你 健康同行</p>
</li>
<li>
<p>《健康北京》</p>
<p>王建业院长 莫把衰老当病治</p>
</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="footer">
<!--友情链接-->
<div class="friend-links">
<h3>友情链接</h3>
<ul>
<li>院长信箱</li>
<li>投诉信箱</li>
<li>在线调查</li>
<li>地理位置</li>
<li>网站地图</li>
<li>网站帮助</li>
<li>隐私声明</li>
</ul>
</div>
<!--小慕医生联系方式-->
<div class="address">
<h3>小慕医生</h3>
<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回答
-
好帮手慕慕子
2021-05-27
同学你好，代码是对的，效果实现的很棒。
医院公告这块，同学使用p标签包裹文字是可以的，不过也可以参考视频中老师的讲解，使用定义列表，让代码更加语义化，如下：
祝学习愉快~
0
相似问题