第二個版本：點擊預約掛號可跳轉到排班表，獲取之後7個星期的排班 先放圖 首先是index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <!-- 框架 --> <lin ...
第二個版本：點擊預約掛號可跳轉到排班表，獲取之後7個星期的排班
先放圖
首先是index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <!-- 框架 --> <link rel="stylesheet" href="css/layout.css"> <!-- 基本樣式 --> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/ui.css"> </head> <body> <!-- 頂部 --> <div id="top" class="top"> <div class="wrap"> <p class="call">010-114/116114電話預約</p> <p class="welcome">歡迎來到城市醫院預約掛號統一平臺 請 <a href="">登錄</a> <a href="">註冊</a> <a href="">幫助中心</a></p> </div> </div> <!-- 頭部 --> <div id="header" class="header"> <div class="wrap"> <a href="#" class="logo"><img src="./img/logo.png" alt=""></a> <div class="search ui-search"> <div class="ui-search-selected">醫院</div> <div class="ui-search-select-list"> <a href="#1">科室</a> <a href="#1">疾病</a> <a href="#1">醫院</a> </div> <input type="text" name="search-content" class="ui-search-input" placeholder="請輸入搜索內容"> <a href="#" class="ui-search-submit"> </a> </div> </div> </div> <!-- 導航 --> <div id="nav" class="nav"> <div class="wrap"> <a href="" class='link'>首頁</a> <a href="" class='link'>按醫院掛號</a> <a href="" class='link'>按科室掛號</a> <a href="" class='link'>按疾病掛號</a> <a href="" class='link'>最新公告</a> <a href="" class='link right'>社會知名醫院</a> </div> </div> <!-- 簡介 --> <div id="about" class="about"> <div class="wrap"> <div class="a-title"> <div class="a-title-left"> <span>北京協和醫院</span> <span class="yellow">關註醫院</span> </div> <div class="a-title-right"> <span><a href="">等級：</a>三級甲等</span> <span><a href="">區域：</a>東城區</span> <span><a href="">分類：</a>中國醫科院所屬醫院</span> </div> </div> <div class="a-content"> <div class="a-content-left"><img src="img/hospital-1.jpg" alt=""></div> <div class="a-content-center"> <div class="text"><span class="t-span">醫院（Hospital）一詞是來自於拉丁文原意為“客人”。</span></div> <div class="text"><span class="t-span">醫院（Hospital）一詞</span></div> <div class="text"><span class="t-span">醫院（Hospital）一詞是來自於拉丁文</span></div> <div class="text"><span class="t-span">醫院（Hospital）一詞是來自於拉丁文原意為“客人”，因為一開始設立時，是供人避難，還備有休息間，使來者舒適，有招待意圖。後來，才逐漸成為滿足人類醫療需求，提供醫療服務的專業機構，收容和治療病人的服務場所。後來，才逐漸成為滿足人類醫療需求，提供醫療服務的專業機構，收容和治療病人的服務場所。</span></div> </div> <div class="a-content-right"><img src="img/map-1.png" alt=""></div> </div> </div> </div> <!-- tab框 --> <div id="content" class="content"> <div class="wrap clearfix"> <div class="content-tab"> <!-- tab導航 --> <div class="caption"> <a href="#8" class="item item_focus">預約掛號</a> <a href="#7" class="item">醫院介紹</a> <a href="#6" class="item">預約須知</a> <a href="#5" class="item">停診信息</a> <a href="#4" class="item">查詢取消</a> </div> <!-- tab內容 --> <div class="block"> <!-- 預約掛號 --> <div class="item"> <table class='table1' cellpadding='0' cellspacing='0' rules="rows"> <tr class="bg1"> <td colspan="2">開放預約科室</td> </tr> <tr> <td class="bg2">2301</td> <td> <a href="detail.html">特殊門診科</a> <a href="detail.html">特殊門診科</a> <a href="detail.html">特殊門診科</a> <a href="detail.html">特殊門診科</a> <a href="detail.html">特殊門診科</a> <a href="detail.html">特殊門診科</a> <a href="detail.html">特殊門診科</a> <a href="detail.html">特殊門診科</a> <a href="detail.html">特殊門診科</a> <a href="detail.html">特殊門診科</a> </td> </tr> <tr> <td class="bg2">專科</td> <td> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> </td> </tr> <tr> <td class="bg2">內科</td> <td> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> </td> </tr> <tr> <td class="bg2">內科</td> <td> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> <a href="detail.html">麻醉科</a> </td> </tr> </table> <!-- 預約規則 --> <div class="content-news"> <div class="caption2"> 預約規則 <a href="" class="more">(更新時間，每日8:30更新)</a></div> <div class="list"> <table class="table3"> <tr> <td class="left">預約周期：</td> <td>7天</td> </tr> <tr> <td class="left">房號時間：</td> <td>8:30</td> </tr> <tr> <td class="left">預約周期：</td> <td>(更新時間，每日8:30更新)(更新時間，每日8:30更新)</td> </tr> <tr> <td class="left">預約周期：</td> <td>(更新時間，每日8:30更新)</td> </tr> <tr> <td class="left">特殊規則：</td> <td>北京協和醫院是一所位於北京市東城區，集醫療、科研、教學為一體的大型綜合醫院。它隸屬於中國協和醫科大學(2006年改為北京協和醫學院/清華大學醫學部)，是其臨床醫學院，同時也是中國醫學科學院的臨床醫學研究所，中華人民共和國衛生部指定的診治疑難重症的技術指導中心之一。<br>北京協和醫院是一所位於北京市東城區，集醫療、科研、教學為一體的大型綜合醫院。它隸屬於中國協和醫科大學(2006年改為北京協和醫學院/清華大學醫學部)，是其臨床醫學院，同時也是中國醫學科學院的臨床醫學研究所，中華人民共和國衛生部指定的診治疑難重症的技術指導中心之一。</td> </tr> </table> </div> </div> </div> <!-- 醫院介紹 --> <div class="item" style="display: none"> <p class="t-about">北京協和醫院是一所位於北京市東城區，集醫療、科研、教學為一體的大型綜合醫院。它隸屬於中國協和醫科大學(2006年改為北京協和醫學院/清華大學醫學部)，是其臨床醫學院，同時也是中國醫學科學院的臨床醫學研究所，中華人民共和國衛生部指定的診治疑難重症的技術指導中心之一。</p> <p class="t-about">北京協和醫院在中國乃至世界享有盛名。醫院成立於1921年。現任院長趙玉沛。北京協和醫院是中國最早承擔外賓醫療任務的單位，醫院專門設立外賓和高幹門診部，開設專門的高幹、外賓、特需病區。2006年7月28日被中國奧委會定為“國家隊運動員醫療服務指定醫院”。2006年7月28日被中國奧委會定為“國家隊運動員醫療服務指定醫院”。</p> <p class="t-about">2017年11月11日下午，復旦大學醫院管理研究所正式發佈了《2016年度中國醫院排行榜》和《2016年度中國醫院專科聲譽排行榜》，北京協和醫院名列榜首 [1] 。2017年11月11日下午，復旦大學醫院管理研究所正式發佈了《2016年度中國醫院排行榜》和《2016年度中國醫院專科聲譽排行榜》，北京協和醫院名列榜首 [1] 。2017年11月11日下午，復旦大學醫院管理研究所正式發佈了《2016年度中國醫院排行榜》和《2016年度中國醫院專科聲譽排行榜》，北京協和醫院名列榜首 [1] 。</p> <p class="t-about">2018年12月4日消息，被國家衛健委公佈為首批腫瘤多學科診療試點醫院。 [2] 2019年11月10日，復旦版《2018年度中國醫院排行榜》發佈，北京協和居首。</p> </div> <!-- 預約須知 --> <div class="item" style="display: none"> <p class="p-title">北京協和醫院預約掛號須知</p> <p class="p-about"><span>電話預約掛號：010(24小時）</span></p> <p class="p-about"><span>網路預約掛號：010(24小時）</span><br>北京協和醫院是一所位於北京市東城區，集醫療、科研、教學為一體的大型綜合醫院。它隸屬於中國協和醫科大學(2006年改為北京協和醫學院/清華大學醫學部)，是其臨床醫學院。</p> <p class="p-about"><span>一、預約時間範圍：010(24小時）</span><
