html快速入门

《html快速入门》由会员分享，可在线阅读，更多相关《html快速入门（59页珍藏版）》请在金锄头文库上搜索。

1、李驰HTML快速入门本章主要内容：HTMLHTML概念概念HTML（HyperTextMark-upLanguage ）即超文本标记语言，是WWW的描述语言。 设计HTML语言的目的是为了能把存放在一台 电脑中的文本或图形与另一台电脑中的文本或 图形方便地联系在一起，形成有机的整体，人 们不用考虑具体信息是在当前电脑上还是在网 络的其它电脑上。HTML HTML 文件结构文件结构这是网页的标题这是网页的标题 这是网页的正文这是网页的正文元素是HTML语言的基本部分。元素通常是 成对出现，每一对元素一般都有一个开始的标记 （如），也有一个结束的标记（如 ）。HTMLHTML文档的编写方法文档的编

2、写方法通常有3种编写方法 v手工直接编写 记事本等，保存成.htm .html格式 v使用可视化HTML编辑器Frontpage、Dreamweaver、VS.NET等 v由Web 服务器一方实时动态地通过编程 生成，如Response.Write(“你好 ”)第一张网页（第一张网页（01.htm01.htm）欢迎光临锦城学院！这是我做的第一个网页HTMLHTML的全局结构标签的全局结构标签v ：网页中所有的HTML文档 都要放在这对标签的中间。 v ：表示HTML文档的头部， 这对标签中间的内容不会出现在浏览器的文档窗 口。这对标签中间还可以放入 、 等标签对。 v ：用于决定网页在浏览器左

3、上 角标题栏的文本内容。这对标签只能放在之间。 v ：定义了HTML文档的主体 部分。这对标签中间的内容将会在浏览器的文档 窗口中显示出来。HTMLHTML、XHTMLXHTML、XMLXML的区别的区别XML（Extensible Markup Language）即可 扩展标记语言，Xml是Internet环境中跨平台的 。扩展标记语言XML是一种简单的数据存储语 言，使用一系列简单的标记描述数据，而这些标 记可以用方便的方式建立 XHTML是一个基于XML的置标语言，看起来与 HTML有些相象，只有一些小的但重要的区别， XHTML就是一个扮演着类似HTML的角色的 XML，所以，本质上说

4、，XHTML是一个过渡技 术，结合了XML（有几分）的强大功能及 HTML（大多数）的简单特性。 HTMLHTML元素属性元素属性HTML元素可以有自己的相关属性，每 一个属性还可以由我们网页编制者赋一定 的值。元素属性出现在元素的内，并 且和元素名之间有一个空格分隔；属性值 用“”引起来。随着CSS的运用， HTML元素属性的使 用已经越来越少，因为这些属性都可以通 过CSS来控制。带带HTMLHTML元素属性的网页元素属性的网页(02.htm)(02.htm)欢迎光临锦城学院！这是我做的第二个网页HTMLHTML文档中的注释(03.htm)网页中可以使用“”这种格式加 以注释，注释的内容将

5、被浏览器忽略。关于注释关于文档注释的演示HTMLHTML文档中特殊字符(错误用法)网页中有些特殊字符不能直接在HTML文档中 使用。例如想在网页上显示一个“”符号， 以下写法是错误的：一个特殊字符的错误用法HTMLHTML文档中特殊字符(正确用法)04.htm对于网页中的特殊字符，必须利用转义字符： v方法一：HTMLHTML文档中其他特殊字符HTML编码显示和处理结果“ TM 空格字符文本标签v v v v v （05.htm） 一 共6对标签，h后面的数字越大，标记 之间的字体字号越小， 最大， 最小(思考： h1一定比h6的字大吗？)（06.htm）标签用来创建一个段落 ，在此标签对之间

6、加入的文本将按照 段落的格式显示在浏览器上。（07.htm）是一个简单的标签，它没有结束标 签，用来表示在网页中换行。无序列表元素(见例子08.htm)列表在HTML的文档里有重要的地位,HTML规 定了多种列表元素。列表所起的主要作用是使特 定的文本有序化。无序列表是由和 元素定义的:sportsfood drink friends 无序列表元素无序列表的默认符号是圆点。元素有type属性，通过定义 不同的type属性可以改变列表的项 目符号。目前，type属性的属性值 有： disc(圆)、circle（圆圈）、square （方块） 见例子09.htm有序列表有序列表由和定义:sport

7、sdrinkfriends见例子10.htm有序列表元素也有自己的type属性，type 属性的属性值有1、A、a、I、i等。例如， 我们以A、B、C作为列表的编号 例： 11.htm元素还可以定义列表的起始编号 ，如我们希望列表的第一个编号为5，而 不是1，则需要定义元素的start属 性 例：12.htm通常浏览器都会忽略HEML文本中 的空格和换行，但用 来告诉浏览器，这对标签之间的文本 中的空格和换行都需要原样保留。见例13.htm超级链接超级链接超级链接是整个WWW应用的核心和基础。如 果没有超级链接的概念，那么，我们现在所有的 WWW的应用将不复存在。所以，对超级链接的 掌握具有特

8、殊重要的意义。超级链接是用锚元素定义的 在元素 下，有元素属性href,href的属性值为一个URL地 址，例如：见例14.htm超级链接超级链接-E-mail-E-mail超级链接超级链接 超级链接可以指向E-mail地址 如：联系我们见例15.htm超级链接超级链接链接窗口链接窗口超级链接标签超级链接标签有一个有一个Target属性，它可以 取值为: _blank(新开窗口) _self(相同框架) _parent(父框架) _top(整页) 其他窗口名称 例如：新窗口打开页面 见例16.htm超级链接超级链接锚点锚点( (书签书签) )v本页跳转指向本页面锚点aa的超级例：17.htm

