您的位置:寻梦网首页编程乐园HTML园地HTML实用教程
HTML实用教程
作者:佚名 来源:梦之都(www.dreamdu.com)

4 . HTML骨架 -- 解剖一下HTML

4.1. HTML html 标签
4.2. HTML head 标签
4.2.1 HTML title 标签
4.3. HTML body 标签

其实本节的标题,应该叫HTML框架(就是描述HTML文件的结构),可惜HTML中有一种元素就叫框架,所以我在这里使用骨架

通过视频教程学习HTML骨架

HTML骨架示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>

    <head>
            <title>HTML文件标题</title>
        HTML头信息
      </head>

      <body>
            HTML内容信息
      </body>

</html>  

上面这个框架应该够清晰了

引用网址:http://www.dreamdu.com/xhtml/

说明

  • HTML文档首先要声明一个文档类型,也就是上面例子第一行,定义了XHTML1.1文档类型(文档类型是为了说明这个页面使用了何种HTML规则,或者结构,这个在将来的教程中会详细介绍)
  • <html></html>是HTML文档的开始与结束,也是HTML文档的根元素
  • 除了文档类型外的所有页面内容,都包括在html元素
  • HTML文件中主要分为头信息head与内容信息body

文档head信息

  • 头信息head可以容纳文档的HTML相关信息,比如标题title,页面的语言与文字类型,css样式,javascript代码,简短描述关键词等内容,是用户无法直接看到的

文档body信息

  • 内容信息body包括用户可以看到的全部内容,比如段落,链接,表格等
  • 同学们还要注意一点,编写代码时一定要有层次感,head标签和body标签都是在html标签中的,所以我向后挫了一个tab键的距离,而HTML头信息又比head标签后挫了一个tab键的距离

上面就是html最基本的框架,而我们将来要学习的内容多数在body元素中,还有一少部分在head元素中

猴子推荐: 使用tab键产生HTML代码的层次感,可以使代码更清晰,更容易扩展.

HTML视频教程