5.4 完整的HTML文档

  目前为止,我们真正看到的就是一小段HTML代码。完整的HTML文档需要一些其他元素。我们来看一个完整的HTML文档的示例以及其中每一部分的含义。用如下这些新的元素来更新pape.html文件。

《javascript-少儿编程》第五章HTML的基础知识之完整的HTML文档

  注意: Sublime Text 应该能够自动缩进某些行为,如示例所示。它实际上是根据标签(诸如、

等)来识别行的,并且根据嵌套进行缩进。Sublime Text并没有缩进标签和标签,但是有一些编辑器会这么做。


图5-6展示了完整的HTML文档

《javascript-少儿编程》第五章HTML的基础知识之完整的HTML文档

图5-6完整的HTML文档

  让我们依次介绍pape.html文件中的元素。<!DOCTYPE html>标签只是一个声明。它只是说:“这是一个HTML文档”。后面跟着的是开始标签(结束标签非常靠后)。所有的HTML文档必须有一个html元素作为其最外层的元素。

  在html元素中有两个元素:head和body。head元素包含HTML文档的某些信息,例如,title元素包含的就是文档的标题。例如,在图5-6中,我们发现浏览器标签页的标题是“My first proper HTML pape”,这和在title元素中输入的内容一致。title元素包含在head元素中,head元素包含在html元素中。

  body元素包含了要在浏览器中显示的内容。这里只是把本章前边的HTML复制过来。

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

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

   口袋儿题库-青少儿编程自测题库