html样式之简单网页制作：宝鸡天气网

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>宝鸡新闻报</title> 
    <!--ctrl + 滚轮放大缩小代码，字体大小，样式调试-->
    <!--ctrl + 滚轮在页面中对页面进行大小缩放-->
    <!--如果样式前面有黄色感叹号则说明其样式有问题-->
    <style>
        body {
           font: 16px/28px 'Miscrosoft Yahei'; 
        }
        h1 {
            /*标题文字不加粗*/
            font-weight: 400;
            /*让h中的文字水平居中对齐*/
            text-align: center;
        }
        .gray {
            /*颜色灰色*/
               color: #888888;
               /*像素大小*/
               font-size: 12px;
               /*文本对齐方式*/
               text-align: center;
        }
        a {
            /*去除下划线*/
            text-decoration: none;
        }
        .search {
            color: #666;
            width: 170px;
        }
        .btn {
            font-weight: 700;
        }
        p {
            text-indent: 2em;
        }
        .bottom {
            color: #888;
            font-size:12px;
        }
    </style>
</head>
<body>
    <h1>宝鸡高温明日达鼎盛 陈仓区多地地表温度将超60℃</h1>
    <div class="gray">
        2022-07-03 09:53:47 <a href="http://www.weather.com.cn/">来源:中国天气网</a>
        <input type="text" value="请输入查询条件..." class="search" /> <button class="btn">搜索</button>
        
    </div>
    <hr />    
    <p>中国天气网讯 今天（3日），多地出现高温天气，截至下午2点，多地气温突破35℃。预报显示，今后三天（3-5日），这一带的高温天气将继续发酵，高温范围以及强度将在4日达到鼎。</p>

    <h4>气温41.4℃！地温66.5！北京强势迎七月首个高温日</h4>
    <!--想让图片居中对齐必须让他的父标签居中对齐-->
    <p align="center">
        <img src="pic.jpeg" alt="Alternate Text" />
    </p>
    <p>今天，华北、黄淮一带的高温持续发酵，截至今天下午2点，陕西北部、山西西南部、河北南部、北京、天津、山东西部、河南北部最高气温已普遍超过35℃。大城市中，北京、天津、郑州均迎来高温日。</p>
    <p>在阳光暴晒下，地表温度也逐渐走高。今天下午2点，华北黄淮大部地区的地表温度都在50℃以上，部分地区地表温度甚至超过60℃。其中，河北衡水地表温度高达68.3℃，天津站和北京站附近的地表温度分别高达66.6℃和66.5℃。</p>

    <h4>明日热度再升级！京津冀携手冲击38℃</h4>
    <p>中国天气网气象分析师王伟跃介绍，明天（4日），华北、黄淮地区35℃以上的高温天气还将继续升级，并进入鼎盛阶段，高温强度和范围都将发展到最强。 明天，北京南部、天津大部、河北中部和南部、山东中部和西部、山西南部局地、河南北部、东北部分地区的最高气温都将达到或超过35℃。</p>

    <p> 不过，专家提醒，济南被雨水天气完美绕开，因此未来一周，当地的高温还会天天上岗。在此提醒当地居民注意防暑降温，防范持续高温带来的各种不利影响。（文/张慧 数据支持/王伟跃 胡啸 审核/刘文静 张方丽）</p>

    <p class="bottom">

</body>
</html>