课堂案例-新闻页面|学习笔记

简介: 快速学习课堂案例-新闻页面

开发者学堂课程【HTML 入门与实战换行和div span标签】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/593


课堂案例-新闻页面

有如下一个新闻网页内容:

image.png

从内容可以看到,题目颜色更深字体更大,很显然,这就是用标题标签来做的,用的是一级大标题;除此之外,标题下面就是水平线,水平线下面正文内容分成了四段。

设置格式:

<html lang="en">

<head>

<meta charset="utf-8"></ head>

<body>

<h1>40.6摄氏度:上海创出140年气象史上高温新纪录</h1>

<p>2016年7月27日10:58:26 来源:新华网</p>

<hr />

<p>新华网上海7月26日电(记者李荣)26日13时36分至47分这一时间段,上海徐家汇气象观测站测得当日最高温达40.6摄氏度。这是上海有气象记录以来140年的高温新纪录,打破了此前19 3 4年创下的40.2摄氏度的历史极值。</p>

<p>上海已经连续2天发出了最高等级的红色高温警报。上海中心气象台首席服务官满莉萍说,今年副热带高压强度特别强,对上海及江南地区的控制“实在太稳定了”,整个7月份基本上都处在它的势力范围之内。25日上海已出现了气象史上7月份“第四高”的高温值,这使得26日的“基础”气温就很高,超过了30摄氏度,然后不断地升温。此外,26日白天风小,又吹的是西南风,特别是在中午之后这一个最易出现高温的时段,光照又比较强,所以气温“直线飙升,一举冲破历史极值,出现了“创纪录”的极端酷暑天。</p>

<p>在上海历史上,出现40摄氏度以上极端高温的几率并不大。根据相关资料,中心城区徐家汇观测站140年来仅出现了5次记录,除了这一次的新纪录,还有就是1934年7月12日的4 0﹒2摄氏度;</p>

<p>1934年8月25日、2009年7月20日、2010年8月13日的40摄氏度。由于气温实在太高,上海26日下午不少地区出现了热对流天气。气象台说,首先是浦东地区,下起了热雷雨。到15时05分,全市大部分地区出现了分散性的雷电活动和热雷雨,中心城区徐家汇等地都响起了隆隆的雷声。</p>

</body>

</html>

相关文章
|
2月前
|
数据采集 存储 搜索推荐
爬取网易云音乐热歌榜:从入门到实战
本文介绍如何使用Python爬取网易云音乐热歌榜,包括环境准备、代码解析和实际操作步骤。通过定义榜单ID与名称映射、用户输入、文件夹创建、发起网络请求、正则表达式提取、音乐下载和文件保存等环节,手把手教你实现音乐下载功能。强调遵守网站协议,尊重版权和用户隐私,确保合法合规使用代码。
262 2
|
5月前
|
移动开发 前端开发 JavaScript
网页设计课程教学目标
【8月更文挑战第23天】网页设计课程教学目标。
65 6
|
6月前
|
小程序
乐器培训课程报名小程序模板源码
乐器培训课程报名小程序模板源码
51 3
|
8月前
|
设计模式 前端开发
新闻发布|基于JavaWeb实现新闻发布管理系统+论文+PPT(三)
新闻发布|基于JavaWeb实现新闻发布管理系统+论文+PPT
131 0
|
SQL XML 前端开发
怎么做社区网站的首页帖子展示?
要进行首页帖子展示,就必须学会分页,而在创建分页之前,我们得先认识到,为什么要进行分页?一个大型网站的数据库将容纳大量的数据,而我们进行展示某部分数据时,为了保证浏览速度,不可能一次性地将所有数据进行传输,更何况,不是全部传输过去的数据第一时间就能有效利用,所以,只要每次将需要的数据传输过去就好,即使是后续需要的数据,那也是后面时间点需要完成的工作,为了做到这一点,必须对一个数据整体进行划分,合理地传输并展示给用户,其中,划分出来的每一部分可被称为一页数据,完成划分工作的就是分页操作。而分页操作在 spingboot 及 mybatis 的环境下,可被分为以下几种分页情况:
155 0
|
机器学习/深度学习 算法
基于新浪云的机器学习算法作为公众号后台服务
基于新浪云的机器学习算法作为公众号后台服务
61 0
|
前端开发 安全 Java
谷粒学院——Day14【首页课程和名师功能】
谷粒学院——Day14【首页课程和名师功能】
371 0
谷粒学院——Day14【首页课程和名师功能】
|
消息中间件 编解码 运维
实战案例—网易云音乐 | 学习笔记
快速学习实战案例—网易云音乐
实战案例—网易云音乐 | 学习笔记
|
JavaScript 网络架构 开发者
整合课程和名师页面 | 学习笔记
快速学习 整合课程和名师页面
整合课程和名师页面 | 学习笔记
|
前端开发 JavaScript Java
课程管理-添加课程信息前端完善(封面上传) | 学习笔记
简介:快速学习课程管理-添加课程信息前端完善(封面上传)
179 0
课程管理-添加课程信息前端完善(封面上传) | 学习笔记