复旦大学：《Web应用基础》教学课件_Chapter 2 HTML

web应用基砒

Web应用基础

HTML经典结构

HTML经典结构

HTML 口元素( Element) 口属性( Attribute) 口属性值(vaue)

HTML ‡ 元素(Element) ‡ 属性(Attribute) ‡ 属性值(Value)

HTML 口元素( Element) 口属性( Attribute) 口属性值(vaue)

HTML ‡ 元素(Element) ‡ 属性(Attribute) ‡ 属性值(Value) …

HTML 口公有属性 口专有属性

HTML ‡ 公有属性 ‡ 专有属性

HTML 口公有属性 核心属性 i8n属性 事件属性 口专有属性

HTML ‡ 公有属性 核心属性 i18n属性 事件属性 ‡ 专有属性

核心属性 属性 说明 文档范围内惟一的id class 以空格分隔的类列表 style 关联的样式信息 title 示题信息

核心属性 title 标题信息 style 关联的样式信息 class 以空格分隔的类列表 id 文档范围内惟一的id 属性 说明

18n属性 属性 说明 lang 语言代码 dr(tr|rt)文字方向

i18n属性 dir ( ltr | rtl ) 文字方向 lang 语言代码 属性 说明

事件属性 属性 说明 onclick 单击鼠标按钮 dblclick 双击鼠标按钮 onmousedown|按下鼠标按钮 onmouseup 释放鼠标按钮 onmouseover 鼠标被移动到其上 onmousemove鼠标在某范围内移动 onmouseout 鼠标从其上移出 onkeypress 按下并释放一个键 onkeydown 按下一个键 onkeyup 释放一个键

事件属性 onkeydown 按下一个键 onkeyup 释放一个键 onmouseup 释放鼠标按钮 onmousemove 鼠标在某范围内移动 onmouseover 鼠标被移动到其上 onmouseout 鼠标从其上移出 onkeypress 按下并释放一个键 onmousedown 按下鼠标按钮 ondblclick 双击鼠标按钮 onclick 单击鼠标按钮 属性 说明

文本 Example p>This is the first paragraph. This is the second paragraph. This is the third paragraph

文本 Example This is the first paragraph. This is the second paragraph. This is the third paragraph