HTML语言教程(完整版)

HTML教程第一章HTML概述与基本结构.....................................................................................................2一、HTML的概述....................................................................................................................2二、HTML的基本结构：......................................................................................................2三、HTML的标签与属性:.....................................................................................................3第二章HTML主体标签及属性、颜色的设定......................................................................4一、html的主体标签body...........................................................................................4二、颜色的设定.....................................................................................................................5第三章文字版面的编辑.................................................................................................................6第四章建立列表..........................................................................................................................15第五章图像的处理.......................................................................................................................21第六章建立超链接.......................................................................................................................26第七章TABLE表格......................................................................................................................357-1定义表格的基本语法.....................................................................................................357-2表格table标签属性......................................................................................................367-2（1)表格table标签的常用属性........................................................................367-2（2）设置分隔线的显示状态rules......................................................................377-2（3）表格的边框显示状态frame........................................................................387-3表格行的设定.................................................................................................................397-4单元格的设定.................................................................................................................407-5设定跨多行多列单元格.................................................................................................427-6表格的分组.....................................................................................................................437-6-1表格的行分组thead/tbody/tfoot.............................................................437-6-2表格按列分组colgroup...................................................................................447-6-3表格的行列分组..................................................................................................457-7表格的标题标签caption.............................................................................................457-8表格的嵌套.....................................................................................................................46第八章网页的动态、多媒体效果.................................................................................................49第九章多视窗口框架..................................................................................................................53第十章表单的设计.........................................................................................................................59第一章HTML概述与基本结构一、HTML的概述HTML的英语意思是：HypertextMarkedLanguage，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作.协议的制定使浏览器在运行超文本时有了统一的规则和标准.用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作ＷＷＷ（是WorldWideWeb的缩写，也可简写WEB、中文叫做万维网)的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器HTTP显示出效果。所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术----通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面与世界各地主机的文件链接。直接获取相关的主题。如下所示：通过HTML可以表现出丰富多彩的设计风格：图片调用：IMGSRC=文件名文字格式：FONTSIZE=+5COLOR=#00FFFF文字/FONT通过HTML可以实现页面之间的跳转：页面跳转：〈AHREF=文件路径/文件名/A通过HTML可以展现多媒体的效果：声频：EMBEDSRC=音乐地址AUTOSTART=true视频：EMBEDSRC=视频地址AUTOSTART=true从上面我们可以看到HTML超文本文件时需要用到的一些标签。在HTML中每个用来作标签的符号都是一条命令、它告诉浏览器如何显示文本。这些标签均由和符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释，显示出文字、图像、动画、播放声音。这些标签符号用“标签名字属性”来表示。HTML只是一个纯文本文件。创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序。二、HTML的基本结构：一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置，HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。下面是一个昀基本的html文档的代码:1－1.htmlHTML----------------------------------------开始标签HEAD--------------------------------------|头部标签TITLE一个简单的HTML示例/TITLE/HEAD--------------------------------------BODY----------------------------------------|文件主体CENTER|H1欢迎光临我的主页/H1|BR|HRFONTSIZE=7COLOR=red|这是我第一次做主页|/FONT|/CENTER|/BODY---------------------------------------/HTML---------------------------------------结尾标签HTML/HTML在文档的昀外层，文档中的所有文本和html标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。事实上，现在常用的Web浏览器都可以自动识别HTML文档，并不要求有html标签，也不对