HTML语言基础知识及源码大全(一)

HTML语言基础（一）

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浏览器访问某一Web站点时看到的第一个页面，用户通过主页可以访问该站点的其他页面。因此主页一般是关于某一组织、机构或个人的基本信息的页面。

5.最基本的定义：标记是用于指明文档中文本格式编排的代码系统。

6.标记语言的发展：SGML——>HTML——>XML。

7.标准通用标记语言SGML：Standard Generalized Markup

Language 。

8.超文本标记语言HTML：Hyper Text Markup Language。

9.可扩展标记语言XML：eXtensible Markup Language。

10.使用编辑器生成页面可能会产生的问题：

（1）在编辑界面下的显示效果与用浏览器看到的很可能会不同；

（2）会产生一些复杂的、非标准的代码，难以达到设计的效果，从而容易引起浏览器之间的兼容问题；

（3）一些特殊的页面控制，必须通过HTML代码才可以实现。

11.可以借助于HTML编辑器，但不能依赖于它。

12.HTML文档的基本构成：

………

<标签1 [属性[=属性值]] [属性[=属性值]].....>

<标签2 [属性[=属性值]] [属性[=属性值]].....>

...........

[]

[]

..…….

13.HTML之所以称为“超文本标记语言”，一是因为它的超链接功能，二是因为它的指令统一采用了“标记”表示法。HTML中主要有单标记指令和双标记指令两种。

14.如果用两个一组的HTML标记把一段文字包含在其中，则此段文字与包含文字的HTML标记称为一个HTML元素。

15.如果使用单独的HTML标记，则此HTML标记也被称为一个HTML元素。

16.单标记指令：

语法：<指令>。

说明：用一对（两个为一对）尖括号“<”和“>”作为标志符号，将要执行的指令包含在这一对尖括号之中；如果成对的标志符号中少了一个，则当浏览器解释时就会出现错误。标记本身不会出现在显示结果中，只对显示格式起作用。

示例：
称为换行标记，当浏览器遇到
标记时，将换行显示文本。

17.双标记指令：

语法：

格式1 <标记名称>要控制的内容。

格式2 <标记名称属性=属性值…>要控制的内容。说明：

①用<标记名称>作为双标记指令的开始，用作为双标记

指令的结束，将要控制的内容安排在这一对标记中间。

②格式2与格式1的不同之处是后者在开始标记中带有起辅助作用的属性参数。可以包含若干参数，也可没有参数。 18.HTML 的层次概念：

...... .......

HTML 文件的层次结构

HTML 文档基本结构 19.HTML 基本标记的使用方法： （1）注释标记()。 语法： 。 （2）文件标记(…)。 语法： …。

说明：这对标记是HTML 文件的标记。处于文件的最前面，表示HTML 文件的开始。即浏览器从标记开始解释，直到遇到标记为止。 （3）文件头标记(…)

HTML HEAD

BODY

语法：…。

说明：

①由head这组标记定义的元素中，并不放置网页的任

何内容，而是放置关于这份HTML文件的信息。就是说，

它并不属于HTML文件的主体，它包含文件的标题、编码

方式和URL等。这些信息大部分用于提供索引、辨认或其

他应用。

②这对标记在HTML文件中并不是必需的。如果某个

HTML文件并不需要提供相关信息，则可省略标记。（4）文件标题标记()。

语法：。

说明：此标记用于设定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教程介绍了了很多html标签，html属性与html的简单用法。

梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。

梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。

23.保留原始排版方式标记

：
语法：
文字
。
说明：要想在浏览器显示时，保留原始的文字排版方式，则可以在指定文字前后分别添加
与
标记。
例：pre.html。
源码：
Transitional//EN"
"https://www.360docs.net/doc/ea10431237.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">
梦之都的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标签，html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。
24.水平分割线标记
：
语法：
。
说明：使用
标记可以在网页上绘制一条横线，用来分割不同的文字段落。
标记具有一些属性，可以用来控制横线的样式。
例：hr.html。
源码：
Transitional//EN"
"https://www.360docs.net/doc/ea10431237.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">
单用法。
梦之都的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标签，html属性与html的简单用法。
单用法。
标记的属性：
属性说明示例size 横线的粗细，以像素(Pixel)为单位。
默认值为1
width 横线的长短，可以以像素(Pixel)为单位，也可以以对浏览器窗口的百分
比表示。默认值为100% 
 
