第一讲 HTML简介.ppt

ＨＴＭＬ是一种特殊的编程语言，它和Ｃ、ＪＡＶＡ等编程语言不同。 其他编程语言能够开发出来各种不同的应用（控制台程序，桌面程序，手机软件，固件），而且部分概念是相同的，都有变量、数组、函数等等，而且都有程序逻辑。 ＨＴＭＬ不能用来开发软件，只能用来做网页，而且只能通过浏览器来看。所以我们说“网页制作”，“网页设计”，而不说“网页编程” ＨＴＭＬ语言相对于Ｃ语言来说更简单，但是也有需要理解的概念，需要背的内容，我们要理解和掌握，只有一个方法“多练” * 网站开发综合技术 课程目的 以项目为依托，全面介绍与创建静态网页有关的HTML和CSS知识，使学员能制作外观简单的HTML页面。 讲解怎样通过JavaScript对页面进行处理。 为开发网站、开发B/S系统打好基础 课程目标 理解什么是HTML、CSS、JavaScript 理解并掌握HTML语言中的各种标记； 理解CSS样式表的作用和意义； 理解javascript的基本知识； 掌握使用dreamwaver等工具开发静态网站项目； 了解photoshop等工具的基本操作； 第一章HTML简介 本章目标 开始制作第一个网页 在页面中写入内容 对页面修改各种格式 在页面中加入图像 内容摘要 HTML的简介 HTML 标记 HTML 文本格式 HTML的简介 HTML 是 Hyper Text Markup Language 的第一个大写字母的组合，中文意思为超文本标记语言. 一个HTML文件是一个包含有HTML标记的文本文件 HTML标记告诉Web浏览器如何显示网页 一个HTML文件必须是一个htm或html扩展名的文件 一个HTML文件可以用记事本编辑 这是我的第一个网页 这是我的第一个网页 你好！ HTML 标记 HTML标记是用来组成HTML元素的 HTML标记用两个尖括号” ”括起来 HTML标记一般是双标记，如 和 前一个标记是起始标记, 后一个标记为结束标记 两个标记之间的文本是html元素的内容 某些标记称为“单标记”,因为它只需单独使用就能完整地表达意思,如 标记的属性 横看成岭侧成峰 font color red 远近高低各不同 不识庐山真面目 只缘身在此山中 苏轼 标记的属性 横看成岭侧成峰 font color red 远近高低各不同 不识庐山真面目 只缘身在此山中 苏轼 body text #ff0000 bgcolor #d8e4d7 HTML 基本标记 标记 说明及作用 文件声明，让浏览器知道这是 HTML 文件 设计文件格式及正文所在 …… 一级标题标记变粗变大加宽程度与级数反比 段落标记为字、画、表格等之间留一空白行 换行标记令字、画、表格等显示于下一行 水平线 插入一条水平线 !-- 说明标记 为文件加上说明，但不被显示 加重语气 产生字体加粗 Bold 的效果 粗体标记 产生字体加粗的效果 斜体标记 字体出现斜体效果 字形标记 设定字形、大小、颜色 字体加大 令字体稍为加大 字体缩细 令字体稍为缩细 画线删除 为字体加一删除线 顺序列表 清单项目将以数字、字母顺序排列 无序列表 清单项目将以圆点排列 列表项目 每一标记标示一项列表项目 定义列表 列表分两层出现 定义条目 标示该项定义的标题 定义内容 标示定义内容 文件格式标记 标记 说明及作用 粗体标记 产生字体加粗的效果 字体加大 令字体稍为加大 强调标记 字体出现斜体效果 斜体标记 字体出现斜体效果 字体缩细 令字体稍为缩细 加重语气 产生字体加粗 Bold 的效果 下标字 下标字 上标字 指数（平方、立方等） 加上底线 加上底线 画线删除 为字体加一删除线 画线删除 为字体加一删除线，用 代替 画线删除 为字体加一删除线, ，用 代替 加上底线 加上底线 横看成岭侧成峰 font color red 远近高低各不同 不识庐山真面目 只缘身在此山中 苏轼 一首著名的唐诗 HTML 符号实体 HTML代码应为： 文本实体：Baidu C2005 使用百度前必读 数字实体： Baidu ＃169 2005 使用百度前必读 显示结果 说明 实体名 数字实体 ? non-breaking space nbsp; #160; less than lt; #60; greater than gt; #62; ampersand amp; #38; quotation mark quot