Platform.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"  name="viewport" content="width=device-width,initial-scale=1 user-scalable=no">
    <title>刘昊</title>
    <!--用来加载外部资源的标签-->
    <!--相对路径和绝对路径-->
    <link rel="short icon" href="Resource/icon.png">
    <!--加载外部样式CSS,一个项目有很多地方样式都一样时-->
    <link rel="stylesheet"  href="ExternalStyle.css">
    <!--加载页内样式CSS,一个项目在项目出现的次数比较少,代码量稍大时，-->
    <script type="text/javascript" src="CommonMethod.js"></script>
    <style>
        article{
            margin: 20px;
        }

        h3{
            color: red;
            font-size: 18px;
            border-bottom: 1px solid #dddddddd;
            padding-bottom: 10px;
        }
        article p{
            font-size: 12px;
            text-indent: 2em;
            line-height: 2em;
        }
    </style>
</head>
<body>
<!--第一部分-->
<header class="DS_header" >
    <span>平台风采</span>
</header>


<!--第二部分-->
<section class="DS_second_section">
    <img src="Resource/banner4.png" alt="警告！网络出现问题！">
</section>

<!--第三部分-->
<article>
    <h3 id="title"></h3>
    <h4 id="subTitle"></h4>
    <p id="info"></p>

</article>


<script>
    requestMethod('get' ,'aboutus','' ,function (str) {


                var h3 = document.getElementById("title");
                var h4 = document.getElementById("subTitle");
                var p = document.getElementById("info");

                h3.innerHTML = str.title;
                h4.innerHTML = str.subTitle;
                p.innerHTML = str.info;
    });


</script>


<!--第四部分-->
<footer>
    <ul>
        <li>
            <a href="DropletService.html">
                <img src="Resource/nav10.png" alt="">
                <span> 小滴服务 </span>    <!--加载行内样式CSS,某个样式代码很少，样式出现次数少-->
            </a>
        </li>
        <li>
            <a href="BusinessProject.html">
                <img src="Resource/nav20.png" alt="">
                <span>企业项目</span>
            </a>
        </li>
        <li>
            <a href="ServiceProcess.html">
                <img src="Resource/nav30.png" alt="">
                <span>服务流程</span>
            </a>
        </li>
        <li>
            <a href="Platform.html">
                <img src="Resource/nav41.png" alt="">
                <span style="color: red"> 平台风采</span>
            </a>
        </li>
        <li>
            <a href="MyDroplet.html">
                <img src="Resource/nav50.png" alt="">
                <span>我的小滴</span>
            </a>
        </li>
    </ul>
</footer>


</body>
</html>