HTML教案上学习课件.ppt

大连天英职业培训学校 袁志永 一、HTML的概述 二、 HTML的基本结构 html head title网页标题/title /head body 这是网页主体 /body /html ?????HTML/HTML在文档的最外层， 文档中的所有文本和html标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。事实上，现在常用的Web浏览器都可以自动识别HTML文档，并不要求有 html标签，也不对该标签进行任何操作，但是为了使HTML文档能够适应不断变化的Web浏览器，还是应该养成不省略这对标签的良好习惯。 ??? HEAD/HEAD是HTML文档的头部标签, 在浏览器窗口中，头部信息是不被显示的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公公属性。若不需头部信息则可省略此标记，良好的习惯是不省略。 ??? title和/title是嵌套在HEAD头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。 ??? BODY /BODY标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容。 ??? 上面的这几对标签在文档中都是唯一的，HEAD标签和BODY标签是嵌套在HTML标签中的。 第三章 页面的头部标记 2.标题标记TITLE 3.基底网址标记BASE 4.元信息标记META (1).设定自动刷新 (2).设定自动跳转 (3).设定字符集 第四章 页面的主体标记 1.文字颜色属性 Text 2.背景颜色属性 BgColor 4.背景图象属性 BACKGROUND 5.背景图象固定属性 BGPROPERTIES 6.上边距属性TOPMARGIN 6.左边距属性LEFTMARGIN 1.输入普通文字 4.注释语句 2.标题字的对齐属性 2.斜体标记 3.上标标记 4.下标标记 5.大字号标记 6.小字号标记 7.下划线标记 8.删除线标记 9.地址文字标记 10.打字机文字标记 第四节 字体标记 1.字体属性FACE 2.字号属性SIZE 3.颜色属性COLOR 4.基字标记BASEFONT 2.段落标记的对齐属性 3.换行标记 4.不换行标记 5.预格式化标记 6.居中标记 7.缩排标记BLOCKQUOTE 2.水平线宽度属性WIDTH 4.水平线去掉阴影属性NOSHADE 6.水平线排列属性ALIGN 有序列表 无序列表 6.2.1.有序列表标记OL 6.2.2.有序列表的类型属性TYPE 6.2.3.有序列表的起始属性START 6.3.5.无序列表的类型属性TYPE 6.4.2.无序列表和有序列表的嵌套 超链接是网站的灵魂 7.2.1.超链接标记的属性 7.3.1.制作内部链接 7.3.1.设定链接的目标窗口 关于路径： 一种：绝对路径： c:\aa\aa.txt 0:8080/side/web.jsp 第二种：相对路径： 相对于当前路径 a a.html a href=“b/c/c.html”c.html/a b b.html a href=”../a.html”a.html/a c c.html a href = “../../b.html”b.html/a 7.4.1.建立书签 7.4.2.链接同一页面的标签 7.5.1.链接到外部网站 JPEG格式： 是特别为照片设计的一种格式，支持数百万种色彩。 GIF格式：他是网页中最流行的一种格式，虽然他仅包括256种色彩，但GIF提供了几乎没有丢失的图片压缩，并且可以创建包含有透明区域和多楨动画 8.2.2.图片的源文件属性SRC 8.2.4.图片的宽度、高度属性 8.2.6.图片的垂直间距属性 8.2.8.图片的排列属性Align 8.2.8.图片的超链接 9.1.3.表格的宽度、高度属性 9.1.4.表格的边框色属性Bordercolor 9.1.5.表格的背景颜色属性 9.1.7.表格单元格的间距属性 9.2.1.表格的标题标记 9.2.2.表格标题的水平对齐属性 9.4.1.跨行属性 大连天英职业培训学校 袁志永 见 文件范例7-2.htm 下一页 基本语法: A herf=“文件路径” TARGET=“打开方式”文字 /A 同一窗口 _self 整个浏览器 _top 新窗口 _blank 上一级窗口 _parent 描 述 打开方式 描 述 打开方式 大连天英职业培训学校 袁志永 见 文件范例7-3.htm 下一页 第四节 书签链接 基本语法: A NAME=“书签名”文字 /A 大连天英职业培训