HTML

  • HTML 代表 超文本标记语言。
  • 用于设计文档的布局和指定超链接。
  • 告诉浏览器如何显示文本、图片和其他支持媒体。
  • 支持多媒体和新的页面布局功能。
  • 易于与其他编程语言集成。
  • HTML 由一系列元素组成。
  • 提供许多标签来控制网页上信息的呈现，如 <body>,<li>、<hr> 等。

语法：

<!DOCTYPE html>
<html>
<head>
<title>标题</title>
</head>
<body>

<h1>Hello World</h1>
<p>This is Yiibai Page.</p>

</body>
</html>

XML

  • XML 代表可扩展标记语言。
  • 标记语言是一种标识文档中结构的机制。
  • XML 旨在存储和传输数据。
  • XML 被设计为具有自我描述性。
  • XML 定义了向文档添加标记的标准方法。
  • 提供定义标记以及它们之间的结构关系的功能。
  • XML 文档的所有语义将由处理它们的应用程序或样式表定义。

XML语法

<note>
  <to>Geeks</to>
  <from>Yiibai</from>
  <heading>Welcome to new course</heading>
  <body>Don't forget to signup before this weekend!</body>
</note>

DHTML

  • DHTML是动态HTML的缩写。
  • DHTML是一个术语，用来描述用于使网页动态和互动的技术。
  • DHTML指的是每次浏览时都会发生变化的网页内容。例如，图形可以从一个位置移动到另一个位置，以响应用户的动作，如鼠标点击。
  • 使网页能够对用户的输入作出反应，而不向网络服务器发送请求。
  • 用来描述HTML、样式表和脚本的组合，使文件能够被动画化。

DHTML语法

<html>
<head>
<script type="text/javascript">
function sameInfo()
{
for (i=0; i<document.myForm1.option.length; i++)
    {
    document.myForm2.option[i].value=document.myForm1.option[i].value;
    }
}
</script>
</head>
<body>

<form name="myForm1">
First name: <input type="text" name="option"><br />
Last name: <input type="text" name="option"><br />
Address: <input type="text" name="option"><br />
E-mail: <input type="text" name="option"><br />
<br />
<input type="button" onclick="sameInfo()" value="Same information below"><br />
</form>

<form name="myForm2">
First name: <input type="text" name="option"><br />
Last name: <input type="text" name="option"><br />
Address: <input type="text" name="option"><br />
E-mail: <input type="text" name="option"><br />
</form>

</body>
</html>