<!DOCTYPE html> <html> <head> <title>个人主页</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> /*设置超链接样式*/ table { border-collapse: collapse; border-spacing: 0; } a { color: #5086a5; text-decoration: none; font-size: 12px; } a:hover { color: #5086a5; text-decoration: underline; font-size: 12px; } a:visited { color: #5086a5; font-size: 12px; } /*整个tab层居中，宽度为600px*/ #tabDiv { 600px; margin: 1em auto; padding-bottom: 10px; border-right: #b2c9d3 1px solid; border-top: #b2c9d3 1px solid; border-left: #b2c9d3 1px solid; border-bottom: #b2c9d3 1px solid; background: #ffffff; } /*tab头的样式*/ #tabsHead { padding-left: 0px; height: 26px; background-color: #e8f7fc; font-size: 1em; margin: 1px 0px 0px; color: #5086a5; line-height: 26px; } /*已选tab头（超链接）的样式*/ .curtab { padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; border-right: #b2c9d3 1px solid; font-weight: bold; float: left; cursor: pointer; background: #ffffff; } /*未选tab头（超链接）的样式*/ .tabs { border-right: #c1d8e0 1px solid; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-weight: normal; float: left; cursor: pointer; } p { font-size: 12pt; text-indent: 2em; } li { border-bottom-style: solid; border-bottom-color: #EEE; border-bottom- thin; height: 25px; font-family: "宋体"; font-size: 12pt; } </style> <script type="text/jscript"> //显示tab（tabHeadId：tab头中当前的超链接；tabContentId要显示的层ID） function showTab(tabHeadId,tabContentId) { //tab层 var tabDiv = document.getElementById("tabDiv"); //将tab层中所有的内容层设为不可见 //遍历tab层下的所有子节点 var taContents = tabDiv.childNodes; for(i=0; i<taContents.length; i++) { //将所有内容层都设为不可见 if(taContents[i].id!=null && taContents[i].id != 'tabsHead') { taContents[i].style.display = 'none'; } } //将要显示的层设为可见 document.getElementById(tabContentId).style.display = 'block'; //遍历tab头中所有的超链接 var tabHeads = document.getElementById('tabsHead').getElementsByTagName('a'); for(i=0; i<tabHeads.length; i++) { //将超链接的样式设为未选的tab头样式 tabHeads[i].className='tabs'; } //将当前超链接的样式设为已选tab头样式 document.getElementById(tabHeadId).className='curtab'; document.getElementById(tabHeadId).blur(); } </script> </head> <body> <div style=" 100%; font-family: 微软雅黑; text-align: center; font-size: 20pt;">我家歌手的个人主页</div> <div id="tabDiv" style=" 1000px"> <div id="tabsHead"> <a id="tabs1" class="curtab" href="javascript:showTab('tabs1','tabContent1')">基本资料</a> <a id="tabs2" class="tabs" href="javascript:showTab('tabs2','tabContent2')">获奖记录</a> </div> <div id="tabContent1" style="display: block"> <table style="border- 0; 100%"> <tr> <td rowspan="3" style=" 300px; text-align: center"><img alt="薛之谦" src="xzq.jpg" style=" 280px" /></td> <td colspan="3" rowspan="3"> <table border="1" style="border-left-color: aqua; border-bottom-color: aqua; 701px; border-top-style: solid; border-top-color: aqua; border-right-style: solid; border-left-style: solid; height: 380px; border-right-color: aqua; border-bottom-style: solid"> <tr> <td style=" 50%">姓名：薛之谦</td> <td style=" 50%">生日：1983.07.17</td> </tr> <tr> <td style=" 50%">国籍：中华人民共和国</td> <td style=" 50%">出生地：上海</td> </tr> <tr> <td style=" 50%; height: 29px">身高：175cm</td> <td style=" 50%; height: 29px">体重：忽上忽下，胖着玩玩儿</td> </tr> <tr> <td style=" 50%">属相：猪猪 </td> <td style=" 50%">星座：巨蟹座</td> </tr> <tr> <td colspan="2"> <p>薛之谦（Joker Xue），1983年7月17日出生于上海市，中国内地流行乐男歌手、音乐制作人、影视演员，非科班出身，毕业于格里昂酒店管理学院。</p> <p>2005年，因参加选秀节目《我型我秀》而正式出道 。</p> <p>2013年，出演民国情感剧《新京华烟云》 。</p> <p>2006年，发行首张同名专辑《薛之谦》，随后凭借歌曲《认真的雪》获得广泛关注。</p> <p>2015年，在都市青春偶像剧《十五年等待候鸟》中饰演柳千仁 ；同年，出演年代剧《白鹿原》 。</p> <p>2015年6月，薛之谦首度担当制作人并发行原创EP《绅士》；同年，他还主演都市励志剧《妈妈像花儿一样》 。</p> <p>2016年，凭借EP《绅士》、《一半》获得第16届全球华语歌曲排行榜最受欢迎男歌手、五大最受欢迎男歌手奖、上海地区杰出歌手奖及最受欢迎创作歌手奖，而歌曲《初学者》则获得年度二十大金曲奖 。2017年4月，开启“我好像在哪见过你”全国巡回演唱会；同年，薛之谦获得第7届全球流行音乐年度盛典年度最佳男歌手及MusicRadio榜中国TOP排行榜内地最佳男歌手。</p> <p>2018年7月，薛之谦“摩天大楼”世界巡回演唱会于北京站启程，整个巡演横跨4大洲，8个国家，21个城市，累计上演场次23场。2020年12月31日，发行第11张个人专辑《天外来物》。</p> <p>18年演唱会结束后，他以参加音乐节的形式前往巡回演唱会中未曾涉及的城市演出，以赴与歌迷的"在你们的城市等我"之约（如2021-05-04至05日的洛阳与云台山音乐节），压轴出场引发全场万人大合唱。</p> </td> </tr> </table> </td> </tr> <tr> </tr> <tr> </tr> </table> </div> <!--以下为获奖记录部分内容--> <div id="tabContent2" style="display: none"> <ul> （仅2021年不完全统计） <li>03-01：《天外来物》MV播放量破亿</li> <li>02-25：《演员》MV1000万认证（仅QQ音乐单平台数据）</li> <li>02-21：QQ音乐满千万收藏单曲华语歌手第一</li> <li>02-13：星云人气榜《把你揉碎捏成苹果》总助力人气第一</li> <li>01-04：《木偶人》荣获年度最佳国语歌曲</li> <li>01-24：腾讯音乐盛典年度·最具影响力内地男歌手</li> <li>01-24：腾讯音乐盛典年度·全民K歌年度传唱歌手</li> <li>01-24：腾讯音乐盛典年度·《天外来物》年度十大金曲</li> <li>YouTube播放量内地歌手第一</li> <li>Spotify播放量内地歌手第一</li> <li>海外演唱会票房内地歌手第一</li> <li>未完待续………………</li> </ul> </div> </div> <hr /> <div style="text-align: center; 100%; font-size: 12px; color: #333;">©版权所有：石家庄铁道大学信息科学与技术学院</div> </body> </html>