html开发手册资料.docx

上传人：b****4 文档编号：27536268 上传时间：2023-07-02 格式：DOCX 页数：49 大小：32.99KB

下载相关举报

第1页 / 共49页

第2页 / 共49页

第3页 / 共49页

第4页 / 共49页

第5页 / 共49页

点击查看更多>>

下载资源

资源描述

html开发手册资料.docx

《html开发手册资料.docx》由会员分享，可在线阅读，更多相关《html开发手册资料.docx（49页珍藏版）》请在冰豆网上搜索。

html开发手册资料.docx

html开发手册资料

Html头标记

DOCTYPEhtml>

描述：

定义和用法

DOCTYPE>声明是文档中的第一个成分，位于标签之前。

该标签告知浏览器文档所使用的HTML规范。

HTML4.01与HTML5之间的差异

在HTML4.01中有3个不同的文档类型，在HTML5中只有一个：

DOCTYPEHTML>。

提示和注释：

注释：

DOCTYPE>标签没有结束标签！

提示：

DOCTYPE>对大小写不敏感。

HTML5

在HTML5中，文档类型声明很简单：

DOCTYPEHTML>

在所有HTML文档中规定文档类型很重要，这样浏览器才能了解所预期的文档类型。

HTML4.01中的doctype需要引用一个DTD，这是因为HTML4.01基于SGML。

HTML5不基于SGML，也不需要引用DTD，但是需要声明文档类型让浏览器按照它们应该的方式来运行。

属性：

NONE

词汇：

SGML:

标准通用标示语言（StandardGeneralizedMarkupLanguage）

DTD:

文件类型定义（documenttypedefinition）

-->

1HTML属性

DOCTYPEhtml>

HTML属性

属性为HTML元素提供附加信息。

HTML属性

HTML标签可以拥有属性。

属性提供了有关HTML元素的更多的信息。

属性总是以名称/值对的形式出现，比如：

name="value"。

属性总是在HTML元素的开始标签中规定。

属性实例

HTML链接由<a>标签定义。

链接的地址在href属性中指定：

<ahref="http:
//www.w3.org">Thisisalink</a>

HTML提示：
使用小写属性

属性和属性值对大小写不敏感。

不过，万维网联盟在其HTML4推荐标准中推荐小写的属性/属性值。

而XHTML要求使用小写的属性/属性值。

始终为属性值加引号

属性值应该始终被包括在引号内。

双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：

name='Bill"HelloWorld"Gates'

HTML属性参考手册

我们的完整的HTML参考手册提供了每个HTML元素可使用的合法属性的完整列表：

下面列出了适用于大多数HTML元素的属性：

属性

值

描述

class

classname

规定元素的类名（classname）

规定元素的唯一id

style

style_definition

规定元素的行内样式（inlinestyle）

title

text

规定元素的额外信息（可在工具提示中显示）

如需更多关于标准属性的信息，请访问：

HTML标准属性参考手册

2html元素

HTML元素

HTML文档是由HTML元素定义的。

HTML元素

HTML元素指的是从开始标签（starttag）到结束标签（endtag）的所有代码。

33%;">开始标签

33%;">元素内容

结束标签

Thisisaparagraph

<ahref="default.htm">

Thisisalink

</a>

注释：

开始标签常被称为开放标签（openingtag），结束标签常称为闭合标签（closingtag）。

HTML元素语法

HTML元素以开始标签起始

HTML元素以结束标签终止

元素的内容是开始标签与结束标签之间的内容

某些HTML元素具有空内容（emptycontent）

空元素在开始标签中进行关闭（以开始标签的结束而结束）

大多数HTML元素可拥有属性

提示：

您将在本教程的下一章中学习更多有关属性的内容。

嵌套的HTML元素

大多数HTML元素可以嵌套（可以包含其他HTML元素）。

HTML文档由嵌套的HTML元素构成。

HTML文档实例


<html>
<body>
<p>Thisismyfirstparagraph.</p>
</body>
</html>

上面的例子包含三个HTML元素。

HTML实例解释

元素：

<p>Thisismyfirstparagraph.</p>

这个元素定义了HTML文档中的一个段落。

这个元素拥有一个开始标签，以及一个结束标签。

元素内容是：

Thisismyfirstparagraph。