align 横线的对齐方式。可以设置为left，
center或right。默认值为center
color 横线的颜色。颜色可以用英文名称或十六进制数设置
 
noshade 横线的颜色。颜色可以用英文名称
或十六进制数设置
25.空格符号 ：
语法： 
说明：在编辑HTML文件时，不论输入多少个空格，在浏览器中显示时均被视为一个。因此，如果想在浏览器中显示多个空格，则必须使用空格符号 。
例：space.html。
源码：
Transitional//EN"
"https://www.360docs.net/doc/ea10431237.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">
梦之都的 HTML教程。
梦之都的  HTML教程。
梦之都的   HTML教程。
26.居中对齐标志
：
语法：
居中显示的内容。
说明：被
标记所包含的元素，将以居中对齐的方式显示在网页中。
例：center.html。
源码：
Transitional//EN"
"https://www.360docs.net/doc/ea10431237.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">
梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。
27.向右缩进标记
：
语法：< blockquote>向右缩进的内容
说明：< blockquote>标记控制所包含的某段文字以向右缩进方式显示。
28.标题文字标记：
语法：标题文字。
说明：标记用于标示网页中的标题文字，被标示的文字将以粗体的方式显示在网页中。在HTML中，共有6个层次的标题，因此其中n的范围为1～6。标题文字标记中可以设置align属性，用于控制对齐方式，默认的对齐方式为靠左。
29.文字格式标记：
语法：文字。
说明：文字格式标记用于控制文字的字体、大小和颜色。控制的方式是利用标记的属性设置来实现的。
标记的属性：
属性说明示例
face 设置文字所使用的字体。如果指定的
字体在用户的系统中不存在，则将使
用默认字体
size 控制文字大小。在浏览器中，字体的
大小分为7级，等级7为最大的字体。
默认值是3
color 字体的颜色。颜色可以用英文名称或十六进制数设置 
例：font.html。
源码：
Transitional//EN"
"https://www.360docs.net/doc/ea10431237.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">
梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。
梦之都的HTML教程介绍了了很多html标签，html属性与html的简单用法。
30.特定文字样式标记:HTML中有一些标记可以设置文字以特别的样式实现。这些标记分别属于两类：物理型和逻辑型。
物理型
标记格式字形效果
…
… 斜体
… 下划线
… 删除线
… 上标
… 下标
… 小字
逻辑型
标记格式适用情况字形效果
…
电子邮件与网址缩小字体+斜体
…加强强调粗体
…强调斜体
…程序代码和指令缩小字体
…小字小字
…大字大字
31.标记的属性:HTML文件的主体定义在标记中。通过设置标记的属性，可以控制整个页面的显示方式。
标记的属性
属性说明语法示例
bgcolor 设置网页背景颜
色。颜色可以用英
文名称或十六进
制数表示
颜色>
bgcolor=blue>
bgcolor=#ccffcc>
background 设置网页背景图
片
background=“文
件名称与路径”>
background=
“images/bg.jpg
”>
text 设置网页文字的
颜色
色>
text=green>
使用标记的这些属性时需要注意：
⑴背景图片
浏览器使用平铺的方式重复显示背景图片，以填满整个页面区域。因此，有时可以使用小的背景图片取得满意的效果。
⑵背景色与背景图片
当bgcolor与background属性同时起作用时，只有背景图片显示
《HTML基础试题》
《HTML基础试题》 一、单项选择题: 1、下面哪一个属性不就是文本的标签属性？( ) A.  B.size C.color D.face 2、当链接指向下列哪一种文件时,不打开该文件,而就是提供给浏览器下载。( ) A.ASP B.HTML C.ZIP D.CGI 3、关于文本水平对齐,源代码设置不正确的一项就是:( ) A.居中对齐:
…
 B.居右对齐:
…
 C.居左对齐:
…
 D.两端对齐:
