多语言展示
当前在线:870今日阅读:168今日分享:49

30分钟HTML前端入门

超文本标记语言(英文:Hyper Text Markup Language)HTML是为了“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息--例如标题,段落和列表等等,也可用来在一定程度上描述文档的外观和语义。
工具/原料

电脑

方法/步骤
1

在学习html之前,我们先来学习怎么利用记事本创建自己第一个网页。1.在笔记本菜单栏中找到附件。2.创建一个记事本。3.在记事本中录入(你先不用管为什么要录入这些东西。)                我的第一个学习网页                    怎样才能学好html呢?         4.保存文档,选择保存,保存路径为桌面(便于查找哦),类型为所有文件,文件名为“我的第一个网页.html”【后缀html一定不能错哦!】

2

完成第二步之后,你的第一个用html写的网页网页就建立了,我们双击打开看看吧!

3

让我们一起来看看这个网页的具体内容吧!1.他的标题是【我的第一个学习网页】,这是告诉读者,我这个网页所承载的内容是什么。2.他的内容是【怎样才能学好html呢?】这是直接展示给读者我的内容。

4

下面,我们来仔细的分析一下我们在前面写的标签。1.告诉浏览器这是html标签。2.告诉浏览器这是我的头文件。3.告诉浏览器这是我的标题,在里面。4.告诉浏览器这是我的正文。我们不拿看出,html就是要告诉浏览器我的某个东西是什么,没错,这就是它的主要功能。

5

下面我们一起来看看html标签的主要特点。1.一般都是成对出现,像,,  等,但也有部分不是成对的像
,等。【我们在后面再做详细介绍】2.不通的标签有不通的含义。3.不通的标签有不通的位置。像在里。

6

那怎么学好html呢?我个人根据自己的学习经验,总结了一下方法:1.多动手编写html代码,并且测试。【前面我们已经建立了自己的网页,你可以在里面编写新的内容进行测试】2.自己去看网上的一些简单网页的源代码。怎么去看呢?首先选择一个简单的网页,在页面上单击右键选择查看源码即可。3.多像同学老师请教。

7

为了更快的入门,下面我们一起来学习一些简单的标签吧!1.

段落定义标签。2.

定义标题标签还有

,

,

等3.
定义换行标签。我们通过操作一起学习吧!

8

用记事本打开我们前面建立的那个网页。在录入

我的标题

我的标题

我的标题

我的标题

9

双击打开,效果如下:可见标题标签的大小从h1到h6逐渐变小。

10

我们再在里录入

段落一

段落二

段落三

保存预览。

11

我们现在做个变换,把body里的所有东西写在一起,不换行,看会发生什么情况。我们保存预览会发现,即使我们把他们放在了一起,但是浏览器还是把他们分开了,这说明标题标签

等和段落标签

有自动换行功能。

注意事项
1

方法总结: 1.通过上面几个简单的实例我们不难看出html的实质,他就是一种标签,一种人和浏览器交流的标签,我们只有告诉浏览器这是什么,他才能帮助我们显示。 2.要边学边做,才能学得快。

2

写在最后的话,相信通过这个简单的小培训,你已经对html有了初步了解和认识,好好深究吧!相信你会喜欢上他的。

推荐信息