用文本制作一个简单的网页的方法-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

用文本制作一个简单的网页的方法-创新互联

这篇文章将为大家详细讲解有关用文本制作一个简单的网页的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联建站主要业务有网站营销策划、网站设计、网站建设、微信公众号开发、微信小程序、H5建站、程序开发等业务。一次合作终身朋友,是我们奉行的宗旨;我们不仅仅把客户当客户,还把客户视为我们的合作伙伴,在开展业务的过程中,公司还积累了丰富的行业经验、网络营销推广资源和合作伙伴关系资源,并逐渐建立起规范的客户服务和保障体系。 

首先我们来看看如何制作一个简单的网页:

1.在电脑桌面上右击鼠标-新建-文本文档;之后桌面上就有了一个文档:

用文本制作一个简单的网页的方法

2.现在双击打开这个文本文档,在里面写点东西:

用文本制作一个简单的网页的方法

在里面写了个hello world!,但是要怎么才能让它显示在网页中呢?我们继续看;

3.把文本文档的后缀名从TXT改为html:

用文本制作一个简单的网页的方法

如何,现在我们的这个网页基本上就好了,我们点开看看效果:

用文本制作一个简单的网页的方法

看,现在在网页上显示出来了,这就是最基本的一个网页了。

4.现在我们的基本操作就完成了,现在我们看看在里面加些代码:

用文本制作一个简单的网页的方法

当然我们这做的并不规范,规范的是要加很多代码然后把要写的东西包裹起来。我们这只是让大家更能清楚的明白这些标签的意义。我们现在看着这文本里面并没有什么,我们保存起来到浏览器中去看看效果:

用文本制作一个简单的网页的方法

这就是效果了,我们在代码中显示的h2标签和在网页上显示的差别还是挺大的吧,其实h2标签它只是用作标题用处,利于搜索引擎的搜索。在一个网页中通常有一个h2标签就够了,多了就会不利于搜索了。文本标签和标签标签差别还是挺大的吧,文本标签通常都是用

标签。

5.现在我们看到了标题标签和文本标签的显示效果了,现在来看看其它标签的用法吧:

用文本制作一个简单的网页的方法

现在介绍了两个标签,一个是加粗标签,一个是放大标签,我们来看看在浏览器中显示的效果:

用文本制作一个简单的网页的方法

这就是效果图了,如上图我们可以看到,在b标签内的文本变成了加粗样式,中间还有一个正常文本,让我们的显示效果更明显一点。后面还有一个big标签,这是一个放大其中元素的标签,能比同元素中的文本大一个字号。应该很明显的能看出来。

这就是文本的基础使用了,这就是本篇文章的全部内容了,想看更多的知识,就到创新互联建站HTML学习手册栏目中学习。有问题的同学可以在下方提问。

关于用文本制作一个简单的网页的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


网站栏目:用文本制作一个简单的网页的方法-创新互联
文章起源:http://kswsj.cn/article/gcepo.html

其他资讯