一、一份“xx.html”文档的结构:

<!DOCTYPE html>

<html>                <!-- <html xmlns="http://www.w3.org/1999/xhtml">-->

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>This is a HTML</title>
    </head>
    <body>

<f>Hello</f>

<ul id="English">

<li>my</li>

<li>you</li>

</ul>

</body>

</html>

需要注意:这里"<!--"和"-->"是一对注释符,他两之间的是注释内容。

最前面的是<!DOCTYPE html>,他是html5标准网页声明。该标签告诉浏览器文档使用的是HTML的规范。

如果把这个文档比作一个人,那么<!DOCTYPE html>定义他是个人。

那么:

<html> <!--这是html的起始标签-->

· · · · · ·

</html> <!--这是html的截止标签-->

这部分就表示这一个人(html)。这个人有头(head)和身体(body),头和身体是并列的,其表示都是由起始和截止标签构成。

<head>

· · · · · · ·

</head>

<body>

· · · · · ·

</body>

那么头(head)细分还有耳朵、眼睛瞪,同理身体也是一样。

head中的<title> · · · · · · </title>

body中的<f> · · · · · ·</f>

当然很多都是定义好的。如:

<ul>

<li> my </li>

<li> you </li>

</ul>

<!--在body中可以加入ul在,在ul中还可以加入li这些事先都有定义了 -->

<ul id="English">

· · · · · ·

</ul>

id 是ul的属性 ,li有class属性,而title属性几乎都有,就像头发有黑色、白色等。

DOM(xx.HTML文档的基础结构)相关推荐

  1. ​​​​​​​​​​​​​​使用dom方式遍历文档||获取元素||从元素中获取数据

    使用dom方式遍历文档 获取元素 根据id查询元素getElementById 根据标签获取元素getElementsByTag 根据class获取元素getElementsByClass 根据属性获 ...

  2. 【Qt】DOM读取XML文档

    00. 目录 文章目录 00. 目录 01. 概述 02. 开发环境 03. XML文档示例 04. DOM读取XML文档内容 05. 预留 06. 附录 01. 概述 DOM(Document Ob ...

  3. [Qt教程] 第27篇 XML(一)使用DOM读取XML文档

    [Qt教程] 第27篇 XML(一)使用DOM读取XML文档 楼主  发表于 2013-5-21 21:14:28 | 查看: 1001| 回复: 14 使用DOM读取XML文档 版权声明 该文章原创 ...

  4. JAVA中利用DOM解析XML文档

    JAVA中利用DOM解析XML文档 package org.sws.utils; import java.io.File;import java.io.IOException; import java ...

  5. java jdom进行xml的增删改差_java使用DOM对XML文档进行增删改查操作实例代码

    本文研究的主要是java使用DOM对XML文档进行增删改查操作的相关代码,具体实例如下所示. 源代码: package com.zc.homeWork18; import java.io.File; ...

  6. java使用org.w3c.dom解析XML文档,创建、增删查改,保存,读取,遍历元素等操作

    全栈工程师开发手册 (作者:栾鹏) java教程全解 java使用org.w3c.dom(java dom)解析XML文档,创建.增删查改,保存,读取,遍历元素等操作 在保存文件时需要载入crimso ...

  7. 使用DOM技术操纵文档

    java 代码 [资料]JS使用DOM技术操纵文档 -- 创亿无限|创意无限|创意| -- 编程爱好者BLOG JavaScript高级应用:使用DOM技术操纵文档 我们知道,如果使用DHTML对象模 ...

  8. 用JavaScript语言通过DOM遍历XML文档

    实验结果要求如下: 解决步骤: 1.  首先是布局,左边用表格比较方便,右边是个div块. 2.  嵌入JavaScript脚本,由易到难,写定义全部显示的功能函数.显示姓名功能函数,显示属性功能函数 ...

  9. DOM概述 选取文档元素

    脚本化文档 客户端js的存在使得静态的html文档变成了可交付式的web应用 DOM概述 文档对象(DOM)是表示和操作html和xml文档内容的基础api. <!doctype html> ...

最新文章

  1. Servlet--03--servlet的生命周期
  2. js中三元运算符的两种情况
  3. JS partial-application
  4. ASP.NET Core服务器综述
  5. 秒懂数据类型的真谛—Python基础前传(4)
  6. 一个莫名的人,竞标,教训,韩国女人
  7. ASP.NET从字符串中查找字符出现次数的方法
  8. 从零开始开发JVM语言(七)语义分析的起步
  9. 第一个Polymer应用 - (2)创建你自己的元素
  10. ASA8.4端口映射篇
  11. xmind zen 用法
  12. 计算机图形学结课论文,计算机图形学的结课论文计算机图形学课程期末论文
  13. 【技能】excel小技巧:利用宏制作工资条
  14. java中如何确定表的列宽,excel列宽怎么设置_javaexcel怎么设置所有列宽
  15. TigerGraph百万美元挑战赛奖项全揭晓,通过图技术解决全球问题的创新方案令人印象深刻
  16. 阿里 P6 到底应该具备哪些核心能力?
  17. 孩子不听话家长怎么办
  18. linux 内功修炼之一 cpu
  19. 神舟电脑文件丢失怎么办?分享文件丢失常见原因和恢复方法
  20. linux改mac地址目录,Linux下如何修改网卡MAC地址

热门文章

  1. 如何用公式编辑器打大大于符号?
  2. 百度开源上传组件WebUploader的formData动态传值技巧
  3. 刺激战场国际服S8赛季更新:新赛季100级通行证奖励都在这里了
  4. 使用ngnix实现跨域视频截图
  5. win10计算器和商店英文改中文
  6. 单链表(LinkedList)的java实现(注释详细)
  7. 机器学习:生成式模型与判别式模型
  8. Android SD卡挂载状态
  9. keepalived实现nginx高可用
  10. 古镇智慧旅游建设方案ppt