web程序设计（前端）实验一——新闻

要求：实现下图所示效果，注意字符设定：字体大小、字形；段落与换行；粗体、斜体等设置。
效果图：
在这里插入图片描述
代码：
注意：程序中的图片根据自己需要而改变。

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

来源：CSDN

作者：巧了，我也不会

链接：https://blog.csdn.net/weixin_41879980/article/details/104526183

标签

text-align