HTML——制作新闻网页

制作如图的新闻网页

结构分析：
新闻页面有一个标题，多个段落和一条水平线构成。在html页面中我们可以使用标题标记 < h2 >、< h3 > 段落标记用< p > 水平标记用< hr/>进行定义文本很文本中为了定义某些特殊显示的文本可以使用< em > 、 < b>修饰

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>新闻页面</title><link rel="stylesheet" href="style03.css" type="text/css"/></head><body><h2>高校IT骨干教师培训班将于7月在京举办（图）</h2><p class="one"><em class="blue">2014年4月15日11:08</em><em class="blue">传智播客网</em><em class="gray">我有话说（<em id="num">802</em>人参与）</em></p><hr/><p class ="two">2014年全国高校骨干IT教师暑期培训班将于7月在京举办</p><p>传智播客网4月15日消息 中国电子协会将携手csdn<em class="blue">[微博]</em>和传智播客教育集团<em class="blue">[微博]</em>于2014年7月在京举办“2014年全国高校IT骨干老师培训班”。本次将于2014年7月14日到25日举办，课程涵盖：JavaEE、.NET、PHP、网页平面设计、ios、C++六个方向。</p><p class="four">高校IT骨干教师培训班将于7月在京举办</p><p>传智播客<em class="blue">[微博]</em>还将为校企之间、校校之间提供交流分享专业建设与教学改革的理念、经验与成果的平台。</p></body>
</html>

之中css样式为：

@charset "utf-8";
body{font:14px/24px "宋体";color:#000;}h2{font:normal 22px/35px  "微软雅黑";color:#072885;text-align:center;}.one{font-szie:12px;text-align:center;}p{text-indent:2em;}.blue{color:#3d6cb0;}.gray{color:#666;}#num{color:#3d6cb0;}em{ font-style:normal;}.two{font-family:"楷体_GB2312";}.four{font-weight:bold;}

HTML——制作新闻网页相关推荐

新闻网页制作源代码_Python爬虫百度新闻标题，并且做简单的数据分析！挺简单的
需要下载的库我所用的python版本为: Python 3.7.4 获取新闻信息需要的库: beautifulsoup4,request,re: 信息存储需要的库(获取信息存在csv文件中): cs ...
学生个人单页面网页作业学生网页设计成品静态HTML网页单页制作 dreamweaver网页设计与制作代码 web前端期末大作业
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
怎么制作公司网页教程【网站制作】
目录怎么制作公司网页教程是什么? 1.了解自己制作公司网页的需求(分类刚需和次需) 2.确认本次制作公司网页需求和预算,找合适的第三方企业网站建设公司 3.确定制作公司网页的设计方案 4.结合制作公 ...
利用 HBuilderX 制作新闻列表页以及制作注册页面
一.制作新闻中心板块样式实践任务:制作新闻列表页 1.在web2项目文件夹中,创建一个空白网页文件,命名为news.html 2.网页文件用于展示一些新闻标题的列表,其中包含标题标签和列表标签 3. ...
html制作nba网页,NBA篮球_实用电脑小技巧：通俗解答html 自己动手建一个非常简单的网页_沪江英语...
沪江小编:对于很多人来说,电脑应该算是使用频率最高的工具了,可是你真的会用电脑么?实用电脑小技巧,用最简单明了的方式给你无比有趣的电脑使用新体验. html是什么,什么是html通俗解答: 通俗的讲h ...
hbuilderx制作简单网页_网页制作的基本步骤是怎样的？制作简单网页的具体操作有哪些呢？...
网页制作的基本步骤是怎样的?制作简单网页的具体操作有哪些呢?如果是详细的网页制作,设计和制作一样关键.有可能是网页设计制作新手对简单网页制作设计的具体操作不太清楚.更别说设计详细的网页了.下面一起来看 ...
在html中怎么制作友情链接,如何制作一个网页链接，用描文本、友情链接交易方式教你如何制作？...
如何制作一个网页链接,用描文本.友情链接交易方式教你如何制作?作为seo优化人员如何运用外界链接开展百度搜索引擎提升?下面和小编一起看看! 1.锚点链接链接应该是有关的优先,百度搜索引擎提升锚点链接 ...
ajax获取网页新闻,基于Ajax的新闻网页动态数据的抓取方法及系统
主权项: 1.基于Ajax的新闻网页动态数据的抓取方法,其特征是,包括如下步骤:步骤(101):建立新闻网页爬取内容数据库,设置新闻网页爬取内容数据库的编码方式:获得待抓取新闻网页的新闻列表页面的UR ...
飞机大战HTML5游戏源码，基于Canvas制作的网页版飞机大战游戏+飞机大战手机端
简介: 飞机大战HTML5游戏源码是一款基于Canvas制作的网页版飞机大战游戏,画质精美的飞机大战手机端游戏源码网盘下载地址: http://kekewangLuo.net/W1S2LQcqAT2 ...

HTML——制作新闻网页

制作如图的新闻网页

HTML——制作新闻网页相关推荐

最新文章

热门文章