新闻每天都在更新，那网页上的新闻页面是怎么使用Dreamweaver制作的？-Toy模板网

这篇具有很好参考价值的文章主要介绍了新闻每天都在更新，那网页上的新闻页面是怎么使用Dreamweaver制作的？。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

新闻每天都在更新，那网页上的新闻页面是怎么使用Dreamweaver制作的？

新闻有很多种，但大多数结构都差不多，我们就先做一个简单的新闻页面，如图1中画圈圈的新闻内容。

新闻每天都在更新，那网页上的新闻页面是怎么使用Dreamweaver制作的？,#html,dreamweaver,html

图1

新闻页面一般由四个部分构成，分别为标题、发布日期、水平线和网页正文。其中标题使用<h2>标签定义，发布日期和网页正文用<p>标签定义，水平线用<hr/>标签定义。
样式分析

（1）标题：因为图中标题是文字靠左，因此<h2>标签不需要添加align属性，因为不添加的话，默认文本是靠左的。但<h2>标签中要嵌套<font>标签，添加字体即face=”微软雅黑”,用于设置标题文本的特殊字体。

（2）发布日期：因为图中字体向左靠拢，因此也不需要添加align属性，只需要添加文本的字体，即face=”微软雅黑”。观察可以发现日期的颜色不一样，因此还需要在添加一个<font>标签来控制文本颜色。

（3）水平线：图中水平线比较浅，但还是有。我们可以使用<hr/>标签中的size、color属性来控制水平线的粗细和颜色。

（4）网页正文：图上并没有做过多的修饰，只是把文字叙述出来，因此我们只需要一个<p>标签就可以了。

3.开始搭建网页结构

我们已经分析了新闻页面的样式，但是需要注意一点，我们可以发现网页中文本之间会有距离，网页中表示空格的代码之一是 。因此我们只要在想要文本输入 ，保存刷新就会出现空格了。现在我们开始写代码，写完代码后如图2.

新闻每天都在更新，那网页上的新闻页面是怎么使用Dreamweaver制作的？,#html,dreamweaver,html

图2

保存并浏览，如图3.

新闻每天都在更新，那网页上的新闻页面是怎么使用Dreamweaver制作的？,#html,dreamweaver,html

图3

二．以上就是网页上新闻页面用Dreamweaver制作的内容了。文章来源地址https://www.toymoban.com/news/detail-815021.html

到了这里，关于新闻每天都在更新，那网页上的新闻页面是怎么使用Dreamweaver制作的？的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

新闻每天都在更新，那网页上的新闻页面是怎么使用Dreamweaver制作的？