使用HTML制作简单的新闻页面

这次我们学习的是如何使用HTML制作简单的新闻页面

完成效果如下图所示：

进行效果分析

制作结构

首先打开dw 创新文件夹（前面已经讲过了）

将所要展示的文字输入在<body>标签内

水平线用<hr>

添加样式

补充一点文本格式化标签，有如下几种标签：(HTML属性的定义形式“属性=“属性值””)

然后要对字体颜色大小进行修改

利用<h2 align=”center”>使得标题和时间居中

利用HTML的文本样式标签<font></font>修改文字的颜色和大小，输入相对的属性值

效果图中需要对“移动互联网”“两微一抖”两处进行颜色修改，就应该在相对应词的前后加<font>标签，最后打开网页的完成效果：

使用HTML制作简单的新闻页面相关推荐

html+css 制作简单QQ登录页面
HTML+css制作简单QQ登录页面这是效果图这是HTML源码 <!DOCTYPE html> <html lang="zh"><head> ...
如何用DW实现简单的新闻页面的制作
这是用DW设计新闻页面的详细过程: 1 打开DW,新建一个HTML5 2 在标签<body>中写出整个新闻页面的框架.如<h2>.<p>.<hr>.&l ...
初学者使用html制作的一个新闻页面
目录一些会运用到的知识: 新闻图示代码如下: Css:中文翻译是层叠样式表(html的化妆师) 1.Css的语法 2.内部样式表: 3.选择器 4.Css的属性新闻图示代码如图所示这是一个 ...
用PHP制作简单的登录页面
题目要求: 登录页面:设计一个登录页面,获取登录表单中的用户名和密码,如果用户名为"admin",密码为"123456",则提示登录成功.效果参考下图: 代码: ...
使用html做一个简单的新闻页面
1. 使用<h2>标题标签给标题 2. 使用<p>段落标签让"更新时间"独占一行,在用<font>标签给字体改颜色 3. 使用<hr /& ...
PHP设计模式练习——制作简单的投诉页面
---恢复内容开始--- <?php/** 设计模式练习* 1.数据库连接类(单例模式)* 2.调用接口实现留言本功能(工厂模式)* 3.实现分级举报处理功能(责任链模式)* 4.发送不同组合的 ...
使用HTML编写简单的新闻页面
利用<h2>突出标题,并利用align="center"进行标题的居中通过标签<p>使"更新时间"独占一行,align="c ...
前端制作简单的“注册页面——阅读协议”页面及效果
注:如对文中的scrollHeight.scrollTop.clientHeight属性有所一伙,请参考博文"JavaScript中元素client.offset.scroll相关属性的应用 ...
php用户注册功能设计,利用HTML+CSS设计一个简单的用户注册页面【示例】
本篇文章将要给新手小白们介绍如何使用HTML和css制作简单的注册页面.在开发网站过程中,如果网站内容要求是完善的信息站,那么肯定就离不开用户注册的这个功能.这个用户注册界面对于刚入门的前端新手来说, ...

使用HTML制作简单的新闻页面

使用HTML制作简单的新闻页面相关推荐

最新文章

热门文章