HTML网页制作.ppt

HTML网页制作 名词解释 HTML(HyperText Markup Language )： 编写网页的基本语法，简单易懂，用最基本的文字编辑器即可编写。 例如：记事本、FrontPage、DreamWeaver。 浏览器(Browser)： 相当于html翻译器，将html语法，用生动活泼易懂的方式解读出来，目前时 　下最受欢迎的浏览器有IE、Netscape。 网页： 您所看到的每一页html文件都叫做网页。 首页： 连上一个站时，所出现的第一个画面就叫做首页。 通常完整档名应该存成index.htm或是index.html 。 但有些提供网页空间的公司，会规定你首页的档名，那你就必须存成这个档名才行(例如default.htm)。 标签： 又称为标记，例如body。 html文件就是由一群标签所构成的，浏览器会根据所写的标签，解读出相对应的内容。以下数章就是说明各个卷标的功能与写 　法。 属性： 有些卷标中还可以加入属性来做进阶的控制。 例如 body text=#000000，text就是body这个卷标下的一个属性，是用来控制文字颜色的。 基本架构 打开附属应用程序中的[记事本]。 html head title/title /head body /body /html 　 在title与/title之间，输入简短的文字。 　 在body与/body之间，输入简短的文字。 　 步骤1、2、3如下图所示 　 　 要存档时，主档名自行选择，扩展名则必须是 htm或html。 若是没有特别规定，首页的档名必须是index.htm或index.html。 找到刚存好的档案，快速用鼠标左键按两下！所看到的，就是你的第一个网页。 卷标功能解说 html.../html 是用来表示这份html文件的有效范围。 title.../title 输入在这对卷标中的文字，将成为网页的标题，会出现在浏览器最左上方的部分。 body.../body 是用来标示网页主要内容(文字或图片等等)的开始与结束。 接下来介绍的所有语法都必须放在这对标签之中！ body这个卷标内可加入许多的属性， body中最常用的属性如下: text:用来控制你网页中，所有文字的颜色， 写法:body text=#000000 #000000 是网页所使用的颜色代码，变换这些色码，可自行设定颜色。 bgcolor :用来控制您网页中，背景的颜色。 写法是body bgcolor=#ffffff link:用来控制网页中，超级链接的颜色。 写法是body link=#0080ff alink:用来指定超级链接，在连结中的颜色(鼠标按下去时)。 写法是body alink=#8000ff vlink:用来指定超级链接，在连结后的颜色， 写法是body vlink=#ff0000 background:用来控制网页中，背景的图案，若嫌背景每次都用素面的颜色不好看，那就一定要用这个， 写法是body background=“xxx.jpg” 直接将图文件的位置输入在引号中，可放置 jpg 或 gif 这两种格式的图档。 　 若是想一次控制很多属性，这些属性可以在一个卷标内完成。只要在属性与属性之间空一格即可。 　 EX: body text=“#000000” bgcolor=“#ffffff” html head titleHTML教学范例/title /head body text=#3366ff bgcolor=#000000 请注意看窗口左上角，还有文字与背景的颜色。 /body /html 换行 : html文件并不是按下 enter就会自动换行，它必须使用这些标签。p.../p p :代表一个段落的开始，使用后，文字会自动换行。 /p :则代表此段落结束。 br :可以使文字换到下一行。注意！它并没有配对标签。 对齐 ： p align=left.../p靠左 p align=center.../p置中 p align=right.../p靠右 只要用p.../p中 align这个属性就可以做到，所以除了对齐的功能外，也有上述的换行功能。 center.../center 夹在这组配对卷标中的组件，将会被置中。 固定模式: pre.../pre 可以先用平常在word中的排版方式，将网页的主要内容搞定，再用这个标签将主要内容全部包起来，最后在浏览器看到的结果，不管是空格、空行、换行或是文字的位置，都会依原来的格式排好。 缩排： blockquote.../blockquote 文字将会向右缩排，相当于打字时按下「 Tab」键的效果。 如果使用两组的话，就会缩排两单位，依此类推。 html body 钓鱼台是台湾的 p你总以为爱是讨你欢心，/p p对你好不