…
 4、下面哪一项就是换行符标签？( ) A. B. C.
 D. 5、下列哪一项就是在新窗口中打开网页文档。( ) A._self B._blank C._top D._parent 6、下面对JPEG格式描述不正确的一项就是。( ) A.照片、油画与一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快 C.最高只能以256色显示的用户可能无法观瞧JPEG图像 D.采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩 7、常用的网页图像格式有____与_____( ) A、gif,tiff B.tiff,jpg C.gif,jpg D.bmp,png 8、下面说法错误的就是( ) A、CSS样式表可以将格式与结构分离 B.CSS样式表可以控制页面的布局 C、CSS样式表可以使许多网页同时更新 D.CSS样式表不能制作体积更小下载更快的网页 9、CSS样式表不可能实现( )功能。 A将格式与结构分离 B.一个CSS文件控制多个网页 C、控制图片的精确位置 D.兼容所有的浏览器 10、在HTML中,( )不就是链接的目标属性。 A、self B.new C.blank D.top 11、在网页设计中,( )就是所有页面中的重中之重,就是一个网站的灵魂所在。 A.标题栏 B.脚本页面 C、导航栏 D.页面内容 12、为了标识一个HTML文件应该使用的HTML标记就是( )。 A.  B. C. D. 13、在客户端网页脚本语言中最为通用的就是( ) A、JavaScript B、VB C.Perl D、ASP 14、在HTML中,标记的属性:“Size”所能取的最大取值就是( ) A、6 B.7 C.8 D.9 15、下面不属于CSS插入形式的就是( ) A、索引式 B.内联式 C.嵌入式 D.外部式 16、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头就是( ) A.http:// B.https:// C.shttp:// D.SSL://
HTML语言与网页设计期末考试题
第1题判断正误 （1）HTML标记符的属性一般不区分大小写。（对） （2）网站就是一个链接的页面集合。（对） （3）将网页上传到Internet时通常采用FTP方式。（对） （4）所有的HTML标记符都包括开始标记符和结束标记符。（错） （5）用H1标记符修饰的文字通常比用H6标记符修饰的要小（错）。 （6）B标记符表示用粗体显示所包括的文字。（对） （7）GIF格式的图象最多可以显示256种颜色。（对） （8）HTML表格在默认情况下有边框。（错） （9）创建图象映射时，理论上可以指定任何形状作为热点。（对） （10）指定滚动字幕时，不允许其中嵌入图象。（错） 1.使用FONT 标记符的size 属性可以指定字体的大小。( T ) 2.网站就是一个链接的页面集合。( T ) 3.GIF格式的图象最多可以显示1024种颜色。( F ) 4.制作图像映射只需要使用 标记符。( F ) 5.在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。 ( F ) 6.在HTML表格中，在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。( T ) 7.指定滚动字幕时，不允许其中嵌入图象。( F ) 8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。( T ) 9. CSS中的color属性用于设置HTML元素的背景颜色。( F ) 10.CSS样式表项的组成格式为：selector{property1:value1, property2:value2, ……} ( F ) 第2题单选题（20分） （1）WWW是的意思。答案：B A．网页B．万维网C．浏览器D．超文本传输协议 （2）在网页中显示特殊字符，如果要输入“<”，应使用_________。答案：D A．lt; B．≪ C．< D．< （3）以下有关列表的说法中，错误的是：。答案：D A．有序列表和无序列表可以互相嵌套。 B．指定嵌套列表时，也可以具体指定项目符号或编号样式。 C．无序列表应使用UL 和LI 标记符进行创建。 D．在创建列表时，LI 标记符的结束标记符不可省略。 （4）以下关于FONT标记符的说法中，错误的是：答案：D A．可以使用color 属性指定文字颜色。 B．可以使用size 属性指定文字大小（也就是字号）。 C．指定字号时可以使用1~7 的数字。 D．语句这里是2号字 将使文字以2号字显示。 （5）以下关于JPEG图像格式中，错误的是：答案：B A．适合表现真彩色的照片。 B．最多可以指定1024种颜色。 C．不能设置透明度。
HTML语言入门教程
语言入门教程(一) ?什么是HTML语言 HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言，由W3C(World Wide Web Consortium)所制定和更新。我们可以用任何一种文本编译起来编辑HTML文件，因为它就是一总纯文本文件。 ?HTML语言的基本结构 下面我们来看一小段HTML语言的代码，来了解HTML语言的基本结构：      HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。   将这一小段代码粘贴至文本文件中，然后选择“另存为”，将文件的后缀名改为.htm或者.html即可，然后再所在的目录下就可看到一个IE的图标，名字就是你所存的文件名称。 …… …… 这是声明HTML文件的语法格式。每一个HTML文件，都必须以开头，以结束…… …… 这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头，并不属于文件本体。
 这是声明文件标题的语法格式。在这之中写下的所有内容，都将写在网页最上面的标题栏中。 …… …… 这是声明文件主体的语法格式。在者之间写下的内容都是文件的主体，也就是说将会被显示在客户区之中。 注意：几乎每一种HTML语言的语法都是以<>开头，以结束。在编辑HTML语言过程中，也可以使用注释。语法格式为：。就好像C语言中的/* …… …… */ 一样，中间的内容只是解释说明，并不被编译器所编译。 HTML语言的基本单位 1. 长度单位 长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性，同时也可以用来定义这些对象在页面上的位置等属性，用来描述页面上可能遇到的各种长度。 长度的表示方法有两种：绝对长度和相对长度。他们的单位都是像素(pixel)和百分比(%)，像素代表的是屏幕上的每个点，而百分比代表的是相对于客户区的多少。下面我们就以水平线的宽度为例，说明这两种表示方法。      HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。 
 
    在文本编译器中编译，改变网页的大小，就会看到这两者表示长度方法的不同。