9、v跨页跳转指向17页面的锚点top的超级链接例：18.htmHTMLHTML对图片的控制对图片的控制v语法:v说明：引用图片必须用元素标志。 元素下的基本元素属性是src属 性，src的属性值为所引用的图片的URL 地址。src属性是必须的。src的URL可以是绝 对地址，也可以是相对地址 例：19.htmHTMLHTML对图片的控制对图片的控制-替代文本替代文本v所谓图片的替代文本，指图片不能显示时 在图片所在位置显示的一段文本或当鼠标 移到图片上时也会显示替代文本。 v定义图片替代文本的方法是：例：20.htmHTMLHTML对图片的控制对图片的控制-图片显示大小图片显示大小我们可以指定一

10、幅图片在浏览器窗口里 的显示大小。定义图片的显示大小的方法是：width指定图片的宽度，height指定高 度。它们的属性值可以是象素，也可以 是%。 例：21.htm图象的超级链接图象的超级链接是指整个图象的超级链接， 当点击图象的任何部分时，都会打开这个超级 链接。定义默认超级链接的方法是：所以，所谓超级链接实际上就是用元素 标志一个图象的引用; 例：22.htmHTML中的表格一月二月三月 120010001500单元格（用 来表 示，每个单 元格可以有 背景颜色和 背景图片）表格（用来表 示，表格可以有背景颜 色、背景图片）表格边框每一行可以用 来表示 ，单元格放在 行中，每行可 以有

11、很多的单 元格。表头（用来 表示，表头是特 殊的单元格，其 中的文字加进去 之后默认是居中 并且加粗）表格表格(TABLE)(TABLE)标记标记-1-1u 元素：定义一个表格。每一个表格只有 一对和，一张页面中可以有 多个表格。 u元素：定义表格的行，一个表格可以有多行 ，所以对于一个表格来说不是唯一的。 u元素：定义表格的一个单元格。每行可以 有不同数量的单元格，在和之间是 单元格的具体内容。需要注意的是：上述的三个元素必须、而且只 能够配对使用。缺少任何一个元素，都无法定义 出一个表格。表格表格(TABLE)(TABLE)标记标记-2 2表格的基本结构定义表头例：23.htm表格表格(T

12、ABLE)(TABLE)标记标记-3-3表格的属性 1.width属性：指定表格或某一个表格 单元格的宽度。单位可以是%或者象素 。 2.height属性：指定表格或某一个表格 单元格的高度。单位可以是%或者象素 。 3.border属性：表格边线粗细 例24.htm、25.htm、26.htm表格表格(TABLE)(TABLE)标记标记-3-34、bgcolor属性：指定表格或某一个单 元格的背景颜色。 5、background属性：指定表格或某一 个单元格的背景图片。其属性值为一个 URL地址。 例：27.htm表格表格(TABLE)(TABLE)标记标记-3-36、bordercolor

13、属性：指定表格或某一 个单元格的边框颜色。 例：28.htm 7、Bordercolorlight属性：亮边框的颜 色 8、Bordercolordark属性：暗边框的颜 色 例：29.htm 9、align属性：指定表格或某一个单元格 里的内容（文本、图片等）的对齐方式 。 例：30.htm表格表格(TABLE)(TABLE)标记标记-3-310、cellspacing属性：单元格间距。 例：31.htm 11、cellpadding属性：单元格边距。 例：32.htm表格表格(TABLE)(TABLE)标记标记-4-4单元格属性 1、valign属性：指定某一个单元格里的 内容（文本、图片

14、等）的垂直对齐方式 。垂直对齐方式的属性值包括： top：顶端对齐； middle：居中对齐； bottom：底端对齐; Baseline：相对于基线对齐; 例：33.htm 表格表格(TABLE)(TABLE)标记标记-4-42、Colspan：属性值表示当前单元格跨 越几列 例：14.htm 3、Rowspan：属性值表示当前单元格跨 越几行 例：16.htm表格表格(TABLE)(TABLE)标记标记-5-5行属性 1、valign属性：指定某一个单元格里的 内容（文本、图片等）的垂直对齐方式 。垂直对齐方式的属性值包top：顶端对齐； middle：居中对齐； bottom：底端对齐。

15、 Baseline：相对于基线对齐。表格表格(TABLE)(TABLE)标记标记-5-52、align属性：指定表格或某一个单元格 里的内容（文本、图片等）的对齐方式 3、height属性：指定表格或某一个表格 单元格的高度。单位可以是%或者象素表格表格(TABLE)(TABLE)标记标记-6-6表格的嵌套 在 之间插入表格，实现表 格嵌套 例：36.htm 表格的作用一般只是控制文本和图像的 显示，而不显示表格的边框 例：37.htm表格表格(TABLE)(TABLE)标记标记-7-7表格的综合使用 例：38.htm会移动的文字会移动的文字v基本语法. 例：39.htmv重要相关属性 (1)

16、方向 ：direction=# #=left, right,up,down 例：40.htm会移动的文字会移动的文字(2)方式： behavior=# #=scroll(循环), slide(只走一次), alternate(来回走) 例：41.htm (3)循环: loop=# #=次数；若未指定则循环不止 (infinite) 例：42.htm会移动的文字会移动的文字(4)速度: scrollamount=# 例：43.htm (5)延时: scrolldelay=# 例：44.htm多媒体页面多媒体页面u用嵌入多媒体对象 基本语法 ： 注： 1.使用 标记之前，需要安装插件才 可以； 2.对于不同的plugin，其embed属性也不同。 例： 45.htm(Flash动画) 例： 46.htm(rmi音乐文件) 例： 47.htm(avi动画) 例： 48.ht