html网页设计教程推荐.pptVIP

HTML网页设计教程 HTML的英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言 Html的概念 所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。 如何创建一个HTML文档 HTML只是一个纯文本文件。 创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个WEB浏览器。 编辑：HTML编辑器是用于生成和保存HTML文档的应用程序：记事本、word、Frontpage、Dreamweaver 浏览：WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序。 HTML文档的基本结构 HTML ??? ?开始标签HEAD ? TITLE 一个简单的HTML示例 /TITLE?? ?? /HEAD? BODY ??????????????????????????????????? 欢迎光临我的主页?????????????????/BODY /HTML ?? 结尾标签 如何保存和编辑html文件 在记事本里输入html文件代码 保存成*.html或*.htm为扩展名的文件。 如果要修改编辑，在菜单里打开“查看—源文件”。修改完后再保存。 Meta标签 Meta:about,关于。关于文档的概要信息。 比如说作者，关键字，内容提要，编码等信息。 比如gb2312是编码信息，简体中文 Big5:繁体中文 Author, password, Title标签 ? title和/title是嵌套在HEAD头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。 HTML的标签分单标签和成对标签两种。成对标签是由首标签标签名 和尾标签/标签名组成的，成对标签的作用域只作用于这对标签中 的文档。 html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title /head body /body /html html的主体标签body ???在body和/body中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等设置。 body标签有自己的属性，设置 body标签内的属性，可控制整个页面的显示方式。 ?body标签的属性 属性描述 Background 设定页面背景图像 bgcolor 设定页面背景颜色 leftmargin 设定页面的左边距（像素） Topmargin 设定页面的上边距 Bgproperties=“fixed” 设定页面背景图像为固定，不随页面的滚动而滚动 Text 设定页面文字的颜色 格式：body bgcolor=“ ” text=“ ” 颜色的设定 两种方法： 1、颜色值的关键字：比如white, black, red，green, blue等  2、颜色是由 “red” “green” “blue ” 三原色组合而成的，用6位的十六进制值表示。#rrggbb?,如：? ? 红色： red=ff, green= 00, blue= 00, RGB值即为#ff0000???? 绿色： red=00, green=ff, blue= 00, RGB值即为 00ff00 ??? ? 蓝色： red=00, green= 00, blue= ff, RGB值即为0000ff ??? 颜色的设定（2） 黑色： red=00, green=00, blue=00, RGB 值即为 000000 ????例如：? 白色： red=ff, green=ff, blue= ff,RGB 值即为ffffff ? 应用时常在每个 RGB 值之前加上“ # “ 符号，如：bgcolor=#336699 用英文名字表示颜色时直接写名字。如 bgcolor=“green “ 文字版面的编辑 换行标签br ??? 换行标签是个单标签，也叫空标签，不包含任何内容 nobr…./nobr 不换行标签 预排版标签pre…/pre 缩排标签blockquote…. /blockquote 段落标签p及属性 ?? 由p标签所标识的文字，代表同一个段落的文字。 它可以单独使用，也可以成对使用。 两种格式： p…../p ……p 显示一个空行 P标签的属性 P Align= 参数其中,A