编写第一个网页-02

编写网页前,我们首先需要搞清楚两个问题,也就是我们需要准备两器:** 编辑器和浏览器**

在什么地方上写?

我们日常可以打开编辑文件的工具都可以统称之为编辑器,我们刚开始就准备使用Windows系统自带的编辑器来起步,我们就准备把我们的代码写在一个文本文件里面

写完之后怎么看效果?

怎么看效果就是通过我们上一节课给大家讲过的浏览器,就是通过浏览器打开我们写的页面,或者直接把用编辑器编辑好文件拖到浏览器里面,都就可以看到我们页面展示的效果了。

我们一步一步来不要急

Step 1: 先创建一个文本文件

打开电脑在桌面上 右击选择新建里面的文本文件,如下图所示:

image.png

修改Windows选项 让默认显示文件扩展名

Step 2: 然后双击打开,在里面勇敢的输入“Hello World!”. 是的就像下面那样就 行

image.png

Step 3: 点击左上角文件选择保存,然后关闭文件

image.png

Step 4: 在刚才新建的文件上右击选择重命名

image.png

Step 5: 将文件名称修改为 helloworld.html

Step 6: 打开浏览器将这个文件直接拖到浏览器里面

image.png

我靠 人生的第一个小目标就这么实现了!!!
当然你还可以右键编辑刚才那个文件然后保存重新拖到浏览器里面打开或者刷新刚才的页面,大家可能
就会发现你写什么浏览器就显示什么
难道这个就是前端编程吗?网页都是这么写出来的吗???
其实道理是类似的,那大家可能会想 我看到的网页上有那么多图片怎么显示出 来,有的字大有的字小是怎么显示出来的?

且等我们下回继续分享

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,900评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,799评论 19 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,333评论 4 61
  • 我的爱如边疆,在那遥远的天堂,想念,盼望,想念你的脸庞,盼望你的来到。
    万万物阅读 1,033评论 1 2
  • 《不安的时候,坐下来写》今天看到这九个字,想起我刚刚加入小灶群的时候,每天都要完成晨读感悟和话题,那几天也是像打了...
    沐七月阅读 1,865评论 4 12