文档介绍:第2章 Web页面制作基础
HTML语言概述
文档的格式与风格
加入多媒体与超级链接
制作表格
制作表单
框架结构
CSS基础
HTML语言概述
e Web,万维网)拉进了人们彼此间的距离,使得人与人之间的信息交流变得更加简便和快捷。TML语言发布的。
本章首页
HTML语言概述
HTML概述
HTML是(Hyper Text Markup Language,超文本标记语言)的缩写,最早源于SGML语言。
HTML用来表示网上信息的符号标记语言。在WWW上,发布信息通常使用HTML,它是Web页面的基础,任何一个Web页面都离不开HTML,而且HTML也是Web应用开发的基础。
HTML语言是大多数浏览器都能识别的语言,使用HTML语法规则建立的文本可以运行在不同的操作系统平台上,而且能被大多数用户所接受。
HTML语言概述
文档的结构
<HTML>
<HEAD>
头部信息
</HEAD>
<BODY>
正文部分
</BODY>
</HTML>
文件开头和结尾由<HTML>和</HTML>来标记。
<HEAD>和</HEAD>标记头部,用来包含文件的基本信息;<BODY>和</BODY>标记正文部分,是整个文件的主体部分。
HTML语言概述
<HTML>
<HEAD>
<TITLE>这是标题部分。</TITLE>
</HEAD>
<BODY>
<P>你好,这是正文部分!</P>
</BODY>
</HTML>
HTML语言概述
HTML标记
格式:<HTML>…</HTML>
功能:标志文档开始和结尾的标记。
格式:<HEAD>…</HEAD>
功能:用于包含文件的基本信息。
格式:<BODY>…</BODY>
功能:文件主体标记。
HTML语言概述
常用HTML编辑工具
任何一个文档编辑器都是HTML编辑器。
为了减少网页设计师的工作,使设计网页更加的方便,很多公司设计了专用的网页编辑器,像Dreamweaver,FrontPage,CutePage,QuickSite等,是专门用来制作网页的,利用它们可以很容易的编写出精美的网页,具有所见即所得的功能。
所谓所见即所得,就是在编辑网页时看到的效果,与使用浏览器时显示的效果基本一致。
文档的格式与风格
在大多数网页中,文档是核心的内容,只有设置适当的文档格式,才能得到绚丽多彩的网页。设置文档的格式包括:设置标题和文字的字体、字号、字型、颜色,段落格式、文本布局等。
文档的格式与风格
设置<BODY>的属性
标记属性
功能
background=URL
设置网页的背景图片
bgcolor=colorvalue
设置网页的背景颜色
text=colorvalue
设置文本的颜色
link=colorvalue
设置尚未被访问过的超文本链接的颜色,默认为蓝色
vlink=colorvalue
设置已被访问过的超文本链接的颜色,默认为紫色
alink=colorvalue
设置超文本链接在被单击的瞬间的颜色,默认为红色
bgproperties =fixed
设置背景是否随滚动条滚动
leftmargin=size
设置网页左边的空白
topmargin=size
设置网页上方的空白
margingwidth=size
设置网页空白的宽度
marginheight =size
设置网页空白的高度
文档的格式与风格
段落格式化
格式:<H1>…</H1>,<H2>…</H2>…<H6>…</H6>
功能:设置各种大小不同标题的标记。
格式:<P>…</P>
功能:设置段落标记。
格式:<PRE>…</PRE>