每日总结6

<!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">
  <title>下雪啦</title>
  <link rel="stylesheet" href="./index.css">
<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: ff0000;
    text-decoration: none;
    font-size: 12px;
}

a:hover {
    color:ff0000;
    text-decoration: underline;
    font-size: 12px;
}

a:visited {
    color:ff0000;
    font-size: 12px;
}

#tabDiv {
    width: 600px;
    margin: 1em auto;
    padding-bottom: 10px;
    border-right:#ff0000;
    border-top:#ff0000;
    border-left:#ffff00;
    border-bottom:#ffff00;
    background:#00ffff;
}

#tabsHead {
    padding-left: 0px;
    height: 26px;
    background-color: #e8f7fc;
    font-size: 1em;
    margin: 1px 0px 0px;
    color: #ffff00;    
    line-height: 26px;
}

.curtab {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-right: #000099;
    font-weight: bold;
    float: left;
    cursor: pointer;
    background: #ffff00;
}
/*未选tab头（超链接）的样式*/
.tabs {
    border-right:#ff0000;
    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:#000099;
      border-bottom-width: thin;
      height: 25px;
    font-family: "宋体";
    font-size: 12pt;
}
</style>

<script type="text/jscript">
        function showTab(tabHeadId,tabContentId) 
        {
            
            var tabDiv = document.getElementById("tabDiv");
     
            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';          
       
            var tabHeads = document.getElementById('tabsHead').getElementsByTagName('a');
            for(i=0; i<tabHeads.length; i++) 
            { 
          
                tabHeads[i].className='tabs'; 
            }
     
            document.getElementById(tabHeadId).className='curtab';
            document.getElementById(tabHeadId).blur();
        }
</script>
</head>

<body>

<!-- 先写第一粒雪 -->
  <div class="snow"></div>
  <!-- 第二粒雪 -->
  <div class="snow"></div>
  <!-- 剩下的198粒雪 -->
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
  <div class="snow"></div>
    <div style="width: 100%; font-family: 微软雅黑; text-align: center;color: ＃FF4500; font-size: 20pt;"><font color="red">学生个人主页</font></div>

    <div id="tabDiv" style="width: 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>
            <a id="tabs3" class="tabs" href="javascript:showTab('tabs3','tabContent3')">疾风剑豪-亚索</a>
        </div>

        <div id="tabContent1" style="display: block">
            <table style="border-width: 0; width: 100%">
                <tr>
                    <td rowspan="3" style="width: 300px; text-align: center"><img alt="冉子旭" src="1/1.jpg" style="width: 280px" /></td>
                    <td colspan="3" rowspan="3">
                        <table border="1" style="border-left-color:#ff0000; border-bottom-color:ff0000; width: 701px; border-top-style: solid; border-top-color:ff0000; border-right-style: solid; border-left-style: solid; height: 380px; border-right-color: ff0000; border-bottom-style: solid">
                            <tr>
                                <td style="width: 50%">姓名：冉子旭</td>
                                <td style="width: 50%">生日：2003.02.16</td>
                            </tr>
                            <tr>
                                <td style="width: 50%">国籍：中华人民共和国</td>
                                <td style="width: 50%">出生地：河北省保定市</td>
                            </tr>
                            <tr>
                                <td style="width: 50%; height: 29px">身高：182cm</td>
                                <td style="width: 50%; height: 29px">体重：90kg</td>
                            </tr>
                            <tr>
                                <td style="width: 50%">血型：不知道</td>
                                <td style="width: 50%">星座：天平座</td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <p>2003年出生，见识到了这个未知的世界</p>
                                    <p>2008年开始上小学，认识到了学习的痛苦</p>
                                    <p>2021年考上石家庄铁道大专</p>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                </tr>
            </table>
        </div>
        <!--以下为获奖记录部分内容-->
        <div id="tabContent2" style="display: none">
            <ul>
                <li>美国《时代周刊》2005年年度风云人物</li>
                <li>感动中国2008年度人物</li>
                <li>联合国2019年度地球卫士奖联合获奖人</li>
                <li>国际奥委会2022年奥林匹克奖杯获得者</li>
        
            </ul>
        </div>
        <div id="tabContent3" style="display: none">
            <ul>
       <td rowspan="5" style="width: 600px; text-align: center"><img alt="疾风剑豪" src="https://game.gtimg.cn/images/lol/act/img/skin/big157000.jpg" style="width: 900px" /></td>
        
            </ul>
        </div>
    </div>
    <hr />
    <div style="text-align: center; width: 100%; font-size: 12px; color: ＃FF4500;">&copy;<font color="red">版权所有：石家庄铁道大学信息科学与技术学院</font></div>

</body>

</html>