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

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

开发者学堂课程【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>

相关文章
|
8月前
|
存储 安全 Java
小说阅读平台设计与实现
小说阅读平台设计与实现
|
机器学习/深度学习 人工智能 自然语言处理
课时1:相册服务中的故事生成算法介绍
课时1:相册服务中的故事生成算法介绍
|
SQL XML 前端开发
怎么做社区网站的首页帖子展示?
要进行首页帖子展示,就必须学会分页,而在创建分页之前,我们得先认识到,为什么要进行分页?一个大型网站的数据库将容纳大量的数据,而我们进行展示某部分数据时,为了保证浏览速度,不可能一次性地将所有数据进行传输,更何况,不是全部传输过去的数据第一时间就能有效利用,所以,只要每次将需要的数据传输过去就好,即使是后续需要的数据,那也是后面时间点需要完成的工作,为了做到这一点,必须对一个数据整体进行划分,合理地传输并展示给用户,其中,划分出来的每一部分可被称为一页数据,完成划分工作的就是分页操作。而分页操作在 spingboot 及 mybatis 的环境下,可被分为以下几种分页情况:
152 0
|
前端开发 安全 Java
谷粒学院——Day14【首页课程和名师功能】
谷粒学院——Day14【首页课程和名师功能】
365 0
谷粒学院——Day14【首页课程和名师功能】
|
前端开发 JavaScript API
谷粒学院(十一)课程最终发布 | 课程列表 | 阿里云视频点播服务 | 小节实现视频上传(三)
谷粒学院(十一)课程最终发布 | 课程列表 | 阿里云视频点播服务 | 小节实现视频上传(三)
谷粒学院(十一)课程最终发布 | 课程列表 | 阿里云视频点播服务 | 小节实现视频上传(三)
|
存储 编解码 前端开发
谷粒学院(十一)课程最终发布 | 课程列表 | 阿里云视频点播服务 | 小节实现视频上传(二)
谷粒学院(十一)课程最终发布 | 课程列表 | 阿里云视频点播服务 | 小节实现视频上传
谷粒学院(十一)课程最终发布 | 课程列表 | 阿里云视频点播服务 | 小节实现视频上传(二)
|
XML SQL 前端开发
谷粒学院(十一)课程最终发布 | 课程列表 | 阿里云视频点播服务 | 小节实现视频上传(一)
谷粒学院(十一)课程最终发布 | 课程列表 | 阿里云视频点播服务 | 小节实现视频上传
谷粒学院(十一)课程最终发布 | 课程列表 | 阿里云视频点播服务 | 小节实现视频上传(一)
|
JavaScript 网络架构 开发者
整合课程和名师页面 | 学习笔记
快速学习 整合课程和名师页面
整合课程和名师页面 | 学习笔记
|
前端开发 应用服务中间件 数据库
首页数据显示-热门课程和名师(前端) | 学习笔记
快速学习 首页数据显示-热门课程和名师(前端)
|
前端开发 Java API
课程管理-课程大纲列表(前端) | 学习笔记
快速学习课程管理-课程大纲列表(前端)