HTML入门学习(怎么学好HTML?)

2025-11-05 09:59:56

1、什么是HTML呢?

html指的是超文本标记语言。它不是一种编程语言,而是一种标记语言。

2、在学习html之前,我们先来学习怎么利用记事本创建自己第一个网页。

1.在笔记本菜单栏中找到附件。

2.创建一个记事本。

3.在记事本中录入(你先不用管为什么要录入这些东西。)

   <html>

     <head>

        <title>我的第一个学习网页</title>

      </head>

      <body>

        怎样才能学好html呢?

      </body>

   </html>

4.保存文档,选择保存,保存路径为桌面(便于查找哦),类型为所有文件,文件名为“我的第一个网页.html”【后缀html一定不能错哦!】

HTML入门学习(怎么学好HTML?)

HTML入门学习(怎么学好HTML?)

HTML入门学习(怎么学好HTML?)

HTML入门学习(怎么学好HTML?)

HTML入门学习(怎么学好HTML?)

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

HTML入门学习(怎么学好HTML?)

4、让我们一起来看看这个网页的具体内容吧!

1.他的标题是【我的第一个学习网页】,这是告诉读者,我这个网页所承载的内容是什么。

2.他的内容是【怎样才能学好html呢?】这是直接展示给读者我的内容。

HTML入门学习(怎么学好HTML?)

5、下面,我们来仔细的分析一下我们在前面写的标签。

1.<html></html>告诉浏览器这是html标签。

2.<head></head>告诉浏览器这是我的头文件。

3.<title></title>告诉浏览器这是我的标题,在<head></head>里面。

4.<body></body>告诉浏览器这是我的正文。

我们不拿看出,html就是要告诉浏览器我的某个东西是什么,没错,这就是它的主要功能。

6、下面我们一起来看看html标签的主要特点。

1.一般都是成对出现,像<html></html>,<body></body>, <body></body> 等,但也有部分不是成对的像</br>,</hr>等。【我们在后面再做详细介绍】

2.不通的标签有不通的含义。

3.不通的标签有不通的位置。像<title></title>在<head></head>里。

7、那怎么学好html呢?我个人根据自己的学习经验,总结了一下方法:

1.多动手编写html代码,并且测试。【前面我们已经建立了自己的网页,你可以在里面编写新的内容进行测试】

2.自己去看网上的一些简单网页的源代码。怎么去看呢?首先选择一个简单的网页,在页面上单击右键选择查看源码即可。

3.多像同学老师请教。

HTML入门学习(怎么学好HTML?)

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

1.段落定义标签。

2.<h1></h1>定义标题标签还有<h2></h2>,<h3></h3>,<h4></h4>等

3.</br>定义换行标签。

我们通过操作一起学习吧!

9、用记事本打开我们前面建立的那个网页。

在<body></body>录入

<h1>我的标题</h1>

<h2>我的标题</h2>

<h3>我的标题</h3>

<h4>我的标题</h4>

HTML入门学习(怎么学好HTML?)

10、双击打开,效果如下:

可见标题标签的大小从h1到h6逐渐变小。

HTML入门学习(怎么学好HTML?)

11、我们再在<body></body>里录入

段落一

段落二

段落三

保存预览。

HTML入门学习(怎么学好HTML?)

HTML入门学习(怎么学好HTML?)

12、我们现在做个变换,把body里的所有东西写在一起,不换行,看会发生什么情况。我们保存预览会发现,即使我们把他们放在了一起,但是浏览器还是把他们分开了,这说明标题标签<h1></h1>等和段落标签有自动换行功能。

HTML入门学习(怎么学好HTML?)

HTML入门学习(怎么学好HTML?)

13、我们再做个小实例,在<body></body>标签里录入

我的网页

百度经验

醉春风-IT

【保存预览】你可以发现我们在编写的时候换了行,但浏览器并没有帮我们换行。

HTML入门学习(怎么学好HTML?)

HTML入门学习(怎么学好HTML?)

14、那怎么去设置换行呢?我们重新录入下面代码:

我的网页</br>

百度经验</br>

醉春风-IT</br>

【保存预览】我们会发现浏览器帮我们把文档换行了。

HTML入门学习(怎么学好HTML?)

HTML入门学习(怎么学好HTML?)

15、方法总结:

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

2.要边学边做,才能学得快。

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