第1课:开始学习HTML

建议你每天学习2到3课,然后花点时间来实验你所学到的新知识。

学习制作网站是件充满乐趣的事,而且一旦掌握它,你便会感到无比满足。好的,不多说,我们现在就开始吧!

这第一课中,我们简要介绍制作网站所需的工具。

需要哪些工具?

“浏览器(browser)”你有了,它是用于浏览网站的程序。你现在就是通过浏览器在观看本页面的。

也许你听说过、甚至用过一些网页制作工具,比如Macromedia Dreamweaver等。现在可以忘掉这些程序了!它们对你学习网页制作没有什么帮助。

相反,你需要的是一个简易的文本编辑器。如果你正在使用Windows操作系统的话,你可以使用它自带的记事本(Notepad)程序。你可以依次点击“开始菜单→程序→附件”找到该程序。

如何找到记事本

如果你用的是其他操作系统,那么也有类似的简易文本编辑器可以使用,比如Linux上的Pico或Mac(苹果机)上的TextEdit。

记事本是一个非常简单的文本编辑程序,用它编写程序非常好,因为它不会干涉你所输入的任何内容,给予你完全的控制权。

浏览器和记事本程序(或类似的简易文本编辑器)便是你所需的全部工具,有了它们,你就可以完成本教程,并制作自己的网站了。

我需要连上网么?

你无需连上因特网(Internet),浏览本教程和制作网站都可以离线完成。

你可以先在自己的计算机上制作网站,待网站制作完毕再上传到因特网上。

接下来学习什么?

下一课将介绍HTML是什么,然后从第三课开始学习有趣的HTML。

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/505.html

(34)
江山如画的头像江山如画管理团队
第2课:HTML是什么?
上一篇 2018年1月20日 下午3:51
跟永哥学HTML5(1):认识html5
下一篇 2018年1月21日 上午11:10

99%的人还看了以下文章

  • Flex布局“弹性盒子”

    一.概念 flex布局: Flex Box 的缩写,意味“灵活的盒子”或“弹性盒子”,所以flex布局又称“弹性布局”。 flex容器 采用flex布局的元素,成为flex容器。display:flex; flex项目 flex容器的所有子元素自动成为容器成员,称为flex项目。 <div style=“ display:flex;”>   &l…

    2020年4月12日
    5.3K0
  • 响应式布局和自适应的区别

    客户端,PC、平板、手机,各种尺寸,要给电脑PC和手机分别设计不同的网页吗?要给每一个手机分别设计一个网页吗? 不需要,因为有了响应式布局。 响应式布局被大家熟知的一个重要原因就是Twitter开源了bootstrap。。 响应式布局和自适应的区别: 自适应是为了解决如何才能在不同大小的设备上呈现相同的网页。 手机的屏幕比较小,宽度通常在600像素以下,pc…

    2019年10月15日
    5.3K0
  • 第7课:HTML标签的属性

    许多元素都可以设置属性。 属性是什么? HTML通过标签告诉浏览器如何展示网页(比如告诉浏览器显示一个换行)。你可以为某些元素附加一些信息,这些附加信息被称为属性(attribute)。例1: <h2 style=”background-color: #ff0000;”>上125jz.com学网页制作</h2> 属性应写在元素的首标签…

    2018年1月20日
    3.5K0
  • div/span水平顶部对齐,同一行div跟内容最多的div高度保持一样高

    一、两个div水平顶部对齐 两个div都设置display:inline-block;  并且右边的div增加样式vertical-align: top; 使得右边的div跟左边的div的顶部对齐。 <div id=’left’ style=”width:20%; display:inline-block”> </div> <d…

    2018年12月10日
    9.7K0
  • Marquee标签制作滚动公告、新闻列表

    效果演示 《Marquee标签实现跑马灯、滚动公告、通知效果》 Marquee标签制作滚动公告、新闻列表 <!doctype html> <html> <head> <meta charset=”utf-8″> <title>marquee实现的滚动公告|www.125jz.com</titl…

    2019年2月28日
    11.7K0
  • 第6课:超链接

    CSS允许你根据链接是未访问的、已访问的、活动的、是否有鼠标悬停等分别定义不同的属性。这样,我们便可为网站增添奇特而有用的效果。

    2020年2月22日
    2.8K0

发表回复

登录后才能评论