书签 分享 收藏 举报 版权申诉 / 49

类型html开发手册资料.docx

  • 文档编号:27536268
  • 上传时间:2023-07-02
  • 格式:DOCX
  • 页数:49
  • 大小:32.99KB

HTML属性

HTML标签可以拥有属性

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

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

name="value"

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

属性实例

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

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

<ahref="http:

//www.w3.org">Thisisalink</a>

更多HTML属性实例

属性例子1:

<h1>定义标题的开始。

<h1align="center">拥有关于对齐方式的附加信息。

属性例子2:

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

<bodybgcolor="yellow">拥有关于背景颜色的附加信息。

 

属性例子3:

<table>定义HTML表格。

(您将在稍后的章节学习到更多有关HTML表格的内容)

<tableborder="1">拥有关于表格边框的附加信息。

HTML提示:

使用小写属性

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

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

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

始终为属性值加引号

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

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

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

name='Bill"HelloWorld"Gates'

HTML属性参考手册

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

 

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

属性

描述

class

classname

规定元素的类名(classname)

id

id

规定元素的唯一id

style

style_definition

规定元素的行内样式(inlinestyle)

title

text

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

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

HTML标准属性参考手册

 

 

 

2html元素

HTML元素

 

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

HTML元素

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

33%;">开始标签

33%;">元素内容

结束标签

<p>

Thisisaparagraph

</p>

<ahref="default.htm">

Thisisalink

</a>

<br/>

注释:

开始标签常被称为开放标签(openingtag),结束标签常称为闭合标签(closingtag)。

HTML元素语法

  • HTML元素以开始标签起始
  • HTML元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些HTML元素具有空内容(emptycontent)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数HTML元素可拥有属性

提示:

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

嵌套的HTML元素

大多数HTML元素可以嵌套(可以包含其他HTML元素)。

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

HTML文档实例

<html>

<body>

<p>Thisismyfirstparagraph.</p>

</body>

</html>

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

HTML实例解释

<p>元素:

<p>Thisismyfirstparagraph.</p>

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

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

元素内容是:

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内容被称为空元素。

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

<br/>就是没有关闭标签的空元素(<br/>标签定义换行)。

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

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

即使<br>在所有浏览器中都是有效的,但使用<br/>其实是更长远的保障。

HTML提示:

使用小写标签

HTML标签对大小写不敏感:

<P>等同于<p>。

许多网站都使用大写的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。

属性

属性

描述

4

5

onabort

script 

发生abort事件时运行脚本。

 

5

onbeforeonload

script 

在元素加载前运行脚本。

 

5

onblur

script 

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

4

5

onchange

script

当元素改变时运行脚本。

4

5

onclick

script 

在鼠标点击时允许脚本。

4

5

oncontextmenu

script 

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

 

5

ondblclick

script 

当鼠标双击时运行脚本。

4

5

ondrag

script 

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

 

5

ondragend

script 

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

 

5

ondragenter

script 

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

 

5

ondragleave

script 

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

 

5

ondragover

script 

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

 

5

ondragstart

script 

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

 

5

ondrop

script 

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

 

5

onerror

script 

举报
举报
版权申诉
版权申诉
word格式文档无特别注明外均可编辑修改;预览文档经过压缩,下载后原文更清晰! 立即下载
配套讲稿:

如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制:

部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词:
html 开发 手册 资料
提示  冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
本文标题:html开发手册资料.docx
链接地址:https://www.bdocx.com/doc/27536268.html
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2022 冰点文档网站版权所有

经营许可证编号:鄂ICP备2022015515号-1

收起
展开