文档介绍:HTML网页制作
HTML简介
HyperText Markup Language
超文本标记语言,是一种用于创建Web页面的标记语言。
W3C(The World Wide Web Consortium 万维网联盟)是推行HTML标准化的主要国际组织。
HTML文件是用ASCII码写成的, 包括两个部分:
、特性进行描述的
HTML标记和属性,称之为“HTML元素”。
HTML标记的书写格式
HTML标记一般是由一个起始标记和一个结束标记构成,形式为:
<标记名>文件内容</标记名>
例如: <html>……</html>
<head>……</head>
<title>……</title>
<body>……</body>
HTML标记不区分大小写,视为相同。开发人员应当考虑尽量采用小写。
HTML网页示例
<html>
<head>
<title>HTML网页示例</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p>这是一个简单的HTML网页</p>
<p>欢迎访问<a href=“”>云南大学</a></p>
</body>
</html>
HTML网页示例
<meta>标记主要用于指定HTML文件的一些特殊属性表示附加信息。常用于显示文档的作者、关键字、创建日期、显示字库、文件格式、自动加载等。
http-equiv属性用于指定附加信息的名称
如:http-equiv=“Content-Type”指明文件格式
content属性用于指定附加信息的值。
如content=“text/html; charset=gb2312”指明文件格式为text/html(HTML默认的文件格式)、字体为gb2312。
练****打开一个网页,10秒钟后自动加载另一个网页。
<meta http-equiv=“refresh” content=“10;url=http://…”>
HTML元素的完整结构
<h1 align="left">Example</h1>
属性
(属性可以有多个)
起始标记
受标记影响
的文件内容
结束
标记
HTML元素
标记
名称
属性
名称
属性值
(属性值一般应放在引号中)
HTML核心属性
,几乎所有的HTML元素都包括4个核心属性,简介如下:
id属性:用来给文档中标记设置独一无二的名字。
class属性:用来制定标记可能属于一个或多个类(class)。
style属性:用来为标记直接添加样式表的信息。
title属性:用来提供关于标记或者它的内容的提示文字。
常用HTML标记和属性1
<标记>或属性
用途
<html>……</html>
标记整个HTML文件
<head>……</head>
标记HTML文件的头部内容
<TITLE>……</TITLE>
网页名称
<BODY>……</BODY>
HTML文件的主体内容
bgcolor
text
link,vlink,alink
文档的背景颜色,可以用英文颜色名称,也可以用十六进制数#RRGGBB表示。
设置文档中文字的颜色
分别设置文档中还没有访问过的超链接的颜色,访问过的超链接的颜色,激活的超链接的颜色.
常用HTML标记和属性2
<标记>或属性
用途
<Hn>……</Hn>
第n级标题,n取值1-6
<PRE>……</PRE>
保留原有文本格式
<P>……</P>
段落标记
<BR>
产生回车,连续多个可产生若干空行
<B>……</B>
使文本字体变粗
<I>……</I>
使文本字体变为斜体
<FONT SIZE=n>文本内容</FONT>
改变文本内容字号,n取值范围为1-7(默认为3,7最大)
<FONT FACE="字体名称">文本内容</FONT>
改变文本内容字体,若指定的“字体名称”不存在,则使用浏览器的默认字体
基本<标记>,属性
用途
<A>……</A>
链接标记,引导链接的内容
HREF
<A>标记属性,指明被链接的URL或书签名称(加#)
NAME
<A>标记属性,用于定义同一文件中被链接点的书签名称
例如:
<A HREF=“”>中央电视台</A>
<A HREF=“#书签1”>云南大学</A>
<H3><A NAME=“书签1”>师范大学</A></H3>
常用HTML标记和属性3