码迷,mamicode.com
首页 > Web开发 > 详细

HTML

时间:2015-06-24 18:42:42      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

1.1 DOM节点树

技术分享

1.2节点关系

技术分享

 

<html>
  <head>
    <title>DOM 教程</title>
  </head>
  <body>
    <h1>DOM 第一课</h1>
    <p>Hello world!</p>
  </body>
 </html>

  

从上面的 HTML 中:

<html> 节点没有父节点;它是根节点

<head><body> 的父节点是<html> 节点

文本节点 "Hello world!" 的父节点是 <p> 节点

并且:

<html> 节点拥有两个子节点:<head><body> <head> 节点拥有一个子节点:<title> 节点 <title> 节点也拥有一个子节点:文本节点 "DOM 教程" <h1><p> 节点是同胞节点,同时也是<body> 的子节点

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="http://1688.com/cart/merge.css">
    <style>
        #doc{
        }
    </style>
</head>
<body>
    <h1>这是大标题</h1>
    <p>这是段落</p>
    <a href="http://www.1688.com" title="1688">这是链接</a>

    <script src="http://1688.com/cart/merge.js"></script>
</body>
</html>
//<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

 HTML5 中的新标签。

   http://www.w3school.com.cn/tags/index.asp

 

HTML

标签:

原文地址:http://www.cnblogs.com/Vae98Scilence/p/4598071.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!