不二如是 发表于 2018-3-20 12:03:48

001 - 第一个程序

本帖最后由 不二如是 于 2021-6-4 16:49 编辑

上一集：000 - 那些年的#课程铺垫



在线视频：

https://www.bilibili.com/video/BV1QW411N762?p=1



课程思维导图


猛戳http://xxx.fishc.com/forum/201803/31/110408mxpszds1j1xxxahm.gif超清

不管干什么，前人的丰功伟绩（历史）总要了解下～

毕竟，作为生命周期如此短暂的人类，在有限的生命中为后人作出伟大的贡献，总值得被怀念和尊敬。

历史部分，共有三扇传送门（自行阅读，格调满满）：

[*]1、Web发展史（传送门）
[*]2、HTML发展史（传送门）
[*]3、CSS发展史（传送门）


http://demo.fishc.com/html5/lesson1/timeline/img/1.gif

蒂姆·伯纳斯·李爵士，本人很尊敬的一位大神，真正让技术无价的人（一生拒绝将万维网收费。。。）。

马克·安德森，让网页走进千家万户（十八禁的嘿嘿嘿网络，也因他而起{:10_297:} ）

巨头总是需要对手的，否则将会很寂寞，第一次浏览器大战就这么打响了。

天下分久必合，合久必分，W3C联盟的成立，结束了大战时“各家各自独立的网页标准”。

联盟制定了一系列标准，现在来看，正式这些统一标准，让万维网走进地球上的千家万户～

当时大战的两位巨头，分别演化除了现在的“FireFox”，“Edge”（IE系列无力吐槽了）。

现在的主流浏览器有很多，Safari，FireFox，Chrome...

但准确来讲，巨头只有一个就是“Chrome”，未来怎么样，便留给未来的鱼油了。
（拓展阅读：0 1 7 3 - 人生苦短，我用Chrome | 【零基础入门】）



编译器&浏览器推荐

作为一名新手，虚心的手敲代码，是很有必要滴（想当年，曾手写代码。。。）

所以，小甲鱼老师推荐使用“文本编译器”是非常利国利民的。

浏览器，不用犹豫，使用“Chrome”就对了，自行下载。



什么是HTML？

知道是：


不用纠结定义，先拿来用～

记住：
我们用的是HTML5，往昔的复杂写法，全部Pass！

以下是历史对比，懒得看的可以快速滚过去（写的那么精彩，怎么忍心不看{:10_297:} ）

原来的HTML4.0的doctype：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

是不是又长又懵逼。。。

现在的HTML5写法：
<!DOCTYPE html>

懂了吧，小甲鱼老师后续课程都是HTML5标准（简单，粗暴，有效）。

更多详细解释，请看：实用Tips - 24 - 那些年你对HTML5和HTML4的#误以为 |【附IE神吐槽】



第一个程序



理解基本的网页结构，标签玩法即可，不用深究是什么，先知道怎么用。

代码：

<!DOCTYPE html>
<html">
<head>
    <meta charset="UTF-8">
    <title>第一个程序</title>
</head>
<body>
    <h1>Hello</h1>
    <p>I love FishC.com!</p>
</body>
</html>


保存为“xxx.html”的文件，才能正确被识别出来哦～

跟着小甲鱼老师敲出代码，在浏览器上完美执行出来，就算完成任务。

这一讲不用了解太深，预知详情请看下一讲～



http://xxx.fishc.com/forum/201803/20/101934b3igkgm9hgbgz0ck.gif

下一集：002 - 这个系列我们打算怎么玩 |【尝鲜】



如果有收获，别忘了评分{:10_281:} ：

http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif

这位鱼油，如果喜欢本系列学习笔记，请订阅 专辑☞（传送门）（不喜欢更要订阅{:10_297:} ）

http://xxx.fishc.com/forum/201803/21/151715umqz1qoywp11wjbq.gif

alltolove 发表于 2018-3-20 13:41:29

什么时候留作业啊，我等着做呢{:10_254:}

不二如是 发表于 2018-3-20 13:49:09

alltolove 发表于 2018-3-20 13:41
什么时候留作业啊，我等着做呢

别急，很快了～

昔日少年郎 发表于 2018-3-20 15:08:50

期待更多

不多太少 发表于 2018-3-20 19:36:31

喜欢，加油{:10_266:}

不多太少 发表于 2018-3-20 20:05:17

代码第五行加上后是乱码

py阿碗 发表于 2018-3-22 20:24:36

视频里代码字太小了啊{:10_247:}

深入浅出 发表于 2018-4-15 08:51:06

保存的html文件用Chrome打不开，用其他浏览器却能正常打开，怎么回事呢？

cmjx 发表于 2018-9-7 03:48:23

深入浅出 发表于 2018-4-15 08:51
保存的html文件用Chrome打不开，用其他浏览器却能正常打开，怎么回事呢？

我也是这个问题，请问找到解决方法了吗？我发现直接用Chrome打不开，但是先打开Chrome窗口再把第一个程序的.html文件拖进Chrome窗口又能打开，不知道是为什么。

流动中的幸福 发表于 2018-9-12 11:48:49

期待！

421388093 发表于 2018-10-9 16:22:40

原来现在都是H5了，看来我落后了

zsx123 发表于 2018-10-10 22:19:46

为什么我打开是空白啊

努力大叔 发表于 2018-11-28 21:20:04

程序中的unicode我指定utf-8时用谷歌浏览器打开标题栏是乱码，换成GBK就正常显示中文标题栏了，是怎么回事啊？{:10_266:}

骑着蜗牛狂奔 发表于 2019-1-6 00:20:04

mac系统用什么编辑器？

大海吃鱼 发表于 2019-3-19 22:10:01

我有问题，今天我自己使用了这个TXT文本编辑编辑，然后我发现无论是四个空格还是八个空格都能读的出来，什么时候有时间说一说这个空格的不同呢？
期待中

type_C 发表于 2019-3-20 09:55:33

我是真的零基础，加油！

ALEXGONG 发表于 2019-7-10 10:34:43

骑着蜗牛狂奔 发表于 2019-1-6 00:20
mac系统用什么编辑器？

同问，mac 系统用什么编辑器啊？？？哪位好心人请教一下啊

静听松风寒 发表于 2019-7-12 18:39:12

学到啦，谢谢小甲鱼

无常anlian钊哥 发表于 2020-4-17 22:58:12

啊，大佬啊！为什么我打了之后（记事本大的）可是和那个文档连不到一起去？文档打开就是空的，如果保存记事本，用谷歌打开，就会出现把我其他文件都打开了，就是打的代码不出现

编程爱好者kguj 发表于 2020-7-4 22:28:28

WEB加油！
页: [1] 2
查看完整版本: 001 - 第一个程序