HTML网页制作基础题试题与答案
HTML网页制作基础题 一、选择 1. 在一个框架的属性面板中，不能设置下面哪一项。（ D ）A．源文件B ．边框颜色C．边框宽度D．滚动条 2. 下列哪一项表示的不是按钮。（ C ） A．type="submit" B．type="reset" C．type="image" D ．type="button" 3. 下面哪一个属性不是文本的标签属性？（ A ） A．nbsp; B ．align C ．color D．face 4. 下面哪一项的电子邮件链接是正确的？（ B ） A．https://www.360docs.net/doc/ea10431237.html, B ．xxx@.net C．xxx@com D ．xxx@https://www.360docs.net/doc/ea10431237.html, 5. 当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（ C ）A．ASP B．HTML C．ZIP D．CGI 6. 关于表格的描述正确的一项是。（ D ）A．在单元格内不能继续插入整个表格 B ．可以同时选定不相邻的单元格C．粘贴表格时，不粘贴表格的内容 D ．在网页中，水平方向可以并排多个独立的表格 7. 如果一个表格包括有 1 行4 列，表格的总宽度为“ 699”，间距为“ 5”，填充为“ 0”，边框为“ 3”，每列的宽度相同，那么应将单元格定制为多少像素宽。（ D ） A．126 B．136 C．147 D．167 8. 关于文本对齐，源代码设置不正确的一项是：（A．居中对齐：
 ?
 B．居右对齐：
 ?
 C．居左对齐：
 ?
 D．两端对齐：
 ?
 9. 下面哪一项是换行符标签？（C） A． B ． C ．
 D． 10. 下列哪一项是在新窗口中打开网页文档。（B ）A．_self B ．_blank C．_top D．_parent 11. 下面对JPEG格式描述不正确的一项是。（ C ） A．照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B．JPEG支持很高的压缩率，因此其图像的下载速度非常快C．最高只能以256 色显示的用户可能无法观看JPEG图像 D．采用JPEG格式对图片进行压缩后，还能再打开图片，然后对它重新整饰、编辑、压缩
