1 / 26
文档名称:

网页设计语言html.ppt

格式:ppt   大小:800KB   页数:26页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网页设计语言html.ppt

上传人:977562398 2020/12/31 文件大小:800 KB

下载得到文件列表

网页设计语言html.ppt

相关文档

文档介绍

文档介绍:教学重点与难点
在网页中使用超链接
图片与多媒体的编排
表格与文字的混排
交互网页的制作
1 HTML概述
HTML(HyperText Markup Language)超文本标记语言,几乎所有的网页都是以HTML格式书写的。
HTML以标识符来标识、排列各对象。标识符本身以“<”和“>”标识,标识符内的内容称为元素(element),也成为属性。元素代表了标识符的意义,元素是与大小写无关的。
标识符代表了网页中的对象,如<img>代表图像、<table>代表表格;元素代表了网页对象的属性,如width、height代表了对象的宽和高,color代表了对象的颜色等。
标志符大部分是成对出现的:起始标记符和结束标记符。如<body>和</body>、<table>和</table>等。大小写均可,不过最好为大写。
HTML的基本语法格式:
<标记符 元素1=属性值1 元素2=属性值2 …… 元素n=属性值n>
HTML文件的基本结构
<html>
<head>
文件头
</head>
<body>
文件体
</body>
</html>
头部
主体
用超文本标记语言(HTML)编写的网页文件其实只是很平常、很普通的文本文件。可以用你所熟悉的文字编辑器来编辑它,如Edit、Word、写字板、记事本等,但一定要以纯文本方式保存,浏览器只能识别纯文本格式的文件。
<HTML>标记HTML的开始,在文件结束处要有对应的符号</HTML>。
创建HTML文档
1.用工具软件创建HTML文档
用比较完善的工具软件来制作网页,象FronPage2000,Dreamweaver 4等
2.用编辑工具编写HTML文档
EDIT、记事本、写字板、Word等编辑工具可以用来编辑HTML文档。
2 HTML的头部标记和主体标记
1 HTML的头部标记
<head>标记
出现在HTML网页的开头部分。<head>与</head>之间的内容不在浏览器窗口中显示。
<title>标记
网页标题,出现在浏览器标题栏中。
<meta>标记
用于提供HTML网页的字符编码、关键字、描述、作者、自动刷新等信息
例1 <html>
<head>
<title>html的头部标记应用</title>
</head>
<meta http-equiv=“Content-Type” content=“text/html;charset=gb2312”>
<meta name=“description” content=“这是一个有关搜索引擎的主页”>
<meta name=“keywords” content=“电影,电视剧,VCD,DVD,MTV”>
<meta name=“author” content=“张三星”>
<meta http-equiv=“refresh” content=“5;URL=”>
</head>
<body>
</body>
</html>
2 HTML的主体标记<body>
设置背景颜色
<body bgcolor=#ff0000>
设置背景图片
<body background=“” bgproperties=fixed>
设置文字颜色与链接颜色
<body text=#000000 link=#ccddee vlink=#ff3366 alink=#66cc77>
设置页边距
<body leftmargin=0 topmargin=0>
3 HTML的文本标记和链接标记
文本属性的设置<font>
face属性表示文本的字体
color属性表示文本的颜色
size属性表示文本的字号
例2 <font face=隶书 color=#00ff00 size=3>
标题文本的设置<Hn>
<Hn>…</Hn>(标题n,n=1~6)
<H1> 的字体最大, <H6>的字体最小。
其属性 align={left,center,right},指文字的水平对齐方式