HTML前端开发教学

  编写HTML需要一个编辑器,这里,如果大家不想下载过多的软件,可以使用windows系统自带的notepad(记事本)进行编写,在此说明,本人电脑是windows,mac和linux的用户可以自行查找这类软件。
 
  打开后就是这个熟悉的界面
 
  看起来平平无奇,这时候就会有朋友问了。
 
  “一个记事本,这么低端的东西都,怎么能用来编写HTML呢?”
 
  不用着急,看我慢慢细讲。
 
  单纯的记事本确实无法用来编写HTML,但如果我们将文件的后缀改成。html或者。htm,那么这个文件,就会摇身一变变成一个HTML文件!
 
  记事本默认的文件扩展名是。txt,叫做文本文档。
 
  如果我们把它改成这个:
 
  点击保存后,这个记事本,就会成为一个html文件!
 
  如果你进行一些编写,然后打开,就会得到一个网页啦!这也是HTML非常方便的一点。
 
  当然,如果你不嫌麻烦,不妨停一下,然后听听后面的内容。
 
  1.3高级编辑器
 
  记事本这种低端的编辑器,这么low的编辑器,我们自然不会用,而也有大佬为我们发明了很好的高级编辑器,比如Hbuilderx,还有各种各样的非常高端的编辑器发。
 
  但是,请注意这个“但是”。
 
  我并不希望大家用过于智能的编辑器,同样不希望大家使用太低端的编辑器。
 
  如果大家在初学时就使用智能编辑器,那么会导致对于这些编辑器的依赖,并不是什么好事,有时候一些标签需要自己写几遍才能牢记在心!
 
  当然,使用过于低端的编辑器,比如notepad,那么效率会大打折扣,并不好。
 
  此时,又有大神站了出来,帮我们发明了一个软件:notepad++
 
  一眼看上去,似乎就是notepad记事本,只是后面有了++符号。
 
  这个是什么意思?
 
  notepad++其实也是记事本,只不过其用途和效率可是和notepad不在一个等级上的!
 
  notepad++支持多种语言,并且在编写时会有适当的提示和颜色提示,但并不会让你产生依赖性,可以说是一个非常适合新手的编辑器,以下是界面:
 
  可以看到,页面干净整洁,但功能齐全,十分好用。
 
  当然,大家可以通过神之百度进行搜索:notepad++,第一个弹出来的就是官网!点进去,然后开始下载!
 
  (写本篇专栏时最新版本是7.8.8release,还有7.8.9with hong kong,在这里推荐大家使用release版本!)
 
  提示:一定要看清楚自己的操作系统位数!具体操作:右键此电脑,点击属性,然后就能看到啦!
 
  可以看到,本人的电脑就是windows10 64位操作系统,如果大家也是六十四位操作系统,就在官网download界面选择相应的64位notepad++,如果是别的,就选择对应的就好了!
 
  进入到了download页面,大家可能还注意到一个问题,就是在每个download栏下,都有:installer,zip package,7z package,m——(不会写,懒得看了)package.
 
  这四个中,我建议大家选择installer,这是直接下载一个软件,如果是package,那就是压缩包,没有什么用处。
 
  跟着提示和引导一步步安装,大家就可以安装成功。
 
  安装时,一定要创建一个桌面快捷哦。
 
  安装后,双击进入notepad++
 
  刚刚进入,会有一大堆的字,大家将它们全部删除就好了。
 
  现在,你就有了一个全新的notepad++!
 
  在这里,我们依然点击左上角的文件,然后点击另存为。
 
  在你的电脑中选择一个磁盘位置,然后保存在那里,记住,后缀一定要是。html或着。htm。不然依然是普通的文件。
 
  说了这么多,大家应该都已经搞好了这个文件。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61716.shtml

张贴在2