웹 프로그래밍 (프런트 엔드) 테스트 - 뉴스

요구 : 도면, 음표 캐릭터 세트에 도시 된 효과를 달성 : 폰트 크기, 폰트, 광고 공급 통로를, 굵은 이탤릭체 제공.
렌더링 :
그림 삽입 설명 여기
코드 :
참고 : 필요에 따라 프로그램이 변경 그림.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新闻</title>
    <style type="text/css">
        .wai{
            height: 700px;
            width: 588px;
            margin: 0px auto;
            border: gray 5px double;
        }
        h1{
            text-align: center;
            font-size: 26px;
        }
        .warning{
            text-align: center;
        }
        .warning1{
            padding-right: 0.5em;
            padding-left: 0.5em;
            text-indent: 2em;
            text-align: left;
            line-height: 150%;
        }
        a{
             color: red;
            text-decoration: none;
        }
        .aaa{
            text-align: center;
        }
        span{
            color: gray;
            margin: 10px;
            font-size: 9pt;
        }
    </style>
</head>
<body>
    <div class="wai">
        <h1> &nbsp;&nbsp; &nbsp;&nbsp;传谷歌秘密开发Fuchsia项目 欲5年内取代Android</h1>
        <p class="warning">
            <span>2018-07-20 07:00 </span>
            <span>腾讯科技</span>
            <span><a href="http://www.zhku.edu.cn" target="_blank">
            我要评论(0)</a>
            </span>
        </p>
        <div class="aaa">
            <img src="images/exp1.jpg">
        </div >
        <p class="warning1">
            腾讯科技讯 据外媒报道,知情人士周四透露,在过去两年多的时间中,谷歌内部一群工程
            师一直在开发一款软 件移动操作系统,希望用它最终来替代目前占全球移动操作系统市场
            主导地位的Android。
        </p>
        <p class="warning1">
            不过随着这个团队的不断成长,它将不得不克服一些关于软件如何工作的激烈内部争论。
        </p>
        <p class="warning1">
            这个名为Fuchsia的项目为了克服Android的局限性从零开始创建,原因是越来越多的个人
            设备和其他设备开 始接入互联网。它的设计是为了更好地适应语音互动和频繁的安全更新,
            无论是笔记本电脑还是微小的 互联网连接传感器,所有的设备都将使用同一的操作系统。
        </p>
    </div>
</body>
</html>
게시 28 개 원래 기사 · 원 찬양 5 · 조회수 5777

추천

출처blog.csdn.net/weixin_41879980/article/details/104526183