1HTML1资料解读.pptx

课程地位 以项目绍与创建静态网页有关的HTML和CSS知识为依托，全面介，使学员能制作外观简单的HTML页面。 讲解怎样通过JavaScript对页面进行处理。 为开发网站、开发B/S系统打好基础 课程目标 了解WWW、HTTP、HTML、CSS的定义，概念和作用； 理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用； 理解CSS样式表中属性单位的作用和意义； 掌握表格、框架、表单的作用和使用； 理解javascript对象的定义，及含义； 掌握使用dreamwaver等工具开发静态网站项目；了解photoshop、flash等工具的基本操作； 本章目标 开始制作第一个网页 在页面中写入内容 对页面修改各种格式 在页面中加入图像 内容摘要 HTML的简介 HTML 元素 HTML 标记 HTML 文本格式 WWW的含义 W: World W: Wide W: Web www HTML的简介 HTML 是 Hyper Text Markup Language 的第一个大写字母的组合，中文意思为超文本标记语言. 一个HTML文件是一个包含有HTML标记的文本文件 HTML标记告诉Web浏览器如何显示网页 一个HTML文件必须是一个htm或html扩展名的文件 一个HTML文件可以用记事本编辑 html head title这是我的第一个网页/title /head body 这是我的第一个网页 b你好！/b /body /html HTML 元素 html head title这是我的第一个网页/title /head body 这是我的第一个网页 b你好！/b /body /html 元素名 [属性]元素内容/元素名 HTML 标记 HTML标记是用来组成HTML元素的 HTML标记用两个尖括号””括起来 HTML标记一般是双标记，如b和/b 前一个标记是起始标记, 后一个标记为结束标记 两个标记之间的文本是html元素的内容 某些标记称为“单标记”,因为它只需单独使用就能完整地表达意思,如br / 标记的属性 body text=#ff0000 bgcolor=#d8e4d7 html body pb横看成岭侧成峰/B/p font color=red远近高低各不同/fontbr h1不识庐山真面目/h1 h2只缘身在此山中/h2 h2苏轼/h2 /body /html HTML 基本标记 文件格式标记 pb横看成岭侧成峰/b/p font color=redstrong远近高低各不同/strong/font br big不识庐山真面目/big em只缘身在此山中/em i苏轼/i small一首著名的唐诗/small /body /html HTML 符号实体 HTML 超级连接 a.htm代码： html body a href=b.htm老鼠爱大米/abr a href=#abc齐秦/a brbrbrbrbrbr brbrbrbr brbrbrbrbr brbrbr font color=reda name=abc北方的狼/a/font a href=mailto:abc@ abc@ /a /body /html b.htm代码： html body 我听见你的声音BR 有种特别的感觉BR 让我不断想不敢再忘记你BR 我记得有一个人BR永远留在我心中BR a href=a.htm返回/a /body /html 打开当前计算机系统中默认的电子邮件客户端软件， 例如:OutLook Express HTML 图像标记 html body img name=myjpg src=“shan.jpg” width=100 height=100 hspace=5 vspace=5 border=2 align=“top” alt=“黄山迎客松” /body /html Head中的常用元素 meta：用于设置一些头信息 meta http-equiv=“content-type” content=“text/html;charset=gb2312” meta http-equiv=“refresh” content=“3;url=” style…/style用于定义格式 Script language=“”…/Script用于定义脚本 课堂总结 HTML基本格式 常用HTML标签、属性 提问时间