HTML文件的基本结构
1.1 HTML文件的基本结构 HTML的英文全称是Hyper Text Markup Language，它是网页超文本标记语言的缩写，是Internet 上用于编写网页的主要语言。HTML中每个用来作为标记的符号都可以看作是一条命令，它告诉浏览器应该如何显示文件的容。 1.1.1 HTML文件结构 一个完整的HTML文件由标题、段落、表格和文本等各种嵌入的对象组成，这些对象统称为元素，HTML使用标记来分隔并描述这些元素。实际上整个HTML文件就是由元素与标记组成的。 下面是一个HTML文件的基本结构。 文件开始标记 文件头开始的标记 ……文件头的容 文件头结束的标记 文件主体开始的标记 ……文件主体的容 文件主体结束的标记 文件结束标记 从上面的代码可以看出，HTML代码分为3部分，其中各部分含义如下。 …：告诉浏览器HTML文件开始和结束的位置，其中包括和标记。HTML文档中所有的容都应该在这两个标记之间，一个HTML文档总是以开始，以结束。 …：HTML文件的头部标记，在其中可以放置页面的标题以及文件信息等容，通常将这两个标签之间的容统称为HTML的头部。 …：用来指明文档的主体区域，网页所要显示的容都放在这个标记，其结束标记指明主体区域的结束。 1.1.2 使用记事本手工编写HTML页面 编写HTML文件有两种方法，一种是利用记事本编写，另一种是在可视化网页制作软件中编写，如Dreamweaver，下面分别进行讲述。 HTML是一个以文字为基础的语言，并不需要什么特殊的开发环境，可以直接在Windows自带的记事本中编写。HTML文档以.html为扩展名，将HTML源代码输入记事本并保存，可以在浏览器中打开文档以查看其效果。使用记事本手工编写HTML页面的具体操作步骤如下。 （1）在Windows系统下，执行“开始”→“所有程序”→“附件”→“记事本”命令，新建一个记事本，在记事本中输入代码，如图1-1所示。 （2）编写完HTML文件后，执行“文件”→“保存”命令，弹出“另存为”对话框，在对话框
HTML语言入门教程
语言入门教程(一) 第一课基础 Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名>来表示标志的开始和结束(例如标志对)，因此在Html文档中这样的标志对都必须是成对使用的。 当我们畅游Internet时，我们透过浏览器所看到的网站，是由HTML (HyperText Markup Language) 语言所构成。HTML ( 超文件标记语言 ) 是一种建立网页文件的语言，透过标记式的指令 (Tag)，将影像、声音、图片、文字等连结显示出来。 HTML标记是由 < 和 > 所括住的指令，主要分为 : 单标记指令、双标记指令 ( 由 < 起始标记 >，< / 结束标记 >所构成 ) 。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑，完成后 ( 以 .htm
.html 为文件后缀保存 ) 将HTML网页文件由浏览器打开显示，若测试没有问题则可以放到服务器 (Server) 上，对外发布信息。 HTML文件基本架构  文件开始  标头区开始  标题区  标头区结束  本文区开始 本文区内容  本文区结束  文件结束  网页文件格式。  标头区 : 记录文件基本资料，如作者、编写时间。    页面元素及内容部分   第三部分：看页面效果图，写出HTML代码 1、当鼠标光标移动至段落上时，要求显示字幕信息“我是段落”。 
我是一级标题
 
这是一个段落  2、有一幅鲜花图片，名称为“flower.jpg”,假设图片与网页文件在同一个文件夹内，设置鲜花图片的高度为85px，宽度为100px，并要求实现鼠标指针停留在图片上时，显示字幕“鲜花”。
HTML基础试题》
《H T M L基础试题》 一、单项选择题： 1、下面哪一个属性不是文本的标签属性？（） A．  B．size C．color D．face 2、当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。 （） A．ASP B．HTML C．ZIP D．CGI 3、关于文本水平对齐，源代码设置不正确的一项是：（） A．居中对齐：
…
 B．居右对齐：
…
 C．居左对齐：
…
 D．两端对齐：
…
 4、下面哪一项是换行符标签？（） A． B． C．
 D． 5、下列哪一项是在新窗口中打开网页文档。（） A．_self B．_blank C．_top D．_parent 6、下面对JPEG格式描述不正确的一项是。（）
