第三讲HTML语言全面介绍详解.ppt

授课主要内容 一、HTML文件的架构 二、设置页面属性（重点和难点） 三、文字修饰 四、文本分段 五、插入图片 六、插入超级链接 七、制作垂直滚动的字幕 1.1.1 认识网页 说明： 1. 作为WWW基本组成元素的网页，有时也被称为页面或Web 页。 2.通常把一系列逻辑上可以视为一个整体的页面叫做网站。 3. 网站的概念是相对的，大可以到“新浪网”这样的门户网站，页面多得无法计数，而且位于多台服务器上，小可以到一些个人网站，可能只有零星几个页面，仅在某台服务器上占据很小空间。 4.“主页”是网站中的一个特殊页面，它是作为一个组织或个人在WWW上开始点的页面，其中包含指向其他页面的超链接。通常主页的名称是固定的，例如叫做index.htm 或index.html等。 1.1.2几个最常用的标签 1）html/html定义网页的开始和结束。 2）head/head定义网页头的开始和结束。 3）title/title定义网页标题的开始和结束，浏览网页时，网页的标题将显示在浏览器的标题栏中。 4）body/body定义网页正文的开始和结束。 HTML文件的基本结构 HTML 　　　HEAD 　　　　　　头 部 信 息 　　　/HEAD 　　　BODY 　　　　　文 档 主 体， 正 文 部 分 　　　/BODY /HTML 同心圆结构 1.2网页架构举例 HTML　HEAD　　TITLE网页制作教学/TITLE　　Meta　/HEAD　BODY　　BODY之间则为主要语法所在，也是网页的主要呈现部分。　/BODY/HTML 1.1.3 标签解说 网页就是一堆标签（标签就是指被包起来的语法）集合起来的，透过浏览器的消化整理，就便成了美仑美奂的网页了。 简单而言，通常一份完整的网页包含了二个部份： 网页头（HEAD）、文件体（BODY）。也就是上面的HEAD/HEAD以及BODY/BODY。 在抬头的部份HEAD/HEAD中，有另一组标签TITLE/TITLE。打在TITLE/TITLE这里面的文字会出现在浏览器视窗最上头蓝色部份里，当作一篇网页的主题。 注意：HTML/HTML可有可无。这一组标签是告诉浏览器说：我是一份HTML文件喔！也就是说它是一个网页的格式啦！通常都包在网页的最上下两端，将所有的原始码都包起来。 基本的HTML语法 1．保存文件时，注意文件的扩展名应该为.htm或.html。文件名中大小写字母的意义可能不同，也不要在文件中使用一些特殊的符号（如空格）。 2. HTML标记符不区分大小写，如HTML和html是相同的。 3．多数HTML标记符可以嵌套，但不可以交叉。 4．HTML文件一行可以写多个标记，一个标记也可以分多行书写。 5.在HTML中，所有的标记符都用尖括号括起来。例如：HTML表示HTML标记符。 6.某些标记符，例如换行标记符br,只要求单一标记符号。但绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。开始标记符和相应的结束标记符定义了标记符所影响的范围。 7.标记符的属性 属性用来描述对象的特征。例如：一个人的身高、体重、性别就是这个人的属性。 br这是单个的标识，其作用是换行显示，相当于word中的硬回车。如果在HTML文件中没有使用br，如果显示到窗口的边界，则会自动换行。 1.1.4 超文本中的标签 标签是用“”和“”括起来的句子，是用来控制文字、图形等显示方式的符号，标签分: ①单标签 ②双标签 ③标签属性。 标签 1．单标签指只需单独使用就能完整地表达意思的标签，这类标签的语法是：标签名称。最常用的单标签是BR,它表示换行。 2．双标签指由“始标签”和“尾标签”两部分构成，必须成对使用的标签，其中始标签告诉Web浏览器从此处开始执行该标签所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标签。 标签 这类标签的语法是： 标签内容/标签 其中“内容”部分就是要被这对标签施加作用的部分。例如想突出对某段文字的显示，可以将此段文字放在一EM /EM标签中： EM第一/EM 标签属性  许多单标签和双标签的始标签内可以包含一些属性.语法：标签名称 属性1 属性2 属性3… 例如： HR SIZE=3 align=LEFT width=75% 说明：单标签HR表示画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带一些属性： ①size属性定义线的粗细，属性值取整数，默认值为1； ②align属性表示对齐方式，可取LEFT（左对齐，缺省值），CENTER（居中），RIGHT（右对齐）； 标签属性 ③width 属性定义线的长度，可取相对值，（由一对“ ”号括起来的百分数，表示相对