html补充1页面头标记讲义.ppt

元标记知识归纳： meta name=“” content=“” meta http-equiv=“” content=“” 常用的几个属性值： name=“keywords” http-equiv=“content-type” content=“text/html;charset=gbk” http-equiv=“refresh” content=“5;url=” · 清华大学出版社 · 网页设计与制作 网页设计与制作（Dreamweaver+Flash+Photoshop版) 补充章节html知识 网页设计与制作 学习目标1：初识html 什么是HTML HTML的组成结构及语法 应用举例——使用记事本编写网页 什么是HTML HTML 是Hyper Text Markup Language的简写，即超文本标记语言，是用来描述Internet上超文本文件的语言 HTML的组成结构及语法 HTML文档的含义 HTML文档结构的组成 HTML文档是由HTML元素组成的文本文件。HTML元素是预定义的正在使用的HTML标签，即由HTML标签组成HTML元素。 HTML文档结构主要由html、head、title、body标签和对应的结束标签组成。 应用举例——使用记事本编写网页 在记事本程序中创建一个名为index.html的HTML文件 。 制作“蓝莲花”网页 综合利用本章所学知识，制作“蓝莲花”网页，完成后的最终效果如图所示。 练习与小结 1 HTML文档结构由哪几部分组成？ 2 练习Flash文件Photoshop文件的打开和退出。 1.HTML语言是一种简单标记语言，它的文件需要通过?????????? 显示其效果 2.HTML文件的扩展名??????? 、?????? 。 3．严格来说，?????????? 并不是一种编程语言，而只是一些能让浏览器看懂的标记。 学习目标2 ? 页面标签 效果展示 1)? ?HTML文件结构 2)? ?语言字符集信息 3） meta 标记 html网页制作基础知识 ?页面标签 1.1 1.Html文件结构 HTML的组成结构（头部、眼睛、身体----好像一个人一样是不是？） ?1、头部 ?2、眼睛就好像人的眼睛一样，它是心灵的窗口，而一个网页的眼睛应该就是它的页面的标题了，标题怎么说呢？ ?3、身体 头部的HTML写法就是head头部的内容/head 大家注意一下，这两个非常相似，只是后一个比前一个多了“/”符号。类似这样的以后会经常用到。 大家知道眼睛是长在头上的，title标题/title这些应放在head和/head之间。也就是headtitle标题/title/head ----BODY，他的写法也就是：body页面内容/body，是网页最主要的部分了，因为前面讲的都不是页面所显现出来的，而大家所看到的页面页就是他的身体部分的内容了（当然它的TITLE可以在浏览器的最左上角可以看到） ?最后，别忘了把这些部分组成一体----网页，所以咱们就用html/html把他们给包起来。好了，咱们来大体看看网页的结构： html?head? ?title? ?标题? ?/title?/head?body?页面内容?/body/html 1)? ?HTML文件结构 html.../htmlhead.../headbody.../body 【示例】: HTML　HEAD　　TITLE网页制作教学/TITLE 　　 Meta　/HEAD BODY　　 BODY之间则为主要语法所在，也是网页的主要呈现部分。 HTML 文件的正文写在这里... ... 　/BODY /HTML Head标记（可以设置自动刷新和自动跳转等功能） HTML头部标记是HEAD，主要包含页面的一些基本描述语句。一般位于头部的内容不会直接显示在网页中 ，而是通过其他方式起到作用。下面我们看看HTML头部常用的标记： TITLE设定显示在浏览器上方的标题内容 META有关文档本身的元信息，例如关键字、描述等 STYLE设定CSS层叠样式表的内容 LINK设定外部文件的链接 SCRIPT设定页面中程序脚本的内容 HEAD与/HEAD之间的内容不会被显示，但是他们都有自己的特殊含义。 一般位于头部的内容不会直接显示在网页中 Meta 标记的简介 元信息标记META对于人来说，直接关注网页内容，而对于有哪些信誉好的足球投注网站引擎来说，关注的就是这些标记 。META标记能提供文档的关键字、描述、作者等信息，在HTML文档头部中可以包含多个META标