




已阅读5页,还剩27页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
Html头标记!- 描述: 定义和用法 声明是文档中的第一个成分,位于 标签之前。该标签告知浏览器文档所使用的 HTML 规范。HTML 4.01 与 HTML 5 之间的差异在 HTML 4.01 中有 3 个不同的文档类型,在 HTML 5 中只有一个:。提示和注释:注释: 标签没有结束标签!提示: 对大小写不敏感。HTML 5在 HTML5 中,文档类型声明很简单:在所有 HTML 文档中规定文档类型很重要,这样浏览器才能了解所预期的文档类型。HTML 4.01 中的 doctype 需要引用一个 DTD,这是因为 HTML 4.01 基于 SGML。HTML 5 不基于 SGML,也不需要引用 DTD,但是需要声明文档类型让浏览器按照它们应该的方式来运行。属性:NONE词汇:SGML:标准通用标示语言(Standard Generalized Markup Language)DTD:文件类型定义(document type definition) -1 HTML属性HTML 属性属性为 HTML 元素提供附加信息。HTML 属性HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现,比如:name="value"。属性总是在 HTML 元素的开始标签中规定。属性实例HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:<a href="">This is a link</a>更多 HTML 属性实例属性例子 1:<h1> 定义标题的开始。<h1 align="center"> 拥有关于对齐方式的附加信息。属性例子 2:<body> 定义 HTML 文档的主体。<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。属性例子 3:<table> 定义 HTML 表格。(您将在稍后的章节学习到更多有关 HTML 表格的内容)<table border="1"> 拥有关于表格边框的附加信息。HTML 提示:使用小写属性属性和属性值对大小写不敏感。不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。而 XHTML 要求使用小写的属性/属性值。始终为属性值加引号属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name=Bill "HelloWorld" GatesHTML 属性参考手册我们的完整的 HTML 参考手册提供了每个 HTML 元素可使用的合法属性的完整列表:下面列出了适用于大多数 HTML 元素的属性:属性值描述classclassname规定元素的类名(classname)idid规定元素的唯一 idstylestyle_definition规定元素的行内样式(inline style)titletext规定元素的额外信息(可在工具提示中显示)如需更多关于标准属性的信息,请访问:HTML 标准属性参考手册2 html元素HTML 元素HTML 文档是由 HTML 元素定义的。HTML 元素HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。开始标签元素内容结束标签<p>This is a paragraph</p><a href="default.htm" >This is a link</a><br />注释:开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。HTML 元素语法HTML 元素以开始标签起始HTML 元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些 HTML 元素具有空内容(empty content)空元素在开始标签中进行关闭(以开始标签的结束而结束)大多数 HTML 元素可拥有属性提示:您将在本教程的下一章中学习更多有关属性的内容。嵌套的 HTML 元素大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。HTML 文档由嵌套的 HTML 元素构成。HTML 文档实例<html><body><p>This is my first paragraph.</p></body></html>上面的例子包含三个 HTML 元素。HTML 实例解释<p> 元素:<p>This is my first paragraph.</p>这个 <p> 元素定义了 HTML 文档中的一个段落。这个元素拥有一个开始标签 <p>,以及一个结束标签 </p>。元素内容是:This is my first paragraph。<body> 元素:<body><p>This is my first paragraph.</p></body><body> 元素定义了 HTML 文档的主体。这个元素拥有一个开始标签 <body>,以及一个结束标签 </body>。元素内容是另一个 HTML 元素(p 元素)。<html> 元素:<html><body><p>This is my first paragraph.</p></body></html><html> 元素定义了整个 HTML 文档。这个元素拥有一个开始标签 <html>,以及一个结束标签 </html>。元素内容是另一个 HTML 元素(body 元素)。不要忘记结束标签即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML:<p>This is a paragraph<p>This is a paragraph上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。注释:未来的 HTML 版本不允许省略结束标签。空的 HTML 元素没有内容的 HTML 内容被称为空元素。空元素是在开始标签中关闭的。<br /> 就是没有关闭标签的空元素(<br /> 标签定义换行)。在 XHTML、XML 以及未来版本的 HTML 中,所有元素必须被关闭。在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。HTML 提示:使用小写标签HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。3 html事件HTML 5 事件属性HTML 元素可拥有事件属性,这些属性在浏览器中触发行为,比如当用户单击一个 HTML 元素时启动一段 JavaScript。下面列出的事件属性,可以把它们插入 HTML 标签来定义事件行为。HTML 4.01 与 HTML 5 之间的差异HTML 5 中的新事件:onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。不再支持的 HTML 4.01 属性:onreset。属性属性值描述45onabortscript 发生 abort 事件时运行脚本。 5onbeforeonloadscript 在元素加载前运行脚本。 5onblurscript 当元素失去焦点时运行脚本。45onchangescript当元素改变时运行脚本。45onclickscript 在鼠标点击时允许脚本。45oncontextmenuscript 当菜单被触发时运行脚本。 5ondblclickscript 当鼠标双击时运行脚本。45ondragscript 只要脚本在被拖动就允许脚本。 5ondragendscript 在拖动操作结束时运行脚本。 5ondragenterscript 当元素被拖动到一个合法的放置目标时,执行脚本。 5ondragleavescript 当元素离开合法的放置目标时。 5ondragoverscript 只要元素正在合法的放置目标上拖动时,就执行脚本。 5ondragstartscript 在拖动操作开始时执行脚本。 5ondropscript 当元素正在被拖动时执行脚本。 5onerrorscript 当元素加载的过程中出现错误时执行脚本。 5onfocusscript 当元素获得焦点时执行脚本。45onkeydownscript 当按钮按下时执行脚本。45onkeypressscript 当按键被按下时执行脚本。45onkeyupscript 当按钮松开时执行脚本。45onloadscript当文档加载时执行脚本。45onmessagescript 当 message 事件触发时执行脚本。 5onmousedownscript 当鼠标按钮按下时执行脚本。45onmousemovescript 当鼠标指针移动时执行脚本。45onmouseoverscript当鼠标指针移动到一个元素上时执行脚本。45onmouseoutscript当鼠标指针移出元素时执行脚本。45onmouseupscript 当鼠标按钮松开时执行脚本。45onmousewheelscript 当鼠标滚轮滚动时执行脚本。 5onresetscript 当表单重置时执行脚本。不支持。4 onresizescript 当元素调整大小时运行脚本。 5onscrollscript 当元素滚动条被滚动时执行脚本。 5onselectscript 当元素被选中时执行脚本。45onsubmitscript当表单提交时运行脚本。45onunloadscript当文档卸载时运行脚本。 54 html标签浏览器支持所有主流浏览器都支持 <body> 标签。HTML 与 XHTML 之间的差异在 HTML 4.01 中,所有 body 元素的“呈现属性”均不被赞成使用。在 XHTML 1.0 Strict DTD 中,所有 body 元素的“呈现属性”均不被支持。可选的属性DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.属性值描述DTDalinkrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取代它。规定文档中活动链接(active link)的的颜色。TFbackgroundURL不赞成使用。请使用样式取代它。规定文档的背景图像。TFbgcolorrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取代它。规定文档的背景颜色。TFlinkrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取代它。规定文档中未访问链接的默认颜色。TFtextrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取代它。规定文档中所有文本的颜色。TFvlinkrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取代它。规定文档中已被访问链接的颜色。TFTIY 实例一个简单的 HTML 文件这个例子是一个很简单的 HTML 文件,使用了尽量少的 HTML 标签。它向您演示了 body 元素中的内容是如何被浏览器显示的。背景颜色本例演示如何为 HTML 页面添加背景颜色。背景图片本例演示如何添加背景图片到 HTML 页面。BrHTML <br> 标签定义和用法<br> 可插入一个简单的换行符。<br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />。请注意,<br> 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 学校经验交流发言稿
- 新郎单人发言稿
- 观察柚子写作课件
- 前台接待礼仪培训
- 时间像小马课件
- 2025版水利工程设计与施工承包劳动合同模板
- 二零二五年度工业生产线转包协议合同范本
- 二零二五年度智能门窗安装与智能安防系统合同
- 二零二五年度房产抵押担保与教育项目合作合同
- 二零二五年度工业用厂房购置合同集
- 2025-2030中国金属橡胶隔振元件军工领域特殊需求与民用市场开发策略
- 五年制诊断学水肿血尿等
- GB/T 9480-2001农林拖拉机和机械、草坪和园艺动力机械使用说明书编写规则
- GB/T 6569-2006精细陶瓷弯曲强度试验方法
- FZ/T 73001-2016袜子
- 2023年员工标准劳动合同范本版7篇
- 中国邮票目录大全(2015版)
- 倪海厦针灸讲义
- 施工放样测量记录表
- 音乐美学课件
- 《基因组学》课件第3章 基因组作图-2015
评论
0/150
提交评论