网页设计——HTML基础.ppt

网页设计 HTML基础 HTML是什么 1、HTML的由来—— 早在web未发明之前，SGML（Standard Generalized Markup Language——标准通用标记语言)就早已存在，它包含DTD(文档类型定义），因而具有可扩展性。但SGML十分庞大，不易学习和使用，在计算机上实现也很困难。鉴于这些因素，web的发明者们根据当时（1989年）计算机技术的能力，提出了HTML语言。 HTML是什么 2、HTML—— 是一个按SGML定义的语言； 是一种描述性语言； 是采用作标记定义文本及图像等元素的特殊格式； 是由浏览器解释并显示的。 标记写法 任何标记皆由及所围住，如 P 标记名与小于号之间不能留有空白字符。 某些标记要加上参数，某些则不必。如 font size=+2Hello/font 参数只可加于起始标记中。 在起始标记之标记名前加上符号/便是其终结标记，如 /font 标记字母大小写皆可。 围堵标记与空标记 围堵标记 顾名思义，它以起始标记及终结标记将文字围住，令其达到预期显示效果。 例如 HTML Source ： bCreation of Webpage/b is my favourite. 显示成： Creation of Webpage is my favourite. 其中 b/b 便称为围堵标记。 它以起始标记b及终结标记/b标示文字 Creation of webpage ，令它显示成粗体，两者失其一都会发生错误显示。 空标记 是指标记单独出现，只有起始标记没有终结标记。 例如 HTML Source： I love Creation of Webpage.brIts a wonderful place. 显示成： I love Creation of Webpage. Its a wonderful place. 其中换行标记br便属空标记。 它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的， 但有些人会为空标记加上终结标记，这是为方便记认而己，对 HTML 没有影响。 第一个HTML文件 HTML HEAD TITLE第一个页面/TITLE /HEAD BODY 我的第一个HTML页面 /BODY /HTML HTML文件 HTML文件特点 文件分两部分，由HEAD至/HEAD称为开头，BODY至/BODY称本文。 基本上两者各有适用的标记，如TITLE只可出现于开头部分。 开头部分用以存载重要资讯，而只有本文部分会被显示。 所以大部分标记会运用于本文部分。 TITLE所标示的是文件的标题。 会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同而明确的标题 是需要的。 HEAD 该标签的内容不在浏览器中显示 其中主要用于保存域该HTML文件本身相关的各种信息 比如TITLE则是该文件的名称，通常显示在浏览器的标题栏中 整份文件处于标记HTML与/HTML之间。 HTML用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。 文件标记 排版标记 字体标记 字体标记 清单标记 表格标记 表单标记 框架标记 其余标记 BODY BODY text=#000000 link=#0000FF alink=#FF0000 vlink=#0000FF background=bg1.gif bgcolor=#FFFFFF leftmargin=2 topmargin=2 bgproperties=fixed“ BODY text=“#000000” 用以设定文字颜色。 #000000 代表黑色，亦可以采用颜色的名称，即 text=“black” 。 link=“#0000FF” 设定一般文字连结颜色。 alink=“#FF0000” 设定刚按下时文字连结颜色。 vlink=“#0000FF” 设定连结后的颜色。（被按过）。 background=“bg1.gif” 设定背景墙纸。GIF 或 JPEG 皆可，可以是绝对途径或相对途径。 BODY bgcolor=#FFFFFF 设定背景颜色。当己设定背景墙纸时会失去作用，除非墙纸有透明部分。 leftmargin=2 设定整份文件显示画面的左方边沿空间，单位为像素。 『只适用于IE』 topmargin=2 设定整份文件显示画面的上方边沿空间。 『只适用于IE』 bgproperties=fixe