网页设计26635.pptVIP

HTML语法知识 认识HTML语法◆网页架构◆分隔标签◆ 排版标签◆ 字体标签◆ 文字标签◆ 影像标签◆ 背景标签◆ 连结标签◆ 表格标签◆ 序列标签◆ 表单标签◆ 框架标签◆ 其他技巧 细说HTML标签 网页架构：主要网页主架构的介绍 分隔标签：也就是所谓的水平线 排版标签：针对标签的属性，可做适当的版面编排 字体标签：设定文字的字体。 文字标签：设定文字的颜色、行距、变化.....等等。 影像标签：如何在网页中，植入图像。 背景标签：如何设定背景颜色或是背景图像。 连结标签：如何设定超连结，以及开视窗的条件。 表格标签：如何在网页中运用表格。 序列标签：如何设定文字序列或图形序列。 表单标签：如何制作可填写用的表单。 框架标签：可让同一个视窗由多个网页一起组成。 其他技巧：让您的整个网页背景可以让您设定为图片或是声音。 网页架构 HTML　HEAD　　TITLE网页制作教学/TITLE　　Meta　/HEAD　BODY　　BODY之间则为主要语法所在，也是网页的主要呈现部分。　/BODY/HTML 通常一份完整的网页包含了二个部份：抬头（HEAD）、文件本体（BODY）。也就是各位在上面所看到的HEAD/HEAD以及BODY/BODY。 在TITLE/TITLE这里面的文字会出现在浏览器视窗最上头蓝色部份里，当作一篇网页的主题。 分隔标签 强制断行标签br、强制分段标签p 分隔线标签 上一段文字内容hr下一段文字内容 排版标签 【文字置左、置中、置右】align是分段标签p的属性之一，这个属性将来会常常在不同标签中看到，它的功能是专门在设定“水平对齐位置”，其常见的设定值有三个，也就是置左（alignleft）、置中（aligncenter）、置右（alignright） 【置中标签】除了文字，对于图片、表格，任何可以显现在网页上的东西都可以置中 【向右缩排标签】 blockquote要缩排的文字/blockquote 加一组标签，往右缩排一单位，加两组标签，往右缩排两单位，依此类推。【保存原始格式标签】 pre文字内容pre 可以将其包起来的文字排版、格式，原封不动的呈现出来。算是相当好用的标签之一。 字体标签 【标题标签】 h1标题内容/h1 标题的大小一共有六种，两个标签一组，也就是从h1到h6，h1最大，h6最小。使用标题标签时，该标签会将字体变成粗体字，并且会自成一行。 【设定字体大小标签】 font size3文字内容/font 标题的大小一共有七种，也就是font size1（最小）到font size7（最大），另外，还有一种写法：font size+1文字内容/font，其意思就是说：比预设字大一级。当然也可以 font size+2（比预设字大二级），或是 font size-1（比预设字小一级），以一般而言，预设字体多为 3。 【字型变化标签】 b文字/b 【文字颜色设定】 font color#fefecb文字颜色/font 文字标签【文字字型设定】font face字型名称文字/font唯一的一个限制是：对方也要有该字型！否则看到的仍然还是宋体。另外要说明的是，这个标签并无法保证在每个浏览器上都能正常的显现，不过这并没有关系，看不到特殊的字型时，浏览器仍会以宋体来显示，所以不用怕会一团乱！ 另外，如果您的网页中有加上这一行叙述meta http-equivcontent-type contenttext/html;charsetbig5（指定网页的语言格式，以后我会解释），那么，netscape可以正确显示出中文，但英文无反应。若没有加该行，那么英文会正确显示，但中文却仍是宋体。至于 ie 系列，均能正常显示。 【特殊字元】 使用方法：nbsp;标签解说：很多特殊的符号是需要特别处理的，比如说“ ”、“ ”这两个符号若想要呈现在网页上是没有办法直接打“ ”的，要呈现“ ”必须输入编码表示法：“”，常用的如下：【设定文字内定值大小】 使用方法：basefont size1~7 标签解说：这个标签可以改变文字大小的内定值，直接加在body标签之后就行了。一般而言，若是没有特别设定，文字大小内定值预定值为3。 影像标签 在使用影像标签时有两件事值得注意一下，一是档名，二是路径。首先要注意的就是，档名是否正确以及大小写是否一致！图档名称不正确，任电脑再厉害也找不到您要的图，档名大小写不一致，如Image.gif、image.gif、image.GIF在自己的电脑中看都能正确的显示，但是一但传到网路上去时，因为系统不一样的关系（电脑伺服器的作业系