文档介绍：HTML网页设计基础
HTML语言简介
HTML - Hyper Text Makeup Language
超文本标记语言,是Web信息的描述语言。
Web上大部分网页都是HTML格式的文档。
HTML文档的扩展名是htm或html, 是由HTML命令组成的纯文本文件。
HTML语言特征
超文本(可说明文字、图片、表格、音视频、链接等)
标记语言(浏览器根据标记显示内容)
专用于在Web上传递信息
是写给浏览器的语言,由浏览器解释并显示
编辑与运行环境
运行环境
直接运行在Web浏览器上
编辑环境
记事本
网页设计三剑客:
Dreamweaver
Fireworks
Flash
基本语法结构及文件结构
基本语法结构:
一个HTML文件是由一系列的元素和标签组成。
文件的基本结构:
<html> //文件开始
<head> //文件头
<title>网页标题</title> //网页标题
</head> //文件头
<body> //文件体
网页正文
</body> //文件体
</html> //文件结束
HTML书写注意事项
“<”和“>”是所有标记的开始和结束,要成对出现。
标签和标签之间是可以互相嵌套的。
在源代码中不区分大小写。
回车键和空格键在源代码中不起作用。
属性值可以直接书写。
源代码中以“<!--”开始,以“-->”结束的代码为注释代码。
一个简单的HTML实例
网页的文字颜色属性text <body text = 颜色值>
网页背景颜色属性bgcolor <body bgcolor = 颜色值>
网页背景图属性background
<body background = 背景图片所在文件位置>
链接文字颜色属性link,vlink,alink
<body link = 颜色 alink = 颜色 vlink = 颜色>
上边距属性topmargin <body topmargin = 值>
左边距属性leftmargin <body leftmargin = 值>
示例代码如下:
一个简单的HTML实例
<html>
<head>
<title>欢迎来到我的个人网页</title>
</head>
<body text = "red" background =
leftmargin = 10 topmargin = 10>
<center>欢迎来到我的站点</center>
</body>
</html>
<html>标签
<html>标签是HTML文档标识符,它成对出现。
首标签<html>和尾标签</html>分为位于文档的开头和结尾处,用来表明这是一个HTML文档。
虽然常用的Web浏览器可以自动识别HTML文档,不需要这个标签,但是为了保持文档的完备性,最好保留这个标签。
<head>标签及其中的常用标签
<head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。
<title>文字</title>
“文字”将显示在浏览器标题栏上
<meta>:用于设置一些头信息
<meta http-equiv=“content-type” content=“text/html;charset=gb2312”>
<style> …</style> (见本课程CSS部分)
定义CSS格式
<Script language="..."> …</Script> (见本课程JavaScript部分)
用于定义脚本,比如JavaScript