html网页设计教程(推荐)

HTML网页设计教程

HTML的英语意思是：Hypertext Marked Language,即超文本标记语言,是一种用来制作 超文本文档的简单标记语言

Html的概念 所谓超文本，是因为它可以加入图片、声音、动 画、影视等内容，事实上每一个HTML文档都是 一种静态的网页文件，这个文件里面包含了 HTML指令代码，这些指令代码并不是一种程序 语言，它只是一种排版网页中资料显示位臵的标 记结构语言，易学易懂，非常简单。

如何创建一个HTML文档 HTML只是一个纯文本文件。 创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个 WEB浏览器。 编辑：HTML编辑器是用于生成和保存HTML文档的应用程序：记事 本、word、Frontpage、Dreamweaver 浏览：WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB 资源的客户端程序。

HTML文档的基本结构 <HTML> ---------------------------------------开始标签

<HEAD> <TITLE> 一个简单的HTML示例 </TITLE> </HEAD> <BODY> 欢迎光临我的主页 </BODY> </HTML> 结尾标签

如何保存和编辑html文件 在记事本里输入html文件代码 保存成*.html或*.htm为扩展名的文件。 如果要修改编辑，在菜单里打开“查看—源文件”。修改完后再保存。

Meta标签 Meta:about,关于。关于文档的概要信息。 比如说作者，关键字，内容提要，编码等信息。 比如gb3212是编码信息，简体中文 Big5:繁体中文 Author, password,

<Title>标签 <title>和</title>是嵌套在<HEAD>头部标签中的，标签之间的文本 是文档标题，它被显示在浏览器窗口的标题栏。

HTML的标签分单标签和成对标签两种。成对标签是由首标签<标签 名> 和尾标签</标签名>组成的，成对标签的作用域只作用于这对标 签中 的文档。

<html xmlns="http://doc.guandang.net/1999/xhtml">

<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title> </head> <body> </body> </html>

html的主体标签<body> 在<body>和</body>中放臵的是页面中所有的内容，如图片、文字、 表格、表单、超链接等设臵。

<body>标签有自己的属性，设臵 <body>标签内的属性，可控制整 个页面的显示方式。

<body>标签的属性属性描述 Background 设定页面背景图像 bgcolor 设定页面背景颜色 leftmargin 设定页面的左边距(像素) Topmargin 设定页面的上边距 Bgproperties=“fixed” 设定页面背景图像为固定，不随页面的 滚动而滚动 6. Text 设定页面文字的颜色 1. 2. 3. 4. 5.

7. 格式：<body bgcolor=“ ” text=“ ” >

颜色的设定两种方法： 1、颜色值的关键字：比如white, black, red, green, blue等

2、颜色是由 “red” “green” “blue

” 三原 色组合而成的，用6位的十六进制值表示。 #rrggbb ,如： 红色： red=ff, green= 00, blue= 00, RGB值即 为#ff0000 绿色： red=00, green=ff, blue= 00, RGB值即 为 00ff00 蓝色： red=00, green= 00, blue= ff, RGB值即 为0000ff

颜色的设定(2) 黑色： red=00, green=00, blue=00, RGB 值即 为 000000 例如： 白色： red=ff, green=ff, blue= ff,RGB 值即为ffffff 应用时常在每个 RGB 值之前加上“ # “ 符号， 如：bgcolor="#336699" 用英文名字表示颜色时直接写名字。如 bgcolor=“green “

文字版面的编辑 换行标签<br> 换行标签是个单标签，也叫空标签，不包含任何内容 <nobr>….</nobr> 不换行标签

预排版标签<pre>…</pre> 缩排标签<blockquote>…. </blockquote>