3个单词1个字母,计算机编程快速起步

王跃 王跃聊个人成长

前段时间,写了一遍文章《0基础怎么学习计算机编程》,引来了很多小伙伴的围观,首先非常感谢大家对我的信任。为了让大家在学习计算机编程中少走弯路,我决定以系列文章的形式,分享给大家学习的经验。

今天将带领大家认识HTML,只要会电脑,不管是小学生还是老大爷或者是对电脑熟练操作的你。只要记住三个单词加一个字母,就能进入计算机编程的大门。


什么是HTML

HTML是超文本标记语言。你听了肯定觉得很绕口,说人话,这到底是个什么鬼?


说简单一点,其实就是编写网页使用的一种计算机语言,也就我们每天浏览的网页,就是用它来编写,经过计算机翻译后,展现出来的。


举个例子,在浏览器里敲击:www.baidu.com,也就是百度的网址,然后右击网页的空白处,在菜单中选择“查看源”(这里使用的是IE浏览器,其它浏览器类似,可以是“查看源文件”之类的字眼),你就会看到下面的图片:


这个其实就是HTML语言的代码,你看到这些代码的时候是不是很晕。不要说你了,作为十年的程序员,我也很晕,因为这是没有格式的。


就像我们在Word文档中,如果所有的文本没有格式,没有标点,谁看到都会很晕的,是一个道理。


那么,你千万不要就这样放弃了,下面我来给你分解,保证你只要按着我的操作来做,不出十分钟,你绝对能做出一个网页来。


HTML详解

HTML作为一个计算机语言,它是有一个运行环境的,而这个环境就是浏览器


你肯定知道,在我们的电脑上可能不止一个浏览器,比如系统字带的IE,我们自己安装的360,QQ,谷歌,搜狗,火狐……市面上的浏览器可谓是五花八门。


可是,不管是哪个浏览器,只要我们编写了HTML代码,他们可以认出来。因为他们遵循了统一的标准和规范


下面我们来拆解一下HTML语言,简单说来,HTML语言的代码看起来应该像下面这样:

<body> 

 内容 

        <div>  内容 </div>

</body>


下面总结一下它的特点:

1、把一个英文单词用<>包起来,这种叫做标签

2、成对出现,后面的<>里面有/

3、一对<>里写内容。

4、标签里还可以包含标签。


当你浏览的一个网页,背后隐藏就是由无数个这样的标签来组成的代码。HTML语言规定了,每个页面的大框架应该像下面这样:

<html>


    <head>


    </head>


    <body>


    </body>

</html>

聪明的你肯定发现了,就是三部分:一个大标签,里面包括两个小标签。对的,就是这样简单,下面我手把手带你做一个网页。


编写HTML代码


1.在你的电脑桌面上建一个记事本文件,双击打开,然后写入以下代码:

<html>

    <head>

    </head>

    <body>

        <h1>我是一级标题</h1>

        <h2>我是二级标题</h2>

        <h3>我是三级标题</h3>

        <h4>我是四级标题</h4>

    </body>

<html>

注意:一个字母都不能写错哦。


2.写完后,确认无误以后,保存文件,并关闭。


3.把文件后缀改成html。如果你找不到文件后缀,那是因为电脑自动隐藏了文件的后缀后,那你需要通过文件夹选项修改一下,如下图:



4.改好后的文件,看起来应该是下图这样:


5.再次双击文件打开应该是用你的默认浏览器打开了,如果一切顺利,页面上应该如下图所示:

这样,我就带你完成了第一个网页,是不是很简单呢,其实没想像中那么难,计算机语言有它的特定规则,了解了以后,按它的规则编写就可以了。


当然了,别看小小的几行代码,你可能也会遇到问题,如果运行不出来,那就来找我吧,下面是我的微信:

完成了这么简单的一个网页设计,也许你根本还没过瘾,没事,后面我将带你了解更深入的规则,继续关注我哦。


相关文章

0基础怎么学计算机编程







文章推荐