<body>元素：


<body>
<p>Thisismyfirstparagraph.</p>
</body>

<body>元素定义了HTML文档的主体。

这个元素拥有一个开始标签<body>，以及一个结束标签</body>。

元素内容是另一个HTML元素（p元素）。

<html>元素：


<html>
<body>
<p>Thisismyfirstparagraph.</p>
</body>
</html>

<html>元素定义了整个HTML文档。

这个元素拥有一个开始标签<html>，以及一个结束标签</html>。

元素内容是另一个HTML元素（body元素）。

不要忘记结束标签

即使您忘记了使用结束标签，大多数浏览器也会正确地显示HTML：


<p>Thisisaparagraph
<p>Thisisaparagraph

上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。

忘记使用结束标签会产生不可预料的结果或错误。

注释：

未来的HTML版本不允许省略结束标签。

空的HTML元素

没有内容的HTML内容被称为空元素。

空元素是在开始标签中关闭的。

就是没有关闭标签的空元素（ 标签定义换行）。

在XHTML、XML以及未来版本的HTML中，所有元素必须被关闭。

在开始标签中添加斜杠，比如 ，是关闭空元素的正确方法，HTML、XHTML和XML都接受这种方式。

即使 在所有浏览器中都是有效的，但使用 其实是更长远的保障。

HTML提示：
使用小写标签

HTML标签对大小写不敏感：

等同于。

许多网站都使用大写的HTML标签。

W3School使用的是小写标签，因为万维网联盟（W3C）在HTML4中推荐使用小写，而在未来（X）HTML版本中强制使用小写。

3html事件

HTML5事件属性

HTML元素可拥有事件属性，这些属性在浏览器中触发行为，比如当用户单击一个HTML元素时启动一段JavaScript。

下面列出的事件属性，可以把它们插入HTML标签来定义事件行为。

HTML4.01与HTML5之间的差异

HTML5中的新事件：

onabort,onbeforeunload,oncontextmenu,ondrag,ondragend,ondragenter,ondragleave,ondragover,ondragstart,ondrop,onerror,onmessage,onmousewheel,onresize,onscroll,onunload。

不再支持的HTML4.01属性：

onreset。

属性

值

描述

onabort

script

发生abort事件时运行脚本。

onbeforeonload

script

在元素加载前运行脚本。

onblur

script

当元素失去焦点时运行脚本。

onchange

script

当元素改变时运行脚本。

onclick

script

在鼠标点击时允许脚本。

oncontextmenu

script

当菜单被触发时运行脚本。

ondblclick

script

当鼠标双击时运行脚本。

ondrag

script

只要脚本在被拖动就允许脚本。

ondragend

script

在拖动操作结束时运行脚本。

ondragenter

script

当元素被拖动到一个合法的放置目标时，执行脚本。

ondragleave

script

当元素离开合法的放置目标时。

ondragover

script

只要元素正在合法的放置目标上拖动时，就执行脚本。

ondragstart

script

在拖动操作开始时执行脚本。

ondrop

script

当元素正在被拖动时执行脚本。

onerror

script

展开阅读全文

html开发手册资料.docx

HTML属性

HTML属性

属性实例

更多HTML属性实例

属性例子1:

属性例子2:

属性例子3:

HTML提示：
使用小写属性

始终为属性值加引号

HTML属性参考手册

HTML元素

HTML元素

HTML元素语法

嵌套的HTML元素

HTML文档实例

HTML实例解释

<p>元素：

<body>元素：

<html>元素：

不要忘记结束标签

空的HTML元素

HTML提示：
使用小写标签

HTML5事件属性

HTML4.01与HTML5之间的差异

属性

html开发手册资料.docx

HTML属性

HTML属性

属性实例

更多HTML属性实例

属性例子1:

属性例子2:

属性例子3:

HTML提示：使用小写属性

始终为属性值加引号

HTML属性参考手册

HTML元素

HTML元素

HTML元素语法

嵌套的HTML元素

HTML文档实例

HTML实例解释

<p>元素：

<body>元素：

<html>元素：

不要忘记结束标签

空的HTML元素

HTML提示：使用小写标签

HTML5事件属性

HTML4.01与HTML5之间的差异

属性

HTML提示：
使用小写属性

HTML提示：
使用小写标签