博客第一课－代码从何开始

最新推荐文章于 2024-09-09 09:00:00 发布

「已注销」

最新推荐文章于 2024-09-09 09:00:00 发布

阅读量265

点赞数

分类专栏：教程文章标签：博客互联网开发人员

教程专栏收录该内容

2 篇文章 0 订阅

订阅专栏

如果你是小白程序猿，你也许会问，第一行代码到底该怎么写。

printf(‘hello, world’);

看到吗，这也许就是你人生的第一句代码。

我们先不纠结这句代码的前世今生，以后会专门开个系列介绍这门语言。现在渣哥想带大家从熟悉的场景探纠程序的世界。

大家平时接触最多的也许就是各式各样的网页了，我们就从它开始，如果你能耐心学读完这个系列教程，也许你就可以打造属于自己的个人主页了，有木有一点小期待？

<!DOCTYPE html>
<html>
<head>
<title>我的第一个网站</title>
</head>
<body>
Hello World!
</body>
</html>

请大家把上述代码，复制到一个文本里，然后保存为index.html，名字无所谓，但是注意后缀一定得是html。当然渣哥建议你还是手打代码比较好，代码读千行,不如写一行。当你写到10000行代码的时候也许就不再需要看这些幼稚的文章了。补充一下，html的全称为: HyperText Markup Language:超文本标记语言。

神奇的时候到了，你现在打开你的网页浏览器，然后把index.html这个文件拖入浏览器，是不是看到了一个Hello World在向你招手。恭喜，你已经进入开发之门了。

上面的代码虽然短小，但是它几乎就是一个网页的基本框架了。它由四部分组成，
第一部分也就是第一行<!DOCTYPE html>，告诉浏览器这是个html5文件,请以h5的语法解析它。
第二部分，<html></html>定义了html的开始和结束。
第三部分<head></head>定义了html的头部，主要是对html的补充说明，我们这里只用到了<title></title>标签，当然还有其它的标签，以后会说到，暂时可以先忽略。
第四部分就是<body></body>,这是我们整个页面正文的部分，你看到的页面所有内容，几乎都包含在这个标签里面。

以上用到的只是html最基本的标签,大家平时所看到的花花绿绿的网页，还用到了大量其它的标签和网页技术，大家不用急，慢慢来, 如果你是个急性子，也可以直接自行百度。

你也许会问，为什么我写了这么多代码，只显示了一句hell world呢。你写的这些被称之为源码，浏览器其实是个客户端程序，它能解析html文件，然后根据源码里的标签解析并显示出大家看到的内容。

好啦，第一课就到这里，总结一下这课大家该记住的内容：

知道网页其实就是一个后缀为html的文本文件，我们一般称之为一个page,网站就是由许多个page组成的。假如你将来有机会做外包赚外块，一般也是按page为单价来收费的(题外话^~^)。html文件是由一堆html标签堆砌而成，浏览器是个客户端程序，它可以解析这些html标签，并显示出大家所看到的内容。

下一课，就可以开始打造我们的博客系统了，你们准备好了嘛。

<转自微信公众号: 程序员之我行>