html考试

<!DOCTYPE html>
<html lang="CN">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .image-container {
            position: relative;
            cursor: pointer;
        }
        .image-container img {
            width: 100%;
            transition: transform 0.3s ease;
        }
        .image-container:hover img {
            transform: scale(1.1); /* 图片放大10% */
            
            
        }
           .xx{
           width: 950px;
           margin: 0 auto;
        }
        .daohang {
            background-color: aquamarine;
            height: 30px;
            padding-top: 15px;
        }

        .daohang a {
            margin-left: 12px;
            text-decoration: none;
            color: green;
        }

        .daohang a:hover {
            color: red;
        }

        .neirong h1 {
            text-align: center;
        }

        .neirong p {
            text-indent: 2rem;
        }

        .neirong {
            padding: 30px;
            border: 1px darkgoldenrod solid;
        }

        .yejiao{
            height: 30px;
            text-align: center ;
            background-color: burlywood;
            padding-top:30px ;
            border-radius: 55% 55% 0% 0%;
        }
    
    </style>
</head>

<body>
    
    <div class="xx">
        <div class="yemei">
        <img src="img/banner.gif" alt="">    
        
    
    <div class="daohang">
        <a href="">首页</a>
        <a href="">日志</a>
        <a href="">相册</a>
        <a href="">留言板</a>
        <a href="">小组分工</a>
    </div>
    <div class="dahang2">

    </div>
    <div class="neirong">
        <h1>军训感言</h1>
        <P>军训是大学的第一堂课,在这堂课上有严明的纪律、有紧张、有欢笑...
            ...火热的阳光炙烤着大地和我们的身躯,这几天对我来说就像是几个世纪一样的难熬,好想为自己找一个逃避的理由。教官教诲我们:“想尽一切办法,克服一切困难,完成一切任务,争取一切荣誉。”
            我的思想开始转变,考入大学并不意味着一劳永逸,人生中有好多的关口要过,有好多的责任等我们去抗,又有好多的义务等我们去尽。大学只是万里长征中的第一步,那种“船到码头车到站,兵器入库马放南山”的思想对当代大学生的成长都是不建康的。
        </P>
        <P>军训不仅仅是对我们的身体的考验,更多的是对我们的意志的磨练,同时提高我们的思想水平和团队精神,“宝剑锋从磨砺出,梅花香自苦寒来”人是在不断的磨练中长大的,就像一棵小树一样经历风雨后才能变成参天大树,军人的气质和钢铁般的意志给我很深刻的印象,正如一首军歌歌词描写的一样:“还硬比钢还强”。在我们军训中我们军人、学生一家人,了解不少的军中生活,体会到了军人的艰辛,感受到了军人的豪迈气概,他们肩负着保卫国家的重任,苦中的乐,教官说:“当兵后悔二年,不当兵会后悔一辈子”
            。军人的奉献精神和大公无私深深的打动我们每个人,我们的新生班主任给我们讲解生活中要注意的事项,为我们今后的学习生活做准备,辅导员教师像大哥哥一样照看着我们。在这里有酸楚的泪水,有苦咸的汗水,有飘扬的歌声,有欢乐的笑声,这些就像不灭的音符跳动不已,我们是充实的,我们是快乐的,苦与累已化作美与甜,军训——我们不后悔
        </P>
        <P>军训已过去三天,这三天中我的感触很深。感觉到我比以前坚强多了,总觉得自己全身都是力量,叠被子是我在军训三天中觉得最难的,因为以前没有叠过被子,叠起来就头大,怎么也叠不好,尽管教官一而再的教,可我还是叠不好,使我都觉得我没有喝方面的天赋,呵呵,经过不懈的努力,我最终还是会叠了,军训中还有很多很多的感慨,它们都会影响我的一生。
        </P>
        <P>感谢军训,它教会了我很多以前没学到的东西。</P>
    </div>
    <div class="yejiao">版权信息</div>
    </div>
    <div class="image-container" οnclick="zoomImage(this)">
        <img src="img/OIP-C.jpg" alt="Your Image">
    <script>
        function zoomImage(element) {
            element.querySelector('img').style.transform = 'scale(1.2)'; // 缩放20%
            setTimeout(() => {
                element.querySelector('img').style.transform = 'scale(1)'; // 回到原始大小
            }, 1500); // 1.5秒后恢复原样
        }
    </script>
    </div>
</div>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值