第5章 HTML的基础知识

  到目前为止,我们使用的是基于浏览器的JavaScript控制台,这对于尝试小的代码片断是很不错的,但是,要创建真正的程序,还需要一些更复杂的东西,诸如带有一些JavaScript代码的Web页面。在本章中,我们钭介绍如何创建一个基础的HTML Web页面。

  HTML(HyperText  Markup Language,超文本标记语言)是用来生成Web页面的语言。HyperText是指通过Web页面上的链接(超链接)所连接到的文本。使用一种标记语言来注解文档,因此文档不再是纯文本,标记告诉软件(例如,Web浏览器)如何显示文本,以及用它来做什么。

  在本章中,我们将介绍如何使用访谈录编程器来编写HTML文档。文本编辑器是设计用来编写没有格式化的纯文本文件的一个简单程序,该纯文本文件没有我们在诸如Microsoft Word这样的字处理程序中所见到的格式化。字处理文档包含格式化的文本(如不同的字体、颜色类型、字体大小等)。字处理器设计为可以很容易地修改文本的格式。字处理器通常也允许插入图像和图片。

  纯文本文件则只包含文本,不包含字体、颜色、字体大小等信息。不能在文本文件中放入图片,除非图片是用文本生成的,就像这只猫一样。

《javascript-少儿编程》第五章HTML的基础知识

5.1文本编辑器

  我们将会使用跨平台(支持Windows、Mac OS和Linux)的编辑器Sublime Text来编写HTML。可以免费下载和使用Sublime Text,但是过一阵,它会要求你购买一个软件许可证(license)。如果你不想购买,后面会列出一些完全免费的版本供你选择。本章中的指令适用于Sublime Text,但由于文本编程器相对简单,因此所有编辑器的指令也都大同小异。


  • Gedit是GNOME项目中的一款跨平台的文本编辑器(http://wiki.gnome.org/Apps/Gedit/)。
  • 对于Microsoft  Windows 操作系统来说,Notepad++是一款很好的文本编辑器(http://notepad-plus-plus.org/)。
  • 在Mac OS 操作系统中,TextWrangler是一种很好的选择(http://www.barebones.com/products/textwrangler)。


  要安装Sublime Text,访问http://www. Sublimetext.com/网站。每种操作系统下的安装说明都有所不同,从早到晚 这些说明都很清晰。如果安装过程中遇到任何问题,可以尝试从Sublime Text主页的Support部分寻求帮助。

语法高亮显示

  Sublime Text使用语法高亮显示来给程序中的代码标记颜色。对不同类型的代码指定不同的颜色,这样的设计使得程序员更容易阅读程序。例如,字符串可能是绿色的,而像var这样的关键字可能是橙色的。

  Sublime Text有很多种可供选择的颜色方案。在本书中,我们使用IDLE颜色方案,可以通过单击Preferences/Color Scheme并选择IDLE来进行设置。

参考文献:《JavaScript for kids》By Nick Morgan 来源:http://www.allitebooks.org


本站内容未经许可,禁止任何网站及个人进行转载。