大国工匠 HTML,CSS接下文

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>大国工匠</title>
        <link rel="stylesheet" type="text/css" href="css/crafts.css" />
    </head>
    <body>
        <div id="top">
            <div id="top_left">
                <ul>
                    <li><a href="https://www.cctv.com/" target="_blank">央视网首页</a></li>
                    <li><a href="https://news.cctv.com" target="_blank">新闻</a></li>
                    <li><a href="https://v.cctv.com" target="_blank">视频</a></li>
                    <li><a href="https://jingji.cctv.com/" target="_blank"></a>经济</li>
                    <li><a href="https://sports.cctv.com" target="_blank">体育</a></li>
                    <li><a href="https://military.cctv.com/" target="_blank">军事</a></li>
                    <li><a id="gengduo">更多&gt;&gt;</a></li>
                </ul>
            </div>
            <div id="top_right">
                <ul>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">帮助</a></li>
                    <li><a href="#">应用</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
        <div id="banner">
        </div>
        <div id="nav_bg">
            <nav>
                <ul>
                    <li><a href="#">专题首页</a></li>
                    <li><a href="#">匠心传世</a></li>
                    <li><a href="#">先锋传</a></li>
                    <li><a href="#">中国梦实践者</a></li>
                    <li><a href="#">致敬匠心</a></li>
                    <li><a href="#">视频推荐</a></li>
                    <li><a href="#">独家策划</a></li>
                    <li><a href="#">图片报道</a></li>
                    <li><a href="#">网友留言</a></li>
                </ul>
            </nav>
        </div>
        <div id="main">
            <div id="news">
                <h3 class="img_bar">头条新闻</h3>
                <h2><a href="#">2020年“中国梦.大国工匠篇”大型主题宣传活动持续开展</a></h2>
                <ul class="news_list">
                    <li><a target="_blank" href="#">做个“匠人”修颗“匠人”--“大国工匠湖北行”记者调研手记</a></li>
                    <li><a target="_blank" href="#">【中国梦.大国工匠】铁轨工匠信恒均:21年苦心钻研成土专家”</a></li>
                    <li><a target="_blank" href="#">“柴油机医生”鹿新弟:把发动机当孩子</a></li>
                    <li><a target="_blank" href="#">【中国梦.大国工匠】整音工匠吴宝卿:识别声音的色彩</a></li>
                    <li><a target="_blank" href="#">【大国工匠】王津:思考十年 修复两年 古钟出尘现光华</a></li>
                    <li><a target="_blank" href="#">【大国工匠】孟剑锋:银箔乱真与丝巾 依古法百万次暫击而成</a></li>
                    <li><a target="_blank" href="#">从“神一”到“神十”,他“雕刻”的产品合格率100%</a></li>
                    <li><a target="_blank" href="#">【大国工匠】毛胜利:29年当晒成纸 依古法续写宣纸传奇</a></li>
                </ul>
                <h2><a href="#">【大国工匠】敬业,责任和技术的组合就是工匠精神</a></h2>
                <ul class="news_list">
                    <li><a href="#">[央视评论]致敬匠心:人生在勤,勤则不匮</a></li>
                    <li><a href="#">中国制造放慢脚步:“工匠精神”走红“世界工厂”</a></li>
                    <li><a href="#">【央视评论】培养我们的“大国工匠”是“挑战不可能”吗?</a></li>
                </ul>
            </div>
            <div id="video">
                <h3 class="img_bar">视频推荐</h3>
                <div>
                    <a href=""><img src="./img/dggj.jpg" alt="" width="320" height="240"></a>
                </div>
                <ul class="news_list2">
                    <li><a href="#">《大国工匠》10月5日播出第六集:大技贵精</a></li>
                    <li><a href="#">《大国工匠》10月5日播出第五集:大工传世</a></li>
                    <li><a href="#">《大国工匠》10月4日播出第四集:大艺法古</a></li>
                    <li><a href="#">《大国工匠》10月3日播出第三集:大巧破难</a></li>
                    <li><a href="#">《大国工匠》10月2日播出第二集:大术无极</a></li>
                    <li><a href="#">《大国工匠》10月2日播出第一集:大勇不惧</a></li>
                </ul>
            </div>
        </div>
        <div id="origin">
            <h3 class="img_bar">匠心传世</h3>
            <ul>
                <li><img src="img/1.jpg" alt="">
                    <p><a href="">第一集 大勇不惧</a></p>
                </li>
                <li><img src="img/2.jpg" alt="">
                    <p><a href="">第二集 大工传世</a></p>
                </li>
                <li><img src="img/3.jpg" alt="">
                    <p><a href="">第三集 大艺法古</a></p>
                </li>
                <li><img src="img/4.jpg" alt="">
                    <p><a href="">第四集 大巧破难</a></p>
                </li>
                <li><img src="img/5.jpg" alt="">
                    <p><a href="">第五集 大术无极</a></p>
                </li>
            </ul>
        </div>
        <footer>
            <p>中央电视台网站 | 关于CCTV.com | 联系CCTV.com | 人才招聘 |网站声明 | 法律顾问 | CCTV广告中心 | 帮助中心</p>
            <p>中央广播电视总台  央视网  版权所有</p>
            <p>违法和不良信息举报电话:010-88047123 京ICP证060535号<img src="img/police.png" alt="">京公网安备 11000002000018号 京网文[2014]0383-083号</p>
            <p>网上传播视听节目许可证号 0102002  新出网证(京)字098号  中国互联网视听节目服务自律公约</p>
        </footer>
    </body>
</html>

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值