1、HTML语言基础知识及源码大全一1HTML语言基础（一）1.本文档的主要内容：（1）HTML语言概述。（2）文字版面的编辑。（3）文字列表的设计。（4）表格的设计。（5）HTML的超链接。（6）图片的使用。（7）高级HTML使用。（8）表单设计。2. Web上的信息是以页面(Page)的形式组织起来的，Web页面由HTML描述。3. Web页面与HTML文档实际上是同一事物的两个不同侧面：人们通常把用HTML编写的文件称为HTML文档，而把HTML文档在Web浏览器中的表现形式称为Web页面。4. Web页面中有一种称为主页(Hompage)的特殊页面。主页通常是用户通过Web浏览器访问某一W
2、eb站点时看到的第一个页面，用户通过主页可以访问该站点的其他页面。因此主页一般是关于某一组织、机构或个人的基本信息的页面。5. 最基本的定义：标记是用于指明文档中文本格式编排的代码系统。6. 标记语言的发展：SGMLHTMLXML。7. 标准通用标记语言SGML：Standard Generalized Markup Language 。8. 超文本标记语言HTML：Hyper Text Markup Language。9. 可扩展标记语言XML：eXtensible Markup Language。10. 使用编辑器生成页面可能会产生的问题：（1）在编辑界面下的显示效果与用浏览器看到的很可能
3、会不同；（2）会产生一些复杂的、非标准的代码，难以达到设计的效果，从而容易引起浏览器之间的兼容问题；（3）一些特殊的页面控制，必须通过HTML代码才可以实现。11.可以借助于HTML编辑器，但不能依赖于它。12.HTML文档的基本构成： . . 13.HTML之所以称为“超文本标记语言”，一是因为它的超链接功能，二是因为它的指令统一采用了“标记”表示法。HTML中主要有单标记指令和双标记指令两种。14.如果用两个一组的HTML标记把一段文字包含在其中，则此段文字与包含文字的HTML标记称为一个HTML元素。15.如果使用单独的HTML标记，则此HTML标记也被称为一个HTML元素。16.单标记
4、指令：语法：。说明：用一对（两个为一对）尖括号“”作为标志符号，将要执行的指令包含在这一对尖括号之中；如果成对的标志符号中少了一个，则当浏览器解释时就会出现错误。标记本身不会出现在显示结果中，只对显示格式起作用。示例：称为换行标记，当浏览器遇到标记时，将换行显示文本。17.双标记指令：语法：格式1 要控制的内容。格式2 要控制的内容。说明：用作为双标记指令的开始，用作为双标记指令的结束，将要控制的内容安排在这一对标记中间。格式2与格式1的不同之处是后者在开始标记中带有起辅助作用的属性参数。可以包含若干参数，也可没有参数。18.HTML的层次概念： . HTML文件的层次结构 HTML文档基本结
5、构19.HTML基本标记的使用方法：（1）注释标记()。 语法： 。（2）文件标记()。 语法： 。 说明：这对标记是HTML文件的标记。处于文件的最前面，表示HTML文件的开始。即浏览器从标记开始解释，直到遇到标记为止。（3）文件头标记()语法：。说明：由head这组标记定义的元素中，并不放置网页的任何内容，而是放置关于这份HTML文件的信息。就是说，它并不属于HTML文件的主体，它包含文件的标题、编码方式和URL等。这些信息大部分用于提供索引、辨认或其他应用。这对标记在HTML文件中并不是必需的。如果某个HTML文件并不需要提供相关信息，则可省略标记。 （4）文件标题标记()。语法： 文件
6、标题文字。说明：此标记用于设定HTML文件的标题名称，它将显示在浏览器的标题栏中。注意：标记用于标记中。但如果HTML文件中没有使用标记，则标记仍然起作用。 （5）文件主体标记()。语法： 。说明：由标记所建立的元素是HTML文件的内容主体，也是HTML文件的重点所在。HTML文件中要显示在网页上的所有内容，也都放置在这个元素中。具有一些特殊的属性，可以设定背景及字符颜色等。20.取消文字换行标记：语法：说明：显示一个HTML文件时，浏览器会根据窗口的大小，调整每行显示的文字数和段落。如果想禁止这项功能，取消因窗口大小不同而产生的换行，就应该使用标记。注意： （1）不符合标准网页设计的理念,不
7、赞成使用。 （2）nobr标签是成对出现的,以开始，结束。 （3）nobr用于强迫在一行显示内容。 常用的转义字符： （1）空格： ； （2）小于号：<； （3）大于号：>； （4）与号：&； （5）双引号："；21.换行标记：语法：。说明：换行标记是一个单标记指令。当HTML文件显示在浏览器时，换行标记之后的文字将显示在下一行。22.段落标记：语法： 格式1 段落文字 格式2 段落文字说明：以标记所标识的文字，代表同一个段落的文字。在浏览器显示时，不同的段落之间除了换行外，还会以一行空白加以区分。段落标记中可以设置align属性，用于控制段落的对齐方式，默认的
8、对齐方式为靠左。例：p.html。源码：HTML实例（四）p标签的使用梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，ht
9、ml属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。23.保留原始排版方式标记：语法：文字。说明：要想在浏览器显示时，保留原始的文字排版方式，则可以在指定文字前后分别添加与标记。例：pre.html。源码：HTML实例（五）pre标签的使用梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与h
10、tml的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。24.水平分割线标记：语法：。说明：使用标记可以在网页上绘制一条横线，用来分割不同的文字段落。标记具有
11、一些属性，可以用来控制横线的样式。例：hr.html。源码：HTML实例（六）hr标签的使用梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了
12、很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。标记的属性：属性说明示例size横线的粗细，以像素(Pixel)为单位。默认值为1width横线的长短，可以以像素(Pixel)为单位，也可以以对浏览器窗口的百分比表示。默认值为100%align横线的对齐方式。可以设置为left，center或right。默认值为centercolor横线的颜色。颜色可以用英文名称或十六进制数设置noshade横线的颜色。颜色可以用英文名称或十六进制
13、数设置25.空格符号 ：语法： 说明：在编辑HTML文件时，不论输入多少个空格，在浏览器中显示时均被视为一个。因此，如果想在浏览器中显示多个空格，则必须使用空格符号 。例：space.html。源码：HTML实例（七）hr标签的使用梦之都的 HTML教程。梦之都的 HTML教程。梦之都的 HTML教程。26.居中对齐标志：语法： 居中显示的内容。说明：被标记所包含的元素，将以居中对齐的方式显示在网页中。例：center.html。源码：HTML实例（八）center标签的使用梦之都的HTML教程介绍了
14、了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。27.向右缩进标记：语法：向右缩进的内容 说明：标记控制所包含的某段文字以向右缩进方式显示。28.标题文字标记：语法：标题文字。说明：标记用于标示网页中的标题文字，被标示的文字将以粗体的方式显示在网页中。在HTML中，共有6个层次的标题，因此其中n的范围为16。标题文字标记中可以设置align属性，用于控制对齐方式，默认的对齐方式为靠左。29.文字格式标记：语法：文字。说明：文字格式标记用于控制文字的字体、大小和颜色。控制的方式是利用标记的属性设置来实现的。标记
15、的属性：属性说明示例face设置文字所使用的字体。如果指定的字体在用户的系统中不存在，则将使用默认字体size控制文字大小。在浏览器中，字体的大小分为7级，等级7为最大的字体。默认值是3color字体的颜色。颜色可以用英文名称或十六进制数设置例：font.html。源码：HTML实例（九）font标签的使用梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。30.特定文字样式标记:HTML中有一些标记可以设置文字以特别的样式实现。这些标记分别属于两类：物理型和逻辑型。物理型标记格式字形效
16、果/b粗体斜体下划线删除线上标下标小字逻辑型标记格式适用情况字形效果电子邮件与网址缩小字体+斜体加强强调粗体强调斜体程序代码和指令缩小字体小字小字大字大字31.标记的属性:HTML文件的主体定义在标记中。通过设置标记的属性，可以控制整个页面的显示方式。标记的属性属性说明语法示例bgcolor设置网页背景颜色。颜色可以用英文名称或十六进制数表示background设置网页背景图片text设置网页文字的颜色使用标记的这些属性时需要注意：背景图片 浏览器使用平铺的方式重复显示背景图片，以填满整个页面区域。因此，有时可以使用小的背景图片取得满意的效果。背景色与背景图片 当bgcolor与backgro
17、und属性同时起作用时，只有背景图片显示出来。可以认为背景图片在背景色的上一层，当背景图片起作用时，就“遮住”了背景色。text属性 设置了text属性后，网页内没有特殊设置的文字均将显示为该颜色。如果有些文字需要使用别的颜色，则可以使用标记进行设置。32.编号列表标记:语法： 编号内容1 编号内容2 说明：编号列表标记用于处理所要处理的各个条目之间具有顺序性的情况。标记的属性属性说明示例type 设置序号的种类，语法为：type=1 | A | a | l | i 其中各设置值意义如下： 1 表示序号为数字 A 表示序号为大写英文字母 a 表示序号为小写英文字母 I 表示序号为大写罗马数字 i 表示序号为小写罗马数字默认值为1start编号的起始序号，语法为：start=n默认值为1例：ol.htm。源码：meta http-equiv=Conten
