没有合适的资源?快使用搜索试试~ 我知道了~
HTML教程(完整版).pdf
1星 需积分: 50 46 下载量 92 浏览量
2012-04-28
09:26:37
上传
评论 3
收藏 936KB PDF 举报
温馨提示
试读
63页
共有九章,图像处理,建立超链接,table表格,表单设计等内容;讲的很好呀,我学的使用它感觉还好
资源推荐
资源详情
资源评论
HTML 教程
第一章 HTML概述与基本结构 .....................................................................................................2
一、HTML的概述....................................................................................................................2
二、 HTML的基本结构:......................................................................................................2
三、 HTML的标签与属性: .....................................................................................................3
第二章 HTML主体标签及属性、颜色的设定......................................................................4
一、 html的主体标签<body>...........................................................................................4
二、 颜色的设定.....................................................................................................................5
第三章 文字版面的编辑.................................................................................................................6
第四章 建立列表 ..........................................................................................................................15
第五章 图像的处理.......................................................................................................................21
第六章 建立超链接.......................................................................................................................26
第七章 TABLE表格 ......................................................................................................................35
7-1 定义表格的基本语法 .....................................................................................................35
7-2 表格<table>标签属性 ......................................................................................................36
7-2(1) 表格<table>标签的常用属性........................................................................36
7-2(2) 设置分隔线的显示状态 rules......................................................................37
7-2(3) 表格的边框显示状态 frame ........................................................................38
7-3 表格行的设定 .................................................................................................................39
7-4 单元格的设定 .................................................................................................................40
7-5 设定跨多行多列单元格 .................................................................................................42
7-6 表格的分组 .....................................................................................................................43
7-6-1 表格的行分组<thead>/<tbody>/<tfoot>.............................................................43
7-6-2 表格按列分组<colgroup> ...................................................................................44
7-6-3 表格的行列分组 ..................................................................................................45
7-7 表格的标题标签<caption>.............................................................................................45
7-8 表格的嵌套 .....................................................................................................................46
第八章网页的动态、多媒体效果.................................................................................................49
第九章 多视窗口框架 ..................................................................................................................53
第十章表单的设计.........................................................................................................................59
第一章 HTML概述与基本结构
一、HTML 的概述
HTML的英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档
的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作.
协议的制定使浏览器在运行超文本时有了统一的规则和标准.用HTML编写的超文本文档称为HTML文档,
它能独立于各种操作系统平台,自 1990 年以来HTML就一直被用作WWW(是World Wide Web的缩写,
也可简写WEB、中文叫做万维网) 的信息表示语言,使用HTML语言描述的文件,需要通过WEB浏览器
HTTP
显
示出效果。
所谓超文本,是因为它可以加入图片、声音、动画、影视等内容,事实上每一个 HTML 文档都是一种静
态的网页文件,这个文件里面包含了 HTML 指令代码,这些指令代码并不是一种程序语言,它只是一种排
版网页中资料显示位置的标记结构语言,易学易懂,非常简单。HTML 的普遍应用就是带来了超文本的技
术----通过单击鼠标从一个主题跳转到另一个主题,从一个页面跳转到另一个页面与世界各地主机的文件
链接。直接获取相关的主题。如下所示:
通过 HTML 可以表现出丰富多彩的设计风格:
图片调用:<IMG SRC="文件名">
文字格式: <FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT>
通过 HTML 可以实现页面之间的跳转:
页面跳转:〈A HREF="文件路径/文件名"></A>
通过 HTML 可以展现多媒体的效果:
声频:<EMBED SRC="音乐地址" AUTOSTART=true>
视频:<EMBED SRC="视频地址" AUTOSTART=true>
从上面我们可以看到HTML超文本文件时需要用到的一些标签
。在HTML中每个用来作标签的符号都是
一条命令、它告诉浏览器如何显示文本。这些标签均由"<"和">"符号以及一个字符串组成。而浏览器的功
能是对这些标记进行解释,显示出文字、图像、动画、播放声音。这些标签符号用“<标签名字 属性>”来
表示。
HTML 只是一个纯文本文件。创建一个 HTML 文档,只需要两个工具,一个是 HTML 编辑器,一个
WEB 浏览器。HTML 编辑器是用于生成和保存 THML 文档的应用程序。WEB 浏览器是用来打开 WEB 网
页文件,提供给我们查看 WEB 资源的客户端程序。
二、 HTML 的基本结构:
一个 HTML 文档是由一系列的元素和标签组成.元素名不区分大小写.HTML 用标签来规定元素的属性
和它在文件中的位置,
HTML 超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体
中才是要显示的各种文档信息。
下面是一个最基本的html文档的代码:1-1.html
<HTML> ---------------------------------------- 开始标签
<HEAD> --------------------------------------| 头部标签
<TITLE> 一个简单的 HTML 示例 </TITLE>
</HEAD> --------------------------------------
<BODY> ---------------------------------------- | 文件主体
<CENTER> |
<H1>欢迎光临我的主页</H1> |
<BR> |
<HR>
<FONT SIZE= 7 COLOR= red> |
这是我第一次做主页 |
</FONT> |
</CENTER> |
</BODY> ---------------------------------------
</HTML> --------------------------------------- 结尾标签
<HTML></HTML>在文档的最外层, 文档中的所有文本和 html 标签都包含在其中,它表示该文档
是以超文本标识语言(HTML)编写的。事实上,现在常用的 Web 浏览器都可以自动识别 HTML 文档,
并不要求有 <html>标签,也不对该标签进行任何操作,但是为了使 HTML 文档能够适应不断变化的 Web
浏览器,还是应该养成不省略这对标签的良好习惯。
<HEAD></HEAD>是HTML文档的头部标签, 在浏览器窗口中,头部信息是不被显示在正文中的,在
此标签中可以插入其它标记, 用以说明文件的标题
和整个文件的一些公共属性。若不需头部信息则可省略
此标记,良好的习惯是不省略。
<title>和</title>是嵌套在<HEAD>头部标签中的,标签之间的文本是文档标题,它被显示在浏览器
窗口的标题栏。
<BODY> </BODY>标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。
上面的这几对标签在文档中都是唯一的,HEAD 标签和 BODY 标签是嵌套在 HTML 标签中的。
三、 HTML的标签与属性:
对于刚刚接触超文本的朋友,遇到的最大的障碍就是一些用“<”和 “>”括起来的句子,我们称它为标签,
是用来分割和标签文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。标签通过指定某块信
息为段落或标题等来标识文档某个部件。属性是标志里的参数的选项,
HTML 的标签分单标签和成对标签两种。成对标签是由首标签<标签名> 和尾标签</标签名>组成的,
成对标签的作用域只作用于这对标签中 的文档。单独标签的格式<标签名>,单独标签在相应的位置插入
元素就可以了,大多数标签都有自己的一些属性, 属性要写在始标签内,属性用于进一步改变显示的效果,
各属性之间无先后次序,属性是可选的,属性也可以省略而采用默认值;其格式如下:
<标签名字 属性 1 属性 2 属性 3 … >内容</标签名字>
作为一般的原则,大多数属性值不用加双引号。但是包括空格、%号,#号等特殊字符的属性值必须加
入双引号。为了好的习惯,提倡全部对属性值加双引号。如:
<font color="#ff00ff" face="宋体" size="30">字体设置</font>
注意事项:输入始标签时,一定不要在“<”与标签名之间输入多余的空格,也不能在中文输入法状态下
输入这些标签及属性,否则浏览器将不能正确的识别括号中的标志命令,从而无法正确的显示你的信息。
第二章 HTML主体标签及属性、颜色的设定
为了使你的网页绚丽多姿,吸引更多的浏览者阅读,可以给网页添加更多的标签及属性,这是为了对网
页中的元素进行修饰、布局。下面就来逐一介绍这些标签。
一、 html 的主体标签<body>
在<body>和</body>中放置的是页面中所有的内容,如图片、文字、表格、表单、超链接等设置。
<body>标签有自己的属性,设置 <body>标签内的属性,可控制整个页面的显示方式。
<body>标签的属性
属 性 描 述
link
设定页面默认的连接颜色
alink
设定鼠标正在单击时的连接颜色
vlink
设定访问后连接文字的颜色
background
设定页面背景图像
bgcolor
设定页面背景颜色
leftmargin
设定页面的左边距
topmargin
设定页面的上边距
bgproperties
设定页面背景图像为固定,不随页面的滚动而滚
动
text
设定页面文字的颜色
格式:
<body text="#000000" link="#000000" alink="#000000" vlink="#000000"
background="gifnam.gif" bgcolor="#000000" leftmargin=3 topmargin=2
bgproperties="fixed">
实例:2-1.html
<html>
<head>
<title>bady 的属性实例</title>
</head>
<body bgcolor="#FFFFE7" text="#ff0000" link="#3300FF" alink="#FF00FF"
vlink="#9900FF">
<center>
<h2>设定不同的连接颜色</h2>
测试 body 标签<p>
<a href="http://www.baidu.com/">默认的连接颜色</a>
<p>
<a href="http://www.sina.com.cn">正在按下的连接颜色,</a>
<p>
<a href="http://www.sohu.com/">访问过后的连接颜色,</a>
<P>
<a href="#" onClick="window.history.back()">返回</a>
</conter>
</body>
</html>
实例说明:
<body>的属性设定了页面的背景颜色,文字的颜色,链接的颜色为
#3300ff,单击的连接颜色为#ff00ff,单击过后的颜色为#9900ff。
Body 里面的是页面中的链接标签,对于属性可根据页面的效果来定,用那
个属性就设定那个属性。对于上面的属性在后面的章节中还会介绍,在这里就不
逐一引用了,我们的学习目的主要是掌握标签及属性的使用方法。
二、 颜色的设定
颜色值是一个关键字或一个 RGB 格式的数字。在网页中用得很多,在此就先
介绍一下。
颜色是由 "red" "green" "blue " 三原色组合而成的,在 HTML 中对颜色
的定义是用十六进位的,对於三原色 HTML 分别给予两个十六进位去定义,也
就是每个原色可有 256 种彩度,故此三原色可混合成 16777216 种颜色。
例如: 白色的组成是 red=ff, green=ff, blue= ff,RGB 值即为 ffffff
红色的组成是 red=ff, green= 00, blue= 00, RGB 值即为 ff0000
绿色的组成是 red=00, green=ff, blue= 00, RGB 值即为 00ff00
蓝色的组成是 red=00, green= 00, blue= ff, RGB 值即为 0000ff
黑色的组成是 red=00, green=00, blue=00, RGB 值即为 000000
应用时常在每个 RGB 值之前加上“ # “ 符号,如:bgcolor="#336699" 用英文名字表示颜色时直
接写名字。如 bgcolor=green
RGB 颜色可以有四种表达形式::
• #rrggbb (
如
,#00cc00)
• #rgb (
如
,#0c0)
• rgb(x,x,x) x 是一个介乎 0 到 255 之间的整数 (
如
,rgb(0,204,0))
• rgb(y%,y%,y%) y 是一个介乎 0.0 到 100.0 之间的整数 (
如
, rgb(0%,80%,0%)
Windows VGA(视频图像阵列)形成了 16 各关键字: aqua,black, blue,fuchsia, gray,green,
lime,maroon,navy,olive, purple,red,silver,teal,white,and yellow
下面是部分颜色的 RGB 代码图表:
剩余62页未读,继续阅读
资源评论
- gaotongliang2013-04-24适合初学者?
普通网友
- 粉丝: 0
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功