ServiceProcess.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">


    <style>.DS_third_section img {
        width: 100%;
    }

    </style>
</head>
<body>

<!--第一部分-->
<header class="DS_header" >
    <span>服务流程</span>
</header>

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

<!--第三部分-->
<section class="DS_third_section">
    <img src="Resource/process.png" alt="">
</section>


<!--第四部分-->
<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/nav31.png" alt="">
                <span>服务流程</span>
            </a>
        </li>
        <li>
            <a href="Platform.html">
                <img src="Resource/nav40.png" alt="">
                <span>平台风采</span>
            </a>
        </li>
        <li>
            <a href="MyDroplet.html">
                <img src="Resource/nav50.png" alt="">
                <span >我的小滴</span>
            </a>
        </li>
    </ul>
</footer>
</body>