第1课:开始学习HTML

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

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

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

需要哪些工具?

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

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

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

如何找到记事本

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

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

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

我需要连上网么?

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

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

接下来学习什么?

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

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

(34)
江山如画的头像江山如画管理团队
上一篇 2018年1月20日 下午3:51
下一篇 2018年1月21日 上午11:10

99%的人还看了以下文章

  • 3种纯CSS/jquery实现的表格隔行变色,鼠标悬停:hover变色效果

    表格隔行显示不同背景颜色,表格奇数行和偶数行交替显示不同的背景颜色。 一、纯CSS3实现表格隔行变色 关键CSS代码介绍 table tr:nth-child(odd){background:#F4F4F4;} table td:nth-child(even){color:#C00;} table tr:nth-child(5){background:#73…

    2018年9月5日
    5.6K0
  • 第12课:页面布局(CSS)

    如何为页面实现理想的布局? 你可以使用级联样式表(Cascading Style Sheets,简称CSS)为网站设计页面布局。本课将对CSS作简单介绍。如需从头开始全面学习CSS知识,可以使用我们提供的CSS教程。因此,请将本课当作CSS的预备课。CSS是HTML的搭档。在编码过程中,它们发挥不同的作用:HTML负责网页的具体内容(结构),而CSS则修饰网…

    2018年1月19日
    8.9K0
  • CSS制作三行二列居中布局,高度自适应

    本实例要制作三行二列网页布局,这是网页制作中最常见的布局方式,如何使整个页面内容居中,如何使高度适应内容自动伸缩,是本实例中的难点。 <html> <head> <style type="text/css"> body{ background:#999; text-align:center; color…

    2018年7月29日
    6.1K0
  • CSS3 transform:rotate()制作旋转图片

    在《CSS3 transition transform属性及实例详解》中我们实现了:鼠标放到图片上,图片等比例放大的效果,今天分享transform:rotate()制作旋转图片。 CSS3中的transform:rotate()可以实现旋转功能,可以在CSS里面设定旋转的角度,也可以设定旋转用多少时间来完成。 旋转图片HTML代码 <img src=…

    2019年1月29日
    16.5K1
  • 导航特效:jquery实现当前(活动)菜单样式变化

    用户点击导航或菜单上不同的栏目,被选中的导航栏目会变换样式,出现图片或背景颜色的变化,用于标识是否是当前栏目或活动选项。 本教程使用jquery实现导航菜单当前(活动)菜单样式变化,导航菜单模式用的是背景颜色,你可以换成背景图片以符合建站需要。 当前(活动)菜单样式变化实现原理 在html代码中给首页(默认选中)加上class名cur <a href=…

    2018年2月8日
    5.8K0
  • 纯CSS制作红色网站二级下拉导航菜单

    纯CSS制作红色网站二级下拉导航菜单,代码非常简洁,适合修改后使用,入门就能掌握。 二级下拉导航菜单HTML代码: <nav> <ul> <li><a href=”#”>首页</a></li> <li><a href=”#”>电影</a> <ul…

    2019年4月17日
    13.0K0

发表回复

登录后才能评论