从入门到放弃系列--如何成为全栈工程师01

写个序言

计算机的书,有一个神秘的系列,不管写什么的,编程类的,比如:C语言、JAVA,PHP;操作系统类的,比如windows98/2000/XP/ME/VISTA/7/8/10,LINUX;软件类的,比如word,wps,excel,photoshop,你都能找到一本书叫《从入门到精通xxxx》,这类书从我高中开始就不停的出现在我的眼前,让我觉得无比有意思,至于是不是都是同一家出版社,我就不去考证了。

想起来,自己从事互联网行业已经12个年头了,写下这个教程,希望能帮助你打开互联网的大门,我将用最简单最直白的话语告诉你如何让一个想法在互联网上发芽,跟着我做,相信我,只要你会打字,一步一步,你也能拥有自己的网站、网店、博客、论坛、小程序、APP。编程是痛苦的,不停的出错,不停的加班;编程是幸福的,特别是你能获得无与伦比的成就感,你真的能喊出那句“I can build a world !我能创造一个世界!”;记住这句话,编程能改变你的人生,给你全新的价值观、人生观,同时,编程也是迄今为止这个世界上为数不多的,工作环境优渥,待遇回报还明显高于其他行业的职业。

本教程面向一无所知的小白,如果你是行业从业人员,其中的一些观点可能不是学院派,希望当个屁放了,本教程旨在告诉更多的人互联网的基础含义,能制作出真实的产品,深层次的原理及相关论证需要读者自己去钻研。

这个教程的名称是我一个小小的恶作剧,希望你不会放弃,一步一步跟着我做,互联网没有你想的那么难,让我们开始吧~

第一课,hello 2020

2020年,开年就是王炸,美军暗杀苏莱马尼,新冠疫情,澳洲大火,非洲蝗灾,石油、美股暴跌;2020无法重新开启,我们的第一课,就是让你的浏览器显示出hello 2020吧;

第一步:打开你的记事本,输入以下命令:

<html>
	<h1>HELLO 2020</h1>
</html>

第二步:保存这个文件为1.html
在这里插入图片描述

注意:红框里的内容,文件名为1.html,保存类型为所有文件

第三步:用你的浏览器打开这个文件,或者把这个文件直接拖放到你的浏览器里之后,你就可以看到效果了,这就是你做的第一个网页:
在这里插入图片描述

很粗糙?很无聊?不要失去耐心,再复杂的网站,再好看的效果,这就是他们的基础。

代码解释:

<!-- html是网页的标准开头,以后不论写什么样的网页,都必须以这个开头 -->
<html>
	<!-- h1是html语言里面基础标签,之后我还会教大家几个常用标签实现不同的效果 -->
	<h1>HELLO 2020</h1>
</html>

注意看,上面的代码里我增加了一些用<!-- foo -->包裹的内容,这叫注释,这是给你自己看的,因为代码量多了以后,常常会出现过几天自己写的是什么都忘记的情况,写了注释方便以后快速回忆,也方便让和你协作的人快速理解你写的代码的含义
· foo没有任何意义,类似我们日常生活中的xxx用于示例或者一种省略,写foo是一种习惯,以后你的类似习惯还有bar
· 注释不会影响程序的运行
· 不同的变成语言有不同的注释方法,这里提到的<!-- foo -->只适用于html或htm文件(html和html是一个东西)。

html语言

html语言是网页变成的基础语言,掌握html语言非常简单,html语言包含两种结构:
一种叫闭合结构,闭合结构都是成对出现,后一个比前一个多一个斜杠作为结束

<h1>foo</h1>
<h2>foo</h2>
<h3>foo</h3>
...
<h6>foo</h6>
<b>foo</b>
<i>foo</i>
<u>foo</u>
<p>foo</p>
<span>foo</span>

一种叫非闭合结构,非闭合都是单个出现,结束的斜杠包含在尖括号内

<img src="foo" />
<style href="foo" />
<meta http-equiv="foo" />

你可以试试把这些标签复制到刚才的文件里,再用浏览器打开看看效果

html语言是网页编程的基础,html语言包含的标签有数十个,但是不用你每一个都记住,常用的标签不会超过20个,下一课我会继续给大家介绍html标签,拜拜~

猜你喜欢

转载自blog.csdn.net/wongvio/article/details/104788478