JX-Web应用开发(二)HTML超文本标记语言-8.ppt

Web应用开发 -HTML超文本标记语言 主要内容 HTML基本元素 文字与段落 超链接 表格标记 表单标记 多媒体标记 小结 HTML基本元素(1) HTML基本元素(2) HTML基本元素(3) HTML 标记的格式组成： HTML基本元素(4) head元素：使用Meta标记 HTML基本元素(5) head元素：使用Meta标记 HTML基本元素(6) head元素：使用link和base标记 主要内容 HTML基本元素 文字与段落 超链接 表格标记 表单标记 多媒体标记 小结 HTML基本元素(7) body元素：文字与段落 HTML基本元素(8) body元素：文字与段落 DIV…/DIV可以定义跨段落的内容块。 SPAN…/SPAN定义段落内的内容块，是为了定义某部分文字的样式而使用的一个容器。 HTML基本元素(9) body元素：文字与段落 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY UL LI星期一 LI星期二 LI星期三/LI LI星期四 LI星期五 /UL /BODY /HTML HTML基本元素(10) body元素：文字与段落 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY OL LI星期一 LI星期二 LI星期三/LI LI星期四 LI星期五 /OL /BODY /HTML HTML基本元素(11) body元素：文字与段落 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY OL style=“list-style: url(test.gif)” LI星期一 LI星期二 LI星期三/LI LI星期四 LI星期五 /OL /BODY /HTML HTML基本元素(12) body元素：文字与段落 HTML HEAD TITLE文字的预格式化/TITLE /HEAD BODY PRE 春眠不觉晓， 处处闻啼鸟； 也来风雨声， 花落知多少。 /PRE /BODY /HTML HTML基本元素(13) body元素：文字与段落 HTML HEAD TITLE文字的预格式化/TITLE /HEAD BODY PRE 春眠不觉晓， 处处闻啼鸟。br 也来风雨声， 花落知多少。 /PRE /BODY /HTML HTML基本元素(14) body元素：超链接 HTML基本元素(15) body元素：超链接 HTML基本元素(16) body元素：超链接 HTML基本元素(17) body元素：超链接 HTML基本元素(18) 链接到其他文档 HTML基本元素(19) 链接到文档内部 HTML基本元素(19) 链接到文档内部 主要内容 HTML基本元素 文字与段落 超链接 表格标记 表单标记 多媒体标记 小结 表格标记(1) 表格标记(2) 表格标记(3) 表格标记(4) 表格标记(5) 表格标记(6) 表格标记(7) 表格标记(8) 表格标记(9) 表格标记(10) 表格标记(10) 表格标记(11) 表格标记(12) 表格标记(13) 表格标记(13) 表格标记(14) 表格标记(15) 主要内容 HTML基本元素 文字与段落 超链接 表格标记 表单标记 多媒体标记 小结 表单标记(1) 表单标记(2) 表单标记(3) 表单标记(4) 表单标记(5) 表单标记(6) 表单标记(7) 表单标记(8) 表单标记(9) 表单标记(10) 表单标记(11) 表单标记(12) 表单标记(13) 表单标记(14) 表单标记(15) 表单标记(16) 表单标记(17) 表单标记(18) 表单标记(19) 主要内容 HTML基本元素 文字与段落 超链接 表格标记 表单标记 多媒体标记 小结 多媒体标记(1) 多媒体标记(2) 多媒体标记(3) 多媒体标记(4) 多媒体标记(5) 多媒体标记(6) 多媒体标记(7) 小结 HTML基本元素：html head title body 文字与段落: br p div span 超链接: a a href 表格标记: table th tr td 表单标记: form input select option textarea 多媒体标记: img bgsound