A．照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B．JPEG支持很高的压缩率，因此其图像的下载速度非常快 C．最高只能以256色显示的用户可能无法观看JPEG图像 D．采用JPEG格式对图片进行压缩后，还能再打开图片，然后对它重新整饰、 编辑、压缩 7、常用的网页图像格式有____和_____( ) A.gif，tiff B．tiff，jpg C．gif，jpg D．bmp，png 8、下面说法错误的是( ) A.CSS样式表可以将格式和结构分离 B．CSS样式表可以控制页面的布局 C.CSS样式表可以使许多网页同时更新 D．CSS样式表不能制作体积更小下 载更快的网页 9、CSS样式表不可能实现( )功能。 A将格式和结构分离 B．一个CSS文件控制多个网页 C.控制图片的精确位置 D．兼容所有的浏览器 10、在HTML中，( )不是链接的目标属性。 A.self B．new C．blank D．top 11、在网页设计中，( )是所有页面中的重中之重，是一个网站的灵魂所在。 A．标题栏 B．脚本页面 C.导航栏 D．页面内容 12、为了标识一个HTML文件应该使用的HTML标记是( )。 A．  B． C． D．
HTML基础语言
定义和用法 标签，是用在网页中的一种HTML标签，表示网页的主体部分，也就是用户可以看到的内容，可以包含文本、图片、音频、视频等各种内容！ 格式一般如下：      存入网页的主体部分内容如： 
；代表表格 ；代表行 ；代表段落 ；代表单元格 ；代表行  ；代表段落 
；代表单元格 ..... 
；代表表格 ...   超链接文字的颜色 为了突出超链接，超链接文字通常采用与其它文字不同的颜色，超链接文字的下端还会加一个横线。 HTML文字的超链接文字有默认的颜色，在标记中也可自定义这些颜色。有3个属性： ⑴link：未访问过的超链接颜色 ⑵vlink：已访问过的超链接颜色 ⑶alink：鼠标点击超链接时的颜色 如： 文档边缘 默认情况下，文档显示的位置与浏览器的边框有一定的距离。在标记中可以通过添加属性自定义文档边缘与窗口的距离。 ⑴topmargin：文档上边的边缘大小 ⑵leftmargin：文档左边的边缘大小
⑶rightmargin：文档右边的边缘大小 ⑷bottommargin：文档下边的边缘大小 如： 在这里边缘大小的单位是“像素”。 对齐属性，范围属性： ALIGN=LEFT,左对齐（缺省值）,WIDTH=象素值或百分比，对象宽度. ALIGN=CENTER，居中，HEIGHT=象素值或百分比，对象高度. ALIGN=RIGHT，右对齐. 色彩属性： COLOR=#RRGGBB，前景色，参考色彩对照表. BGCOLOR=#RRGGBB，背景色. 基本结构标签： ；，表示该文件为HTML文件 ；，包含文件的标题，使用的脚本，样式定义等 ；，包含文件的标题，标题出现在浏览器标题栏中 ,；的结束标志 ；，放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示. ,；的结束标志 ,；的结束标志 其它主要标签，以下所有标志用在；中： ；，链接标志，"…"为链接的文件地址 ；，显示图片标志，"…"为图片的地址 
；，换行标志 
；，分段标志 ；，采用粗体字 ；，采用斜体字 
；，水平画线 ；，定义表格，HTML中重要的标志 ；，定义表格的行，用在；中 ；，定义表格的单元格，用在；中 ；，字体样式标志 属性： 属性是用来修饰标志的，属性放在开始标志内. 例：属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子： ；表示页面背景色为黑色； ；表示表格背景色为黑色.
HTML语言基本格式
2.1.2 HTML文件 3.标记的属性 <标记属性1＝属性值属性2＝属性值…> 内容 属性示例 * 2.1.2 HTML文件 1.HTML文件的组成 1)标记：单标记指令、双标记指令 2)文字、图形资料（被标记的内容） 3）uml（Uniform Resource Locator） 2.标记（tag）：单标记指令、双标记指令 格式：<标记>内容 
  * 2.1.2 HTML文件 4. HTML文档的结构 包括HEAD、BODY两部分，下面是基本结构：   标题部分   正文部分   *文件的打开 2.2.1简单标记认识与使用 4. HTML文件主体标记 格式：…文件主体标记。 注意：与为独立的两个部分，不能互相嵌套。 1．属性概述 background属性 bgcolor 属性 Text属性 link ，vlink，alink属性*颜色 5.注释标记 * 2.2.2 段落和文字标记 1．标题标记 格式：
…
，
…
…
…
设置各种大小不同标题的标记。* 2.字体设置标记 格式：… 功能：设置字体格式标记。 标记提供了几种属性： size：设置文字的大小(字号)。 face：设置字体（字体）。
color：设置文字的颜色。* 3.设置字型 文字的风格：加粗、斜体、下划线、上下标 2.2.2段落和文字标记 4．强制换行 格式：文字
 段落标记 格式：
[…
]设置段落标记。* 5．分区显示标记 格式：
…
分区显示标记。* 6．水平线 格式：
插入水平线标记。 
* 7.特殊符号：< > 2.2.3 建立超级链接 超链接： 1.热点标记： 超级链接格式：…* 2.创建指向其他页面的链接 热点* 3.创建指向本页面的链接 定义两个标记： 超链接标记热点 书签标记热点 *2.2.4 加入图片 1.图片的文件格式：jpeg gif 2. 设置页面的背景： 背景色： 图片作背景：* 3.图片标记：  1)图片尺寸：width height * 2)图片布局：align * 
 3)图片与文本间的空白 hspace vspace * 4)图片作为超链接 ** 2.3.1列表标记 1．无序列表 格式： 
 
…
HTML语言基础练习题
第一部分：基础词汇1、单词 head，头body，身体block，块inline，一行内width，宽度height，高度image，图像title，标题parent，父亲blank，空白的table，表格row，行character，字符 column，列 caption，说明文字 list，列表 form，表单 type，类型 input，输入 text，文本 password，密码 value，值 select，选择 option，选项 textarea，文本域 submit，提交 button，按钮 reset，重置 action，动作 method，方法 target，目标 left，左 right，右 center，中 top，上 bottom，下 2、词语缩写 术语：HTML，HyperText Markup Language，超级文本标记语言 术语：URL，Uniform Resoure Locator，统一资源定位器 术语：HTTP，Hyper Text Transfer Protocol，超文本传输协议 术语：WWW，World Wide Web，万维网 术语：IP，Internet Protocol，网络互连协议 属性：src，source，源 属性：href，hypertext reference，超文本引用 属性：id，identification，身份证、唯一标识 属性：class，类别 属性：title，标题、字幕 属性：style，样式 标签：a，anchor，锚或超链接 标签：div，division，部分区域 标签：ul，unordered lists，无序列表 标签：ol，ordered lists，有序列表 标签：img，image，图像 标签：p，paragraph，段落 标签：meta，metadata，元数据、描述信息的数据 第二部分：HTML基本结构（以html5为例）        页面元素及内容部分   第三部分：看页面效果图，写出HTML代码 1、当鼠标光标移动至段落上时，要求显示字幕信息“我是段落”。
新手学习老知识(一)HTML语言基础
新手学习老知识（一）HTML语言基础 一、为什么要？ 近两年来，许多公司开发出了图形化的HTML开发工具，使得网页的制作变得非常简单。如微软公司推出的 Microsoft FrontPage， Adobe公司推出的Adobe Pagemill， Micromedia公司推出的Dreamweaver等编辑工具，都被称 为“所见即所得”的工具。这些图形化的开发工具可以直接处理网页，而不用 书写费劲的标记。这使得用户在没有HTML语言基础的情况下，照样可以编写网页。这时，编写HTML文档的任务由开发工具替你完成了。这是网页图形编辑 工具的最大成功之处，但也是它们的最大不足之处。受到图形编辑工具自身的 约束，将产生大量的垃圾代码。原因很简单，我举一个简单的例子你就明白了。比如：在网页设计一个表格，若是每个单元格的宽度和高度让它根据其中的内 容自动确定，HTML只要你告诉它是表格和单元格的排列顺序（也就是行列数） 就行了，但因为图形化开发工具无法得知你的这种特殊要求，所以只能取一般 要求，把每个单元格的宽度和高度都定义起来，从而增加了许多代码。所以一 个明智的网页编写者应该在掌握图形编辑工具的基础上进一步学会HTML语言，从而知道那些是垃圾代码，这样，我们就可以利用图形化HTML开发工具快速成地做出网页，又会消除无用的代码，从而达到快速制作高质量网页的目的。 二、如何用HTML？ HTML语言，又称超文本标记语言，是英文Hyper Text Markup Language 的缩写。HTML语言作为一种标识性的语言，是由一些特定符号和语法组成的， 所以理解和掌握都是十分容易的。可以说，HTML语言在所有的计算机编程语言 中是最简单易学的。组成HTML的文档都是ASCIlI档，所以创建HTML文件十 分简单，只需一个普通的字符编辑器即可。如 Wndows中的记事本、写字板都 可以使用。也可以采用专用的 HTML 编辑工具：如 CoffeeHTML、 Homesite、HTMLedit Pro等工具，它们的特点是能够自动检查HTML文档中的语法错误并 协助改正。由于有了图形化的HTML开发工具，使得我们更加容易，我们可以先用它制作好网页，再在它附带的HTML代码编辑器在删去那些无用的代码，利用它的所见即所得特性，从而使我们很快就能熟炼地掌握HTML。特别是Micromedia 公司最近发布的Dreamweaver4，可以把源代码编辑器和网页编辑 器放在同一个窗口中，真是方便极了。 三、HTML基本概念 1、标记 HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。标记在使用是必须用方括号“<>”括起来，而且是成对出现，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。如 表示一个表格的开始，
HTML语言基础教程
HTML基本概念 什么是HTML文件？ HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。 和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。 这就试写一个HTML文件吧！ 打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成first.html。      This is my first homepage. This text is bold   要浏览这个first.html文件，双击它。或者打开浏览器，在File菜单选择Open，然后选择这个文件就行了。 示例解释 这个文件的第一个Tag是，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是，表示HTML文件到此结束。 在和之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。 在之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。 在和之间的信息，是正文。 在和之间的文字，用粗体表示。顾名思义，就是bold的意思。 HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如，等，通过这些Tag，可以告诉浏览器如何显示这个文件。 HTML元素(HTML Elements) HTML元素(HTML Element)用来标记文本，表示文本的内容。比如body, p, title就是HTML 元素。 HTML元素用Tag表示，Tag以<开始，以>结束。 Tag通常是成对出现的，比如。起始的叫做Opening Tag，结尾的就叫做Closing Tag。 目前HTML的Tag不区分大小写的。比如，和其实是相同的。 HTML元素(HTML Elements)的属性 HTML元素可以拥有属性。属性可以扩展HTML元素的能力。 比如你可以使用一个bgcolor属性，使得页面的背景色成为红色，就像这样：
《HTML基础试题》
《HTML基础试题》 一、单项选择题： 1、下面哪一个属性不是文本的标签属性？（） A．  B．size C．color D．face 2、当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（） A．ASP B．HTML C．ZIP D．CGI 3、关于文本水平对齐，源代码设置不正确的一项是：（） A．居中对齐：
…
 B．居右对齐：
…
 C．居左对齐：
…
 D．两端对齐：
…
 4、下面哪一项是换行符标签？（） A． B． C．
 D． 5、下列哪一项是在新窗口中打开网页文档。（） A．_self B．_blank C．_top D．_parent 6、下面对JPEG格式描述不正确的一项是。（） A．照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B．JPEG支持很高的压缩率，因此其图像的下载速度非常快 C．最高只能以256色显示的用户可能无法观看JPEG图像 D．采用JPEG格式对图片进行压缩后，还能再打开图片，然后对它重新整饰、编辑、压缩 7、常用的网页图像格式有____和_____( ) A.gif，tiff B．tiff，jpg C．gif，jpg D．bmp，png 8、下面说法错误的是( ) A.CSS样式表可以将格式和结构分离 B．CSS样式表可以控制页面的布局 C.CSS样式表可以使许多网页同时更新 D．CSS样式表不能制作体积更小下载更快的网页 9、CSS样式表不可能实现( )功能。 A将格式和结构分离 B．一个CSS文件控制多个网页 C.控制图片的精确位置 D．兼容所有的浏览器 10、在HTML中，( )不是链接的目标属性。 A.self B．new C．blank D．top 11、在网页设计中，( )是所有页面中的重中之重，是一个网站的灵魂所在。 A．标题栏 B．脚本页面 C.导航栏 D．页面内容 12、为了标识一个HTML文件应该使用的HTML标记是( )。 A．  B． C． D． 13、在客户端网页脚本语言中最为通用的是( ) A.JavaScript B.VB C．Perl D.ASP 14、在HTML中，标记的属性：“Size”所能取的最大取值是( ) A.6 B．7 C．8 D．9 15、下面不属于CSS插入形式的是( ) A.索引式 B．内联式 C．嵌入式 D．外部式 16、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( ) A．http:// B．https:// C．shttp:// D．SSL://
HTML基础知识
HTML 学习任何一门语言，都要首先掌握它的基本格式，就像写信需要符合书信的格式要求一样。HTML标记语言也不例外，同样需要遵从一定的规范。接下来将具体讲解HTML文档的基本格式。 HTML文档的基本格式主要包括文档类型声明、根标记、头部标记、主体标记，具体介绍如下： （1） 标记  标记位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML（可扩展超文本标记语言）标准规范，必需在开头处使用标记为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有效的XHTML文档，并按指定的文档类型进行解析。 （2） 标记 标记位于 标记之后，也称为根标记，用于告知浏览器其自身是一个 HTML 文档， 标记标志着HTML文档的开始，标记标志着HTML文档的结束，在它们之间的是文档的头部和主体内容。 在之后有一串代码“xmlns=""”用于声明XHTML统一的默认命名空间。 （3）标记 标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在标记之后，主要用来封装其他位于文档头部的标记，例如标记  （2） 标记 标记用于定义页面的元信息，可重复出现在头部标记中，在HTML中是一个单标记。标记本身不包含任何内容，通过“名称/值”的形式成对的使用其属性可定义页面的相关参数，例如为搜索引擎提供网页