html之简单新闻网制作

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">本文来源：中国天气网 责任编辑：刘京_NO5631</p></body>
</html>

html之简单新闻网制作相关推荐

ppt 简单动画制作
ppt 简单动画制作
cad中简单流程图制作_Excel vba 简单制作流程图方法介绍
Excel有很好的流程图制作工具菜单,其制作方法也有很多,相对也比较简单. 但是,如果不熟悉制作过程的情况下,还是有一定的难度的. 前言通过代码来简化制作流程,就是说把制作方法都省去,直接把所有工作 ...
HTML简单动画制作
HTML简单动画制作(圆移动变色) <!DOCTYPE html> <html lang="en"> <head><meta charse ...
react-native Animated简单动画制作
react-native Animated简单动画制作 1.代码 import React from "react"; import { StyleSheet, View, Ani ...
如何使用CSS简单的制作一个视频网站
如何使用CSS简单的制作一个视频网站 1.主页的设置 <!DOCTYPE html><html lang="en"><head> <met ...
黑马程序员中的简单网页制作
前言黑马程序员中的简单网页制作代码如下(示例): <!DOCTYPE html> <html lang="en"><head><met ...
arduino灯带随音乐_Arduino—超简单音乐制作
本帖最后由 Ricky 于 2015-1-4 23:40 编辑 Arduino-超简单音乐制作一曲葫芦娃带你回归美好童年本文很简单,需要用到的材料:Arduino UNO板一块,七彩跳线若干条,蜂 ...
Java面向对象之简单项目制作（DVD管理系统）
Java面向对象之简单项目制作(DVD管理系统) 任务:完成DVD的管理主要功能: 1.新增DVD 2.查看DVD 3.删除DVD 4.借出DVD 5.归还DVD DVD类 String name; ...
HTML5期末大作业：淘宝网站设计——仿2021淘宝首页(1页) 大学生网页制作教程表格布局网页模板学生HTML静态水网页设计作业成品简单网页制作代码学生商城网页作品免费设计
HTML5期末大作业:淘宝网站设计--仿2021淘宝首页(1页) 大学生网页制作教程表格布局网页模板学生HTML静态水网页设计作业成品简单网页制作代码学生商城网页作品免费设计常见网页设计作业 ...

html之简单新闻网制作

html之简单新闻网制作相关推荐

最新文章

热门文章