第一部分 页面设计语言 HTML简介
一、Html
HTML(Hyper Text Markup Language 超文本标记语言)是一种用来制作超文本文档的简单标记语言,用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web上的信息表示语言,用于描述网页的格式设计和它与WWW上其它网页的连结信息。
HTML语言是通过各种标记(tags)来标识文档的结构以及标识超链接的信息。虽然HTML语言描述了文档的结构格式,但并不能精确地定义文档信息必须如何显示和排列,而只是建议Web浏览器(如IE,Netscape等)应该如何显示和排列这些信息,最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。这就是为什么同一文档在不同的浏览器中展示的效果会不一样。
二、页面制作软件简介
HTML文档(即网页的源文件)是一个设置了标记的ASCII文本文件,通常它用.html或.htm作为文件的扩展名,由于是普通的文本文件,只要支持文本编辑的软件,都可以编辑html文件,常用HTML文档编辑器主要有以下三种:
手工直接编写,例如 用windows附件的记事本编辑
简单的HTML的编辑工具,如editplus等带有特定菜单和标记颜色的编辑器。
所见即所得的页面编辑器,如frontpage ,dreamwaver等,既可在页面上设计,又可以编辑源文件的专门编辑器。
三、html语法
页面框架
【基本的框架结构格式】
页面标题浏览器正文信息和相关的标记在这里
【说明】
① html文件以一对对标记来设置不同的显示效果,格式为:…标记名> 。
② 标记作为文件的起点和终点,浏览器只对两个 之间的文字和标记进行解释,并显示有相应的效果。
③
标记之间设置html文档的头部信息,如用户信息,标题,关键词等④
标记设置html文件的主体信息,包括正文、图形、表格、链接、表单等信息。字体
字体设置有两种格式,标题字体和普通正文字体
【标题字体】
… n=1,2,3,4,5,6
【正文字体】
… n=1,2,3,4,5,6,7
【说明】
① 标题字体1号最大,6号最小,一般用来设置标题,有自动换行的功能。
② 正文字体1号最小,7号最大,一般设置正文的字体,还可以设置文字的颜色,颜色部分参照后面关于颜色的介绍。
图像
【图像格式】
【说明】
① 用来设置在页面中显示的图像,它比较特殊,只有开始,没有结束标记。
② src参数用来指明图像的文件名,常用的图形格式文件有jpg文件和gif文件。
③ 可选参数 width,height 用来设置图像在浏览窗口所占的宽度和高度。
链接
【链接格式】
【说明】
① 一对 用来设置在页面中超链接信息。
② 浏览时光标移动到链接文字处变成手形,单击后指向href设定的URL网址或页面。
③ 可选参数target用来设定新的页面在什么窗口显示,这部分内容跟多窗口界面关系比较大。target的值为:
_self: 链接的页面在页面显示,默认设置。
_blank 链接的页面在新的浏览窗口显示
_parent 链接的页面在当前窗口的父窗口显示
_top 链接的页面在整个浏览窗口显示
name 链接的页面在指定的name窗口显示
表格
【表格格式】
【说明】
① 一对
标记指明里面要显示的内容以表格的形式出现,但是默认的情况下是没有表格边界线的,需要加参数border=1 或大于1的值。②表格每增加一行,需加一对
标记③表格每增加一列,需加一对
标记,表格中要显示的文字必须放在标记之间