新手腾讯制作代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Tencent 腾讯</title>

    <link rel="stylesheet" href="../css/腾讯官网首页.css">

</head>

<body>

    <div class="content">

        <div class="header">

            <div class="header-content">

                <a class="logo" href="./腾讯官网首页.html"><h1 class="logo-1">Tencent腾讯</h1></a>

                <a class="logo" href="./腾讯官网首页.html"><h1 class="logo-2">Tencent腾讯</h1></a>

                <ul class="menu-list">

                    <li class="menu-item"><a class="txt" href="./腾讯官网首页.html">简介</a>

                        <ul class="sub_list">

                            <li class="sub_item">

                                <a href="#" class="color">公司简介</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">愿景及使命</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">发展历程</a>

                            </li>0

                            <li class="sub_item">

                                <a href="#" class="color">业务架构</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">管理团队</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">董事会成员</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">企业文化</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">办公地点</a>

                            </li>

                        </ul>

                    </li>

                    <li class="menu-item"><a class="txt" href="./腾讯业务页面.html">业务</a>

                        <ul class="sub_list">

                            <li class="sub_item">

                                <a href="./腾讯业务页面.html" class="color">面向用户</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">面向企业</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">创新科技</a>

                            </li>

                        </ul>

                    </li>

                    <li class="menu-item"><a class="txt" href="#">员工</a>

                        <ul class="sub_list">

                            <li class="sub_item">

                                <a href="#" class="color">人才发展</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">腾讯学堂</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">工作环境</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">员工活动</a>

                            </li>

                        </ul>

                    </li>

                    <li class="menu-item"><a class="txt" href="#">ESG</a>

                        <ul class="sub_list">

                            <li class="sub_item">

                                <a href="#" class="color">环境</a>u

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">社会</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">治理</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">ESG评级</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">报告</a>

                            </li>

                        </ul>

                    </li>

                    <li class="menu-item"><a class="txt" href="#">投资者</a>

                        <ul class="sub_list">

                            <li class="sub_item">

                                <a href="#" class="color" >季度业绩及投资者新闻</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">公告及财务报告</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">业绩电话会及投资者日历</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">投资者工具包</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">证券及债券信息</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">环境、社会及管理</a>

                            </li>

                        </ul>

                    </li>

                    <li class="menu-item"><a class="txt" href="#">媒体</a>

                        <ul class="sub_list">

                            <li class="sub_item">

                                <a href="#" class="color">企业动态</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">财务新闻</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">腾讯视角</a>

                            </li>

                            <li class="sub_item">

                                <a href="#" class="color">媒体资料库</a>

                            </li>

                        </ul>

                    </li>

                </ul>

            <div class="lang_area">

                <a class="lang_cn" href="" lang="zh-cn">简</a>

                <i class="s_line">|</i>

                <a class="lang_hk" href="" lang="zh-hk">繁</a>

                <i class="s_line">|</i>

                <a class="lang_en" href="" lang="en-us">EN</a>

            </div>

            </div>

        </div>

        <div class="ten_root">

            <div class="summary_1">

                <section class="ten_banner">

                    <div class="ten_banner_swiper swiper-container">

                        <div class="swiper_wrapper">

                            <div class="ten_banner_slide swiper_slide" style="cursor: pointer; width: 1691px;">

                                <a href="#">

                                    <img src="../图片/腾讯公布二零二三年第三季业绩.jpg" alt=""  width="100%">

                                </a>

                            </div>

                        </div>

                        <div class="hhq"> <b>腾讯公布二零二三年第三季业绩</b> </div>

                        <div class="hhw"> <div><a href="#"><span class="hhe"> </span></a>   <a href="#"><span class="hhe1"> </span></a> </div>

                         <a href="#"><span class="hhe2"></span></a>

                         <a href="#"><span class="hhe3"></span></a>

                         <a href="#"><span class="hhe4"></span></a>  

                        <span class="hhr">_____________________________________________________________________________________</span>  </div>

                        <span class="hht"><b>最新动态</b></span>

                    </div>

                    <div class="zhongjian">

                        <div class="neirong1">

                            <div class="neirong2">

                                <img src="../图片/内容1图片.png" alt="" class="neirong3">

                            </div>  

                                <span class="neirong4">   "2024.01.31"   </span>

                                <h3 class="neirong5">腾讯新总部:无障碍设计欢迎每一个人</h3>

                                <p class="neirong6">随着前海新总部建设有序推进,我们计划于2024年低建成的两栋办公楼以达到中国无障碍三星级标准。</p>

                           

                        </div>

                        <div class="neirong11">

                            <div class="neirong12">

                                <img src="../图片/内容2图片.jpg" alt="" class="neirong13">

                                <span class="neirong14">   "2024.02.06"   </span>

                                <h3 class="neirong15">机器人如何照护失能老人</h3>

                                <p class="neirong16">腾讯银发科技实验室希望能够利用科技提高老年人养护水平。</p>

                            </div>

                        </div>


 

                        <div class="neirong111">

                            <div class="neirong112">

                                <img src="../图片/内容03.jpg" alt="" class="neirong113">

                                <span class="neirong114">   "2024.01.25"   </span>

                                <h3 class="neirong115">大自然的好朋友:科技如何保护雪豹和候鸟</h3>

                                <p class="neirong116">腾讯的生物多样性声明以“科技向善”为宗旨,阐述了腾讯在全球运营、提供商品及服务过程中,尽己所能地以创新推动自然生态保护。</p>

                            </div>

                        </div>



 

                        <div class="neirong1111">

                            <div class="neirong1112">

                                <img src="../图片/内容02.jpg" alt="" class="neirong1113">

                                <span class="neirong1114">   "2024.01.12"   </span>

                                <h3 class="neirong1115">街边小店和小修小补入驻数字地图</h3>

                                <p class="neirong1116">曾经无处不在的便民商铺和小修小补店正慢慢从中国的城市生活中“消失”。</p>

                            </div>

                        </div>



 

                        <div class="neirong11111">

                            <div class="neirong11112">

                                <img src="../图片/内容01.jpg" alt="" class="neirong11113">

                                <span class="neirong11114">   "2023.12.29"   </span>

                                <h3 class="neirong11115">微信刷掌支付: 轻松挥手完成支付</h3>

                                <p class="neirong11116">微信推出了开创性的刷掌支付系统,大大提高了日常生活的便利性和安全性。</p>

                            </div>

                        </div>




 

                        <div class="neirong33">

                            <div class="neirong331">

                                <img src="../图片/内容001.png" alt="" class="neirong332">

                            </div>  

                                <span class="neirong333">   "2023.03"   </span>

                                <h3 class="neirong334">腾讯女性领袖点赞科技她力量</h3>

                                <p class="neirong335">来自腾讯的女性作为促进创新和创造社会价值的代表,分享了各自的故事。</p>

                           

                        </div>

                        <div class="neirong3333">

                            <div class="neirong33331">

                                <img src="../图片/内容002.jpg" alt="" class="neirong33332">

                                <span class="neirong33333">   "2023.12.27"   </span>

                                <h3 class="neirong33334">腾讯数字化解决方案如何助力打开文化遗产之门</h3>

                                <p class="neirong33335">-尊拥有4500年历史的青铜人像从分崩离析的残片中穿越时光,在数字世界重现铸造之初的辉煌。</p>

                            </div>

                        </div>


 

                    </div>





 

                </section>

           

            </div>

        </div>


 

        <div class="tupian44">

            <div class="tupian4">

                <img src="../图片/图片1.jpg" alt="" class="tupian444">

                <h3 class="tupian4444">公司简介</h3>

            </div>

        </div>




 

        <div class="tupian441">

            <div class="tupian41">

                <img src="../图片/图片2.jpg" alt="" class="tupian4441">

                <h3 class="tupian44441">企业文化</h3>

            </div>

        </div>




 

        <div class="tupian442">

            <div class="tupian42">

                <img src="../图片/图片3.jpg" alt="" class="tupian4442">

                <h3 class="tupian44442">办公地点</h3>

            </div>

        </div>




 

        <div class="huise">

            <div class="huise1">

                <div class="wenzi1-1"></div>

                <div class="huise1-1">

                    <h1 class="wenzi1"><i><b>连接用户与生活</b></i></h1>

                    <span class="wenzi2">让生活更便捷更多彩</span>

                    <span class="jianto"><img src="../图片/右箭头.png" alt=""></span>

                </div>


 

            <div class="huise18">

                <div class="huise1-18">

                    <h1 class="wenzi18"><i><b>连接企业与科技</b></i></h1>

                    <span class="wenzi28">数字化助手,助力产业升级</span>

                </div>

            </div>




 

            <div class="huise19">

                <div class="huise1-19">

                    <h1 class="wenzi19"><i><b>连接现在与生活未来</b></i></h1>

                    <span class="wenzi29">探索面向未来的创新科技</span>

                </div>

            </div>




 

            </div>




 

            <div class="huise2">

                <div class="huise2-1"><img src="../图片/灰色图片1.jpg" alt="" width="350" height="250"></div>

                <h2 class="wenzi4">腾讯与社交</h2>

                <div class="huise2-2"><img src="../图片/灰色图片2.jpg" alt="" width="350" height="250"></div>

                <h2 class="wenzi4-1">数字与内容</h2>

                <div class="huise2-3"><img src="../图片/灰色图片3.jpg" alt="" width="350" height="250"></div>

                <h2 class="wenzi4-2">金融科技服务</h2>

                <div class="huise2-4"><img src="../图片/灰色图片4.jpg" alt="" width="350" height="250"></div>

                <h2 class="wenzi4-3">工具</h2>

            </div>



 

        </div>


 


 

        <div class="tengxun">

            <div class="tengxun1"><img src="../图片/腾讯为村图片01.jpg" alt="" width="500" height="400"></div>

            <span class="cun1"><i><b>腾讯为村</b></i></span>

            <span class="cun2">根据乡村使用场景定制微信公众号形成由村、乡镇、区具、州市组成的公众号集群服务村民,打造手机上的“为村服务中心”</span>

            <div class="tengxun2"><img src="../图片/腾讯为村图片02.png" alt="" width="50" height="400"></div>

            <h1 class="cun3">连接</h1>

            <h1 class="cun4">责任与信任</h1>

            <span class="cun5">聚合微小善行,以科技让世界更美好</span>

            <div class="tengxun3"><img src="../图片/右箭头黑.png" alt="" width="50" height="20"></div>

        </div>









 

        <div class="lianjie">

            <div class="rencai01"><img src="../图片/人才与发展图片.jpg" alt="" width="100%" height="750"></div>

            <h1 class="cun6">连接</h1>

            <h1 class="cun7">责任与信任</h1>

            <span class="cun8">聚合微小善行,以科技让世界更美好</span>

            <div class="tengxun4"><img src="../图片/右箭头黑.png" alt="" width="50" height="20"></div>

            <div>

                <a href="#"><span class="hhe2-2"></span></a>

                <a href="#"><span class="hhe3-3"></span></a>

                <a href="#"><span class="hhe4-4"></span></a>

            </div>

        </div>



























































 

        <div class="warp_footer666">

        <div class="warp_footer">

            <div class="footer_con">

                <div class="focus_us">

                    <h3 class="tit">关注我们</h3>

                    <ul class="focus_list">

                        <li><a href="#" class="wechat-bth">

                            <i class="icon i_wechat"></i>

                            <img class="wechat-code" src="../图片01/二维码.jpg" alt="">

                        </a></li>

                        <li>

                            <a href="#">

                                <i class="icon i_weibo"></i>

                            </a>

                        </li>

                        <li><a href="#">

                            <i class="icon i_twitte"></i>

                        </a></li>

                        <li>

                            <a href="#">

                                <i class="icon i_in"></i>

                            </a>

                        </li>

                        <li>

                            <a href="#">

                                <i class="icon i_you"></i>

                            </a>

                        </li>

                    </ul>

                </div>

                <div class="join_us">

                    <div class="tit_area">

                        <h3 class="tit">加入我们</h3>

                    </div>

                    <ul class="join_list">

                        <li>

                            <a href="">社会招聘</a>

                        </li>

                        <li>

                            <a href="">校园招聘</a>

                        </li>

                        <li>

                            <a href="">国际招聘</a>

                        </li>

                    </ul>

                </div>

                <div class="contact_us">

                    <div class="tit_area">

                        <h3 class="tit">联系我们</h3>

                    </div>

                    <ul class="contact_list">

                        <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>

                </div>

                <div class="legal_info">

                    <div class="tit_area">

                        <h3 class="tit"> 法律信息</h3>

                    </div>

                    <ul class="legal_list">

                        <li>

                            <a href="">服务协议</a>

                        </li>

                        <li>

                            <a href="">隐私政策</a>

                        </li>

                        <li>

                            <a href="">知识产权</a>

                        </li>

                    </ul>

                </div>

                <div class="logo_tencent">

                    <img style="height: 28px;" src="../图片01/腾讯蓝色logo.png" alt="">

                </div>

                <div class="footer-area">

                    <ul class="links">

                        <li>

                            <a href="">法律声明</a>

                        </li>

                        <li>

                            <a href="">阳光准则</a>

                        </li>

                        <li>

                            <a href="">网站地图</a>

                        </li>

                        <li class="num">

                            <a href="">粤网文【2017】6138-1456号</a>

                        </li>

                        <li class="num">

                            <a href="">粤B2-20090059</a>

                        </li>

                        <li class="num">

                            <a href="">粤公网安备 44030502008569号</a>

                        </li>

                    </ul>

                    <p class="copyright">Copyright © 1998 - 2024 Tencent. All Rights Reserved. 腾讯公司 版权所有</p>

                </div>

            </div>

        </div>

        </div>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值