HTML head标签

来源:互联网 发布:网络机顶盒 软件 编辑:程序博客网 时间:2024/06/12 18:45
1.head 标签 -- 代表HTML文档的头信息
  • head标签是成对出现的,以<head>开始,</head>结束
    • 头(head)包含了当前文档的一些信息,例如标题信息,meta信息等,正常情况下头信息是不会显示在HTML文档中的.
    • head元素包含的标签:
      • title标签
      • base标签
      • link标签
      • style标签
      • script标签
      • meta标签
    2.例子说明
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html>        <head>                <title> 欢迎来到梦之都 </title>        </head>        <body>                <p>这是我的第一个网页,在这里                        <a href="http://www.dreamdu.com/xhtml/">                                尽情学习HTML                        </a>吧!                </p>        </body></html>

    现在解释一下上面的例子

    • HTML文件就是一个文本文件.文本文件的后缀名是.txt,而HTML的后缀名是.html.
    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">代表文档类型,大致的意思就是:遵循严格的XHTML1的格式书写.具体文档类型后面有介绍(见文档类型),现在只要照写就行.
    • HTML文档中,第一个标签是<html>.这个标签告诉浏览器这是HTML文档的开始(见html标签).
    • HTML文档的最后一个标签是</html>,这个标签告诉浏览器这是HTML文档的终止.
    • <head></head>标签之间的文本是头信息.在浏览器窗口中,头信息是不被显示在页面上的(见head标签).
    • <title></title>标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏(见title标签).
    • <body></body>标签之间的文本是正文,会被显示在浏览器中(见body标签).
    • <p></p>标签代表段落(见p标签).
    • <a></a>定义了一个超链接,用户只要点击了"尽情学习HTML",就可以链接到http://www.dreamdu.com网站(见a标签).
    推荐: 编辑网页时可以同时使用Dreamweaver与Notepad++,Dreamweaver的强大功能可以快速的产生大量代码,再通过Notepad++修正完善代码.
  • 推荐: FireFox浏览器在编辑网页时是不可或缺的,我们应该同时使用IE与FireFox查看网页效果.
原创粉丝点击