HTML入门(对HTML初步认识)

步骤一:了解什么是HTML?

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

步骤二:HTML主要做什么工作?

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

1.Win+R ->输入cmd ->Enter ->输入notepad。 (创建一个记事本)

2.在记事本中录入以下内容:
在这里插入图片描述
3.保存文档,选择便于查找的保存路径(此处我选择E盘),类型为所有文件,文件名为“MyFirstWeb.html”。 (注意:后缀html一定不能错)
在这里插入图片描述
在这里插入图片描述
step2:创建完成,点击进入。
1.点击E盘中MyFirstWeb.html,选择打开方式为浏览器打开。

2.成功打开,显示如下:
在这里插入图片描述
3.现在来分析这个网页的具体内容:

  • 标题为:MyFirstWeb
  • 内容为 What should I do?
    在这里插入图片描述
    step3:由上可知,HTML主要功能就是要告诉浏览器我的某个东西是什么。

步骤三:HTML是怎样工作的?

step1:修改之前MyFrisrWeb中的内容。

1.打开记事本,按照如下内容修改并保存:
在这里插入图片描述
2.打开修改后的MyFirstWeb.html文件,可看到如下结果:
在这里插入图片描述
3.我们发现,my title字体由大到小排列,并且进行了换行。

step2:如果我们在写代码的时候不进行换行会发生什么呢?

1.继续打开记事本,按照如下内容修改并保存:
在这里插入图片描述
2.再次打开修改后的MyFirstWeb.html文件,可看到如下结果:
在这里插入图片描述
3.由此可以看出,编辑时的未换行并不影响显示。

step3:我们再进行一个试验。

1.去掉字体大小标签,按照如下编辑记事本并保存:
在这里插入图片描述
2.运行修改后的文件,得到如下结果:
在这里插入图片描述
3.我们发现,在没有分别字体大小设置后,现在my title不换行了。

step4:那么怎么解决这个问题呢?

1.按照如下修改记事本中代码并保存:
在这里插入图片描述
2.打开修改后的文件。
在这里插入图片描述
step4:结合上面几个实验可知,我们要换行,只是在编辑的时候换行,计算机并不会识别,你要明确的告诉它每一步的操作。就像C语言,printf输出内容时候,只有加上\n才会换行一样的道理。

本篇学习参考自:https://www.360kuai.com/pc/9c251a47d3187245d?cota=4&tj_url=xz&sign=360_57c3bbd1&refer_scene=so_1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值