如何使用HTML简历一个简单的新闻页面/HTML5/Dreamweaver2021/学习笔记

本文档详细介绍了如何使用HTML5和Dreamweaver2021创建一个简单的新闻页面,包括新闻标题、发布日期、分割线和正文的实现。通过设置标签样式,如居中、字体和颜色,以及利用`<hr>`和`<p>`标签,完成页面布局和内容展示。学习重点在于理解HTML元素和属性的应用。
摘要由CSDN通过智能技术生成
目标:学习制作一个简单的新闻页面效果

一、效果分析:

  • 1.新闻标题,一般使用<h2>定义
  • 2.更新的时间以及来源(可以使用段落文本定义)
  • 3.分割线,用于正文的分割
  • 4.正文,使用段落文本来定义
效果图:

在这里插入图片描述

二、样式要求

在分析完常见的新闻页面效果后我们应当对页面的样式做出一些要求
  • 标题:使用二级标题居中,字体为“微软雅黑”
  • 发布日期:文本居中,文本大小为2颜色为特殊的灰色蓝色文本。
  • 水平线:使用sizecolor属性来设置宽度和颜色。
  • 网页正文:网页正文中有两处蓝色的文本

三、具体操作

1、首先打开Dreamweaver2021
在这里插入图片描述

2、点击新建,建立一个文档,这里我们选择文档类型为HTML5。建立的时候我们可以在“标题”栏直接定义文档的标题,这里我们就定义文档标题为新闻页面
在这里插入图片描述

3、建立完成之后我们就进入到开发页面了。
在这里插入图片描述

4、首先我们在<body>双标签内部嵌套<h2>定义标题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值