文档库 最新最全的文档下载
当前位置:文档库 › HTML基础语言

HTML基础语言

HTML基础语言
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"表示背景色为黑色.

引用属性的例子:

;表示页面背景色为黑色;

;表示表格背景色为黑色.

常用属性:

对齐属性,范围属性:

ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度. ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.

ALIGN=RIGHT,右对齐.

色彩属性:

COLOR=#RRGGBB,前景色,参考色彩对照表.

BGCOLOR=#RRGGBB,背景色.

;表示绝对居中.

;表格标识的开始和结束.

属性:

cellpadding=数值单位是像素,定义表元内距

cellspacing=数值单位是像素,定义表元间距

border=数值单位是像素,定义表格边框宽度

width=数值单位是像素或窗口百分比,定义表格宽度

background=图片链接地址,定义表格背景图

;表格中一个表格行的开始和结束;

;表格中行内一个单元格的开始和结束

属性:

Colspan="",单元格跨越多列;

Rowspan="",单元格跨越多行;

Width="";定义表格宽度

Height="";定义表格高度

Align="";对齐方式

Valign="";

Border="",边框宽度;

Bgcolor="",背景色;

Bordercolor="",边框颜色;

Bordercolorlight="",边框明亮面的颜色;

Bordercolordark="",边框暗淡面的颜色;

Cellpadding="",内容与边框的距离(默认为2);

Cellspacing="",单元格间的距离(默认为2);


;强制换行

;文本标识的开始和结束

属性:

face=字体

color=颜色

;加粗文字标识的开始和结束

属性:

style=font-size:40pt;,用样式表方式控制字体大小,这里是40点

;,分区标识的开始和结束

属性:

align=|center|left|right|水平对齐方式

;动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动

属性:

scrollamount=1~60,滚动速度

direction=|left|right|up|down|,滚动方向

scrolldelay=滚动延时,单位:毫秒

;段落标识,

空格符,

;贴图标识

属性:

src=../../图片链接地址,贴图标识必备属性

style=filter:Alpha(opacity=100,style=2);

filter:样式表滤镜;

Alpha:透明滤镜,

opacity:不透明度100(0~100);

style:样式2(0~3),

rules="none"不显示内框"

;多媒体文件标识

属性:

SRC="../../FILENAME",

设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf 和.mov等视频.

AUTOSTART=TRUE/FALSE,

是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false 为播放一次即停止.

STARTIME="分:秒",

设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20

VOLUME=0-100,

设定音量的大小.如果没设定的话,就用系统的音量.

WIDTH,HEIGHT,

设定控制面板的大小,都设为0可隐藏播放器

HIDDEN=TRUE,

隐藏控制面板

CONTROLS=CONSOLE/SMALLCONSOLE,

设定控制面板的样子,

;,背景音乐标识,只能用于.wav和.mp3格式.

属性:

LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false 为播放一次即停止.

表单标签:

;表格标识的开始和结束,表单的内容都放在这里.

下边的标签放在表单内:

属性:

Multiple,多选

;,大量文字输入的编辑块

属性:

Cols="",行;

Rows="",列;

;,文本框

;,密码框

;,提交按扭

;,复选框

;,单选框

;,重置按扭

;,图片按扭

;,隐藏域

;,按扭

;,浏览文件

公共属性:

Name="";

Value=""

Size=""

框架标签:

...;,定义框架.

;,放在框架标签内,定义每个框架的内容.

属性:

Cols=""

Rows=""

Frameborder=""

Framespacing=""

src=""

Scrolling="",滚动条(No,Yes);

Noresize,框加大小不可变;

Marginhight="",高度空余空间;

Marginwidth="",宽度空余空间;

Target="",目标框架.

其他标签:

;,背景音乐;

Src=""

Loop="",循环次数;

;,媒体播放块;

Src=""

Loop="",循环次数;

;,滚动部分;

属性:

Bgcolor=""

Behavior,设置或获取文本如何在字幕中滚动.

Direction="",滚动方向;

Height=""

Width=""

Loop="",环次数;

scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数.

scrollDelay="",设置或获取字幕滚动的速度.

scrollHeight="",获取对象的滚动高度;

scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.

scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离.

trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算,已过的实际时间来自于时钟计时.

;,注释标记,在""之间的内容将不在浏览器中显示.

--

基本标签:

;,创建一个HTML文档;

;,设置文档标题和其它在网页中不显示的信息;

;,设置文档的标题;

;,最大的标题;

;,预先格式化文本;

;,下划线

;,黑体字;

;,斜体字;

;,打字机风格的字体;

;,引用,通常是斜体;

;,强调文本(通常是斜体加黑体);

;,加重文本(通常是斜体加黑体);

;,设置字体大小从1到7,颜色使用名字或RGB的十六进制值;

;,基准字体标记;

;,字体加大;

;,字体缩小;

;,加删除线;

;,程式码;

;,键盘字;

;,范例;

;,变量;

;,向右缩排;

;,述语定义;

;,地址标记;

;,上标字;

;,下标字;

...;固定宽度字体(在文件中空白、换行、定位功能有效)

...</plaintext>;固定宽度字体(不执行标记符号);</p><p><listing>...</listing>;,固定宽度小字体;</p><p><font,color=00ff00>...</font>;字体颜色;</p><p><font,size=1>...</font>;最小字体;</p><p><font,style,='font-size:100,px'>...</font>;无限增大.</p><p>格式标签:</p><p><p></p>;,创建一个段落;</p><p><p,align="">;,将段落按左、中、右对齐;</p><p><br>;,换行,插入一个回车换行符;</p><p><blockquote></blockquote>;,从两边缩进文本;</p><p><dl></dl>;,列表标签,定义列表;</p><p><dt>;,定义列表标题;</p><p><dd>;,定义列表内容;</p><p>例:</p><!--/p7--><!--p8--><p><dl></p><p><dt>;标题1</dt></p><p><dd>;内容11</dd></p><p><dd>;内容12</dd></p><p><dt>;标题2</dt></p><p><dd>;内容21</dd></p><p><dd>;内容22</dd></p><p></dl></p><p><ol></ol>;,列表标签,定义一个标有数字的列表;</p><p><ul></ul>;,列表标签,定义一个标有圆点的列表;</p><p><li>;,放在每个列表项之前;</p><p>放在<ol></ol>;之间则每个列表项加上一个数字,放在<ul></ul>;之间则每个列表项加上一个圆点;</p><p><div,align=""></div>;,分区标签,用来排版大块HTML段落,也用于格式化表;</p><p><MENU>;,选项清单;</p><p><DIR>;,目录清单;</p><p><nobr></nobr>;,强行不换行;</p><p><hr size='9',width='80%',color='ff0000'>;水平线(设定宽度);</p><p><center></center>;,水平居中.</p><p>链接标签:</p><p><a href="URL"></a>;,创建超文本链接;</p><p><a href="mailtEMAIL"></p><p></a>;,创建自动发送电子邮件的链接;</p><p><a name="name"></a>;,创建位于文档内部的书签;</p><p><a href="#name"></a>;,创建指向位于文档内部书签的链接;</p><p><BASE>;,文档中不能被该站点辨识的其它所有链接源的URL;</p><p><LINK>;,定义一个链接和源之间的相互关系;</p><p>链接标签注解:</p><p>target="...",决定链接源在什么地方显示(用户自定义的名字,</p><p>_blank,_parent,_self,_top);</p><p>rel="...",发送链接的类型;</p><p>rev="...",保存链接的类型;</p><p>accesskey="...",指定该元素的热键;</p><p>shape="...",允许我们使用已定义的形状定义客户端的图形镜像</p><p>(default,rect,circle,poly);</p><p>coord="...",使用像素或者长度百分比来定义形状的尺寸;</p><p>tabindex="...",使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点).</p><!--/p8--><!--p9--><p>表格标签:</p><p><table></table>;,创建一个表格;</p><p><tr></tr>;,表格中的每一行;</p><p><td></td>;,表格中一行中的每一个格子;</p><p><th></th>;,设置表格头:通常是黑体居中文字;</p><p><table cellspacing="">;,设置表格格子之间空间的大小;</p><p><table border="">;,设置边框的宽度;</p><p><table cellpadding="">;,设置表格格子边框与其内部内容之间空间的大小;</p><p><table width="">;,设置表格的宽度.用绝对像素值或总宽度的百分比;</p><p><table align="">;,设置表格格子的水平对齐方式(left,center,right,justify);</p><p><tr align="">;,设置表格格子的水平对齐方式(left,center,right,justify);</p><p><tr valign="">;,设置表格格子的垂直对齐方式(baseline,bottom,middle,top);</p><p><td colspan="">;,设置一个表格格子跨占的列数(缺省值为1);</p><p><td rowspan="">;,设置一个表格格子跨占的行数(缺省值为1);</p><p><td nowrap>;,禁止表格格子内的内容自动断行;</p><p><CAPTION></CAPTION>;,表格的标题;</p><p><COLGROUP></COLGROUP>;,定义多个列为一组列;</p><p><TABLE></TABLE>;,创建一个表格;</p><p><THEAD></THEAD>;,定义表格的页眉;</p><p><COL>;,定义一个列组中的列,以便对它们能够同时设置有关属性;</p><p><TBODY></TBODY>;,定义一个表格的实体;</p><p><TFOOT></TFOOT>;,定义一个表格的页脚;</p><p>表单标签:</p><p><form></form>;,创建表单;</p><p>action="...",接收数据的服务器的URL;</p><p>method="...",HTTP的方法(get,,post),其中get是被反对使用的;</p><p>enctype="...",指定MIME(Internet媒体类型);</p><p>onsubmit="...",当提交表单时发生的内部事件;</p><p>noreset="...",在重新设置表单时发生的内部事件;</p><p>target="...",决定把内容显示在什么地方(_blank,_parent,_self,_top)</p><p><select multiple name="name" size=""></select>;,创建滚动菜单,size设置在需要滚动前可以看到的表单项数目;</p><p><option>;,设置每个表单项的内容;</p><p><select name="name"></select>;,创建下拉菜单;</p><p><textarea name="name" cols=40 rows=8></textarea>;,创建一个文本框区域,列的数目设置宽度,行的数目设置高度;</p><p><input type="checkbox",name="name">;,创建一个复选框,文字在标签后面;</p><p><input type="radio",name="name",value="">;,创建一个单选框,文字在标志后面;</p><!--/p9--><!--p10--><p><input type=text,name="foo",size=20>;,创建一个单行文本输入区域,size设置以字符串的宽度;</p><p><input type="submit",value="name">;,创建提交(submit)按钮;</p><p><input type="image",border=0,name="name",src="name.gif">;,创建一个使用图象的提交(submit)按钮;</p><p><input type="reset">;,创建重置(reset)按钮;</p><p><BUTTON></BUTTON>;,创建一个按钮;</p><p>disabled="...",把按钮的状态设置为不能;</p><p>name="...",按钮的控制名,value="...",按钮的值;</p><p>type="...",按钮的类型(button,,submit,,reset);</p><p><FIELDSET></FIELDSET>,把相互关联的控件组合成一组;</p><p><ISINDEX>;,提示用户输入;</p><p><LABEL></LABEL>;,为一个控件提供标签;</p><p><LEGEND></LEGEND>;,为FIELDSET元素指定一标题;</p><p><SELECT></SELECT>;,为用户做选择创建各个选项;</p><p><TEXTAREA></TEXTAREA>;,创建一个允许用户多行输入的区域.</p><p>表单标签注解:</p><p>type="...",用于输入控件的类型</p><p>(text,password,checkbox,radio,submit,reset,file,hidden,image,button);</p><p>name="...",控件的控制名(要求是除了submit和reset之外的任何名字);</p><p>value="...",控件的初始值;</p><p>checked="...",把一个单选钮设置为选中的状态;</p><p>disabled="...",把控件的状态设置为不能使用;</p><p>readonly="...",只对输入密码的文本框使用;</p><p>size="...",表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目;</p><p>src="...",一个图像控件的URL;</p><p>maxlength="...",指定可以输入的最多的字符数目;</p><p>alt="...",另外一种文本描述;</p><p>usemap="...",到客户端图形镜像的URL;</p><p>align="...",被反对.控制对齐方式(left,,center,,right,,justify);</p><p>tabindex="...",通过定义的tabindex值确定在不同元素之间获得焦点的顺序;</p><p>onfocus="...",当元素获得焦点时发生的事件;</p><p>onblur="...",当元素失去焦点时发生的事件;</p><p>onselect="...",当元素被选中时发生的事件;</p><p>onchang="...",当元素状态被改变时发生的事件;</p><p>accept="...",允许上载的文件类型.</p><p>帧标签(框架标签):</p><!--/p10--><!--p11--><p><frameset></frameset>;,放在一个帧文档的<body>;标签之前,也可以嵌在其他帧文档中;</p><p><frameset rows="value,value">;,定义一个帧内的行数,可用像素值或高度百分比;</p><p><frameset cols="value,value">;,定义一个帧内的列数,可用像素值或宽度百分比;</p><p><frame>;,定义一个帧内的单一窗或窗区域;</p><p><noframes></noframes>;,定义在不支持帧的浏览器中显示什么提示;</p><p><frame src="URL">;,规定帧内显示的HTML文档;</p><p><frame name="name">;,命名帧或区域以便别的帧可以指向它;</p><p><frame marginwidth="">;,定义帧左右边缘的空白大小,必须大于等于1;</p><p><frame marginheight="">;,定义帧上下边缘的空白大小,必须大于等于1;</p><p><frame scrolling="">;,设置帧是否有滚动栏,其值可以是"yes","no",或"auto";</p><p><frame noresize>;,禁止用户调整一个帧的大小;</p><p><IFRAME></IFRAME>;,创建一个内联的帧;</p><p>scr="...",定义在帧中显示的内容的来源;</p><p>frameborder="...",定义帧之间的边界(0或1);</p><p>align="...",被反对,控制对齐方式(left,,center,,right,,justify);</p><p>height="...",帧的高度,width="..."帧的宽度;</p><p><marquee>...</marquee>;,普通卷动;</p><p><marquee behavior=slide>...</marquee>;,滑动;</p><p><marquee behavior=scroll>...</marquee>;,预设卷动;</p><p><marquee behavior=alternate>...</marquee>;,来回卷动;</p><p><marquee direction=down>...</marquee>;,向下卷动;</p><p><marquee direction=up>...</marquee>;,向上卷动;</p><p><marquee direction=right></marquee>;,向右卷动;</p><p><marquee direction='left'></marquee>;,向左卷动;</p><p><marquee loop=2>...</marquee>;,卷动次数;</p><p><marquee width=180>...</marquee>;,设定宽度;</p><p><marquee height=30>...</marquee>;,设定高度;</p><p><marquee bgcolor=FF0000>...</marquee>;,设定背景颜色;</p><p><marquee scrollamount=30>...</marquee>;,设定卷动距离;</p><p><marquee scrolldelay=300>...</marquee>;,设定卷动时间;</p><p><img src="">;,插入图片,参数有:width="宽",alt="说明文字",height="高",boder="边框".</p><p>文档整体属性标签:</p><p><body bgcolor="">;,设置背景颜色.使用名字或RGB的十六进制值;</p><p><body background="">;,设置背景图片;</p><p><body bgsound="">;,设置背景音乐;</p><p><body bgproperties="fixed">;,固定背景图片(IE适用);</p><!--/p11--><!--p12--><p><body text="">;,设置文本颜色.使用名字或RGB的十六进制值;</p><p><body link="">;,设置链接颜色.使用名,字或RGB的十六进制值;</p><p><body vlink="">;,设置已使用的链接的颜色.使用名字或RGB的十六进制值;</p><p><body alink="">;,设置正在被击中的链接的颜色.使用名字或RGB的十六进制值;<body topmargin="">;,设置页面的上边距;</p><p><body leftmargin="">;,设置页面的左边距.</p><p>可选的属性</p><p>DTD 指示此属性允许在哪种DTD 中使用。S=Strict, T=Transitional, F=Frameset.</p><!--/p12--><!--rset--><h2>《HTML基础试题》</h2><p>《HTML基础试题》 一、单项选择题: 1、下面哪一个属性不就是文本的标签属性?( ) A.&nbsp; B.size C.color D.face 2、当链接指向下列哪一种文件时,不打开该文件,而就是提供给浏览器下载。( ) A.ASP B.HTML C.ZIP D.CGI 3、关于文本水平对齐,源代码设置不正确的一项就是:( ) A.居中对齐:<div align="middle">…</div> B.居右对齐:<div align="right">…</div> C.居左对齐:<div align="left">…</div> D.两端对齐:<div align="justify">…</div> 4、下面哪一项就是换行符标签?( ) A.<body> B.<font> C.<br> 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.<boby></body> C.<html></html> D.<table></table> 13、在客户端网页脚本语言中最为通用的就是( ) A、JavaScript B、VB C.Perl D、ASP 14、在HTML中,标记<font>的属性:“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://</p><h2>HTML语言与网页设计期末考试题</h2><p>第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.制作图像映射只需要使用<AREA> 标记符。( 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.&Lt; C.&lt D.&lt; (3)以下有关列表的说法中,错误的是:。答案:D A.有序列表和无序列表可以互相嵌套。 B.指定嵌套列表时,也可以具体指定项目符号或编号样式。 C.无序列表应使用UL 和LI 标记符进行创建。 D.在创建列表时,LI 标记符的结束标记符不可省略。 (4)以下关于FONT标记符的说法中,错误的是:答案:D A.可以使用color 属性指定文字颜色。 B.可以使用size 属性指定文字大小(也就是字号)。 C.指定字号时可以使用1~7 的数字。 D.语句<FONT size="+2">这里是2号字</FONT> 将使文字以2号字显示。 (5)以下关于JPEG图像格式中,错误的是:答案:B A.适合表现真彩色的照片。 B.最多可以指定1024种颜色。 C.不能设置透明度。</p><h2>HTML语言入门教程</h2><p>语言入门教程(一) ?什么是HTML语言 HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言,由W3C(World Wide Web Consortium)所制定和更新。我们可以用任何一种文本编译起来编辑HTML文件,因为它就是一总纯文本文件。 ?HTML语言的基本结构 下面我们来看一小段HTML语言的代码,来了解HTML语言的基本结构: <html> <head> <title>HTML语言的基本结构</title> </head> <body> HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。 </body> </html> 将这一小段代码粘贴至文本文件中,然后选择“另存为”,将文件的后缀名改为.htm或者.html即可,然后再所在的目录下就可看到一个IE的图标,名字就是你所存的文件名称。 <html>…… ……</html> 这是声明HTML文件的语法格式。每一个HTML文件,都必须以<HTML>开头,以</HTML>结束<head>…… ……</head> 这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头,并不属于文件本体。</p><p><title>…… ……</title> 这是声明文件标题的语法格式。在这之中写下的所有内容,都将写在网页最上面的标题栏中。 <body>…… ……</body> 这是声明文件主体的语法格式。在者之间写下的内容都是文件的主体,也就是说将会被显示在客户区之中。 注意:几乎每一种HTML语言的语法都是以<>开头,以</>结束。在编辑HTML语言过程中,也可以使用注释。语法格式为:<!-文件注释->。就好像C语言中的/* …… …… */ 一样,中间的内容只是解释说明,并不被编译器所编译。 HTML语言的基本单位 1. 长度单位 长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性,同时也可以用来定义这些对象在页面上的位置等属性,用来描述页面上可能遇到的各种长度。 长度的表示方法有两种:绝对长度和相对长度。他们的单位都是像素(pixel)和百分比(%),像素代表的是屏幕上的每个点,而百分比代表的是相对于客户区的多少。下面我们就以水平线的宽度为例,说明这两种表示方法。 <html> <head> <title>HTML语言的长度表示</title> </head> <body> HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。 <hr width="500"><!绝对长度的声明> <hr width="50%"> <!相对长度的声明> </body> </html> 在文本编译器中编译,改变网页的大小,就会看到这两者表示长度方法的不同。</p><h2>HTML网页制作基础题试题与答案</h2><p>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.wendangku.net/doc/8b8914545.html, B .xxx@.net C.xxx@com D .xxx@https://www.wendangku.net/doc/8b8914545.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.居中对齐:<div align="middle"> ?</div> B.居右对齐:<div align="right"> ?</div> C.居左对齐:<div align="left"> ?</div> D.两端对齐:<div align="justify"> ?</div> 9. 下面哪一项是换行符标签?(C) A.<body> B .<font> C .<br> D. 10. 下列哪一项是在新窗口中打开网页文档。(B )A._self B ._blank C._top D._parent 11. 下面对JPEG格式描述不正确的一项是。( C ) A.照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快C.最高只能以256 色显示的用户可能无法观看JPEG图像 D.采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩</p><h2>HTML文件的基本结构</h2><p>1.1 HTML文件的基本结构 HTML的英文全称是Hyper Text Markup Language,它是网页超文本标记语言的缩写,是Internet 上用于编写网页的主要语言。HTML中每个用来作为标记的符号都可以看作是一条命令,它告诉浏览器应该如何显示文件的容。 1.1.1 HTML文件结构 一个完整的HTML文件由标题、段落、表格和文本等各种嵌入的对象组成,这些对象统称为元素,HTML使用标记来分隔并描述这些元素。实际上整个HTML文件就是由元素与标记组成的。 下面是一个HTML文件的基本结构。 <html>文件开始标记 <head>文件头开始的标记 ……文件头的容 </head>文件头结束的标记 <body>文件主体开始的标记 ……文件主体的容 </body>文件主体结束的标记 </html>文件结束标记 从上面的代码可以看出,HTML代码分为3部分,其中各部分含义如下。 <html>…</html>:告诉浏览器HTML文件开始和结束的位置,其中包括<head>和<body>标记。HTML文档中所有的容都应该在这两个标记之间,一个HTML文档总是以<html>开始,以</html>结束。 <head>…</head>:HTML文件的头部标记,在其中可以放置页面的标题以及文件信息等容,通常将这两个标签之间的容统称为HTML的头部。 <body>…</body>:用来指明文档的主体区域,网页所要显示的容都放在这个标记,其结束标记</body>指明主体区域的结束。 1.1.2 使用记事本手工编写HTML页面 编写HTML文件有两种方法,一种是利用记事本编写,另一种是在可视化网页制作软件中编写,如Dreamweaver,下面分别进行讲述。 HTML是一个以文字为基础的语言,并不需要什么特殊的开发环境,可以直接在Windows自带的记事本中编写。HTML文档以.html为扩展名,将HTML源代码输入记事本并保存,可以在浏览器中打开文档以查看其效果。使用记事本手工编写HTML页面的具体操作步骤如下。 (1)在Windows系统下,执行“开始”→“所有程序”→“附件”→“记事本”命令,新建一个记事本,在记事本中输入代码,如图1-1所示。 (2)编写完HTML文件后,执行“文件”→“保存”命令,弹出“另存为”对话框,在对话框</p><h2>HTML语言入门教程</h2><p>语言入门教程(一) 第一课基础 Html是英文 HyperText Markup Language 的缩写,中文意思是“超文本标志语言”,用它编写的文件(文档)的扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件,既简单又方便,它通常使用<标志名></标志名>来表示标志的开始和结束(例如<html></html>标志对),因此在Html文档中这样的标志对都必须是成对使用的。 当我们畅游Internet时,我们透过浏览器所看到的网站,是由HTML (HyperText Markup Language) 语言所构成。HTML ( 超文件标记语言 ) 是一种建立网页文件的语言,透过标记式的指令 (Tag),将影像、声音、图片、文字等连结显示出来。 HTML标记是由 < 和 > 所括住的指令,主要分为 : 单标记指令、双标记指令 ( 由 < 起始标记 >,< / 结束标记 >所构成 ) 。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑,完成后 ( 以 .htm</p><p>.html 为文件后缀保存 ) 将HTML网页文件由浏览器打开显示,若测试没有问题则可以放到服务器 (Server) 上,对外发布信息。 HTML文件基本架构 <HTML> 文件开始 <HEAD> 标头区开始 <TITLE>...</TITLE> 标题区 </HEAD> 标头区结束 <BODY> 本文区开始 本文区内容 </BODY> 本文区结束 </HTML> 文件结束 <HTML> 网页文件格式。 <HEAD> 标头区 : 记录文件基本资料,如作者、编写时间。 <TITLE> 标题区 : 文件标题须使用在标头区内,可以在浏览器最上面看到标题。 <BODY> 本文区 : 文件资料,即在浏览器上看到的网站内容。 注意事项</p><h2>HTML语言基础练习题</h2><p>如对你有帮助,请购买下载打赏,谢谢! 第一部分:基础词汇 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为例) <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>页面标题</title> </head> <body> 页面元素及内容部分 </body> </html> 第三部分:看页面效果图,写出HTML代码 1、当鼠标光标移动至段落上时,要求显示字幕信息“我是段落”。 <h1>我是一级标题</h1> <p title="我是段落">这是一个段落 2、有一幅鲜花图片,名称为“flower.jpg”,假设图片与网页文件在同一个文件夹内,设置鲜花图片的高度为85px,宽度为100px,并要求实现鼠标指针停留在图片上时,显示字幕“鲜花”。</p><h2>HTML基础试题》</h2><p>《H T M L基础试题》 一、单项选择题: 1、下面哪一个属性不是文本的标签属性?() A.&nbsp; B.size C.color D.face 2、当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。 () A.ASP B.HTML C.ZIP D.CGI 3、关于文本水平对齐,源代码设置不正确的一项是:() A.居中对齐:<div align="middle">…</div> B.居右对齐:<div align="right">…</div> C.居左对齐:<div align="left">…</div> D.两端对齐:<div align="justify">…</div> 4、下面哪一项是换行符标签?() A.<body> B.<font> C.<br> D. 5、下列哪一项是在新窗口中打开网页文档。() A._self B._blank C._top D._parent 6、下面对JPEG格式描述不正确的一项是。()</p><p>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.<boby></body> C.<html></html> D.<table></table></p><h2>HTML基础语言</h2><p>定义和用法 标签,是用在网页中的一种HTML标签,表示网页的主体部分,也就是用户可以看到的内容,可以包含文本、图片、音频、视频等各种内容! 格式一般如下: <html> <head> <title>;网页名称</title> </head> <body> 存入网页的主体部分内容如: <table>;代表表格 <tr>;代表行 ;代表段落 <td>;代表单元格 ..... </td>;代表单元格 </tr>;代表行 ;代表段落 </table>;代表表格 ... </body> </html> 超链接文字的颜色 为了突出超链接,超链接文字通常采用与其它文字不同的颜色,超链接文字的下端还会加一个横线。 HTML文字的超链接文字有默认的颜色,在标记中也可自定义这些颜色。有3个属性: ⑴link:未访问过的超链接颜色 ⑵vlink:已访问过的超链接颜色 ⑶alink:鼠标点击超链接时的颜色 如: 文档边缘 默认情况下,文档显示的位置与浏览器的边框有一定的距离。在标记中可以通过添加属性自定义文档边缘与窗口的距离。 ⑴topmargin:文档上边的边缘大小 ⑵leftmargin:文档左边的边缘大小</p><p>⑶rightmargin:文档右边的边缘大小 ⑷bottommargin:文档下边的边缘大小 如: 在这里边缘大小的单位是“像素”。 对齐属性,范围属性: ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度. ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度. ALIGN=RIGHT,右对齐. 色彩属性: COLOR=#RRGGBB,前景色,参考色彩对照表. BGCOLOR=#RRGGBB,背景色. 基本结构标签: <HTML>;,表示该文件为HTML文件 <HEAD>;,包含文件的标题,使用的脚本,样式定义等 <TITLE>---</TITLE>;,包含文件的标题,标题出现在浏览器标题栏中 </HEAD>,<HEAD>;的结束标志 <BODY>;,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. </BODY>,<BODY>;的结束标志 </HTML>,<HTML>;的结束标志 其它主要标签,以下所有标志用在<BODY></BODY>;中: <A,HREF="…"></A>;,链接标志,"…"为链接的文件地址 <IMG,SRC="…">;,显示图片标志,"…"为图片的地址 <BR>;,换行标志 <P>;,分段标志 <B></B>;,采用粗体字 <I></I>;,采用斜体字 <HR>;,水平画线 <TABLE></TABLE>;,定义表格,HTML中重要的标志 <TR></TR>;,定义表格的行,用在<TABLE></TABLE>;中 <TD></TD>;,定义表格的单元格,用在<TR></TR>;中 <FONT></FONT>;,字体样式标志 属性: 属性是用来修饰标志的,属性放在开始标志内. 例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子: <BODY bgcolor="BLACK"></BODY>;表示页面背景色为黑色; <TABLE bgcolor="BLACK"></TABLE>;表示表格背景色为黑色.</p><h2>HTML语言基本格式</h2><p>2.1.2 HTML文件 3.标记的属性 <标记属性1=属性值属性2=属性值…> 内容</标记> <font size=3 color=red>属性示例</font> * 2.1.2 HTML文件 1.HTML文件的组成 1)标记:单标记指令、双标记指令 2)文字、图形资料(被标记的内容) 3)uml(Uniform Resource Locator) 2.标记(tag):单标记指令、双标记指令 格式:<标记>内容</标记> <br> <title>HTML实例</title> * 2.1.2 HTML文件 4. HTML文档的结构 包括HEAD、BODY两部分,下面是基本结构: <HTML> <HEAD> 标题部分 </HEAD> <BODY> 正文部分 </BODY> </HTML> *文件的打开 2.2.1简单标记认识与使用 4. HTML文件主体标记 格式:<BODY>…</BODY>文件主体标记。 注意:<HEAD>与<BODY>为独立的两个部分,不能互相嵌套。 1.<BODY>属性概述 background属性 bgcolor 属性 Text属性 link ,vlink,alink属性*颜色 5.注释标记 * 2.2.2 段落和文字标记 1.标题标记 格式:<H1>…</H1>,<H2>…</H2>…<H6>…</H6>设置各种大小不同标题的标记。* 2.字体设置标记 格式:<FONT>…</FONT> 功能:设置字体格式标记。 <FONT>标记提供了几种属性: size:设置文字的大小(字号)。 face:设置字体(字体)。</p><p>color:设置文字的颜色。* 3.设置字型 文字的风格:加粗、斜体、下划线、上下标 2.2.2段落和文字标记 4.强制换行 格式:文字<br> 段落标记 格式:<P>[…</P>]设置段落标记。* 5.分区显示标记 格式:<DIV [align=center|left|right]>…</DIV>分区显示标记。* 6.水平线 格式:<HR>插入水平线标记。 <hr align size width color noshade>* 7.特殊符号:< > 2.2.3 建立超级链接 超链接: 1.热点标记: 超级链接格式:<A herf name target>…</A>* 2.创建指向其他页面的链接 <A herf =“”>热点</A>* 3.创建指向本页面的链接 定义两个标记: 超链接标记<A herf =“#记号名”>热点</A> 书签标记<A name =“记号名”>热点</A> *2.2.4 加入图片 1.图片的文件格式:jpeg gif 2. 设置页面的背景: 背景色:<body bgcolor=> 图片作背景:<body background=>* 3.图片标记: <Img src alt width height border hspace vspace align > 1)图片尺寸:width height * 2)图片布局:align * <br clear=left|right|all> 3)图片与文本间的空白 hspace vspace * 4)图片作为超链接 <a href ><img src=></a>** 2.3.1列表标记 1.无序列表 格式: <UL type=”符号类型”> <LI type=”符号类型”>…</LI></p><h2>HTML语言基础练习题</h2><p>第一部分:基础词汇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为例) <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>页面标题</title> </head> <body> 页面元素及内容部分 </body> </html> 第三部分:看页面效果图,写出HTML代码 1、当鼠标光标移动至段落上时,要求显示字幕信息“我是段落”。</p><h2>新手学习老知识(一)HTML语言基础</h2><p>新手学习老知识(一)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”等。标记在使用是必须用方括号“<>”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。如 表示一个表格的开始,</p><h2>HTML语言基础教程</h2><p>HTML基本概念 什么是HTML文件? HTML的英文全称是Hypertext Marked Language,中文叫做“超文本标记语言”。 和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称“标记”。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。 这就试写一个HTML文件吧! 打开你的Notepad,新建一个文件,然后拷贝以下代码到这个新文件,然后将这个文件存成first.html。 <html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html> 要浏览这个first.html文件,双击它。或者打开浏览器,在File菜单选择Open,然后选择这个文件就行了。 示例解释 这个文件的第一个Tag是<html>,这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是</html>,表示HTML文件到此结束。 在<head>和</head>之间的内容,是Head信息。Head信息是不显示出来的,你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。 在<title>和</title>之间的内容,是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。 在<body>和</body>之间的信息,是正文。 在<b>和</b>之间的文字,用粗体表示。<b>顾名思义,就是bold的意思。 HTML文件看上去和一般文本类似,但是它比一般文本多了Tag,比如<html>,<b>等,通过这些Tag,可以告诉浏览器如何显示这个文件。 HTML元素(HTML Elements) HTML元素(HTML Element)用来标记文本,表示文本的内容。比如body, p, title就是HTML 元素。 HTML元素用Tag表示,Tag以<开始,以>结束。 Tag通常是成对出现的,比如<body></body>。起始的叫做Opening Tag,结尾的就叫做Closing Tag。 目前HTML的Tag不区分大小写的。比如,<HTML>和<html>其实是相同的。 HTML元素(HTML Elements)的属性 HTML元素可以拥有属性。属性可以扩展HTML元素的能力。 比如你可以使用一个bgcolor属性,使得页面的背景色成为红色,就像这样:</p><h2>《HTML基础试题》</h2><p>《HTML基础试题》 一、单项选择题: 1、下面哪一个属性不是文本的标签属性?() A.&nbsp; B.size C.color D.face 2、当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。() A.ASP B.HTML C.ZIP D.CGI 3、关于文本水平对齐,源代码设置不正确的一项是:() A.居中对齐:<div align="middle">…</div> B.居右对齐:<div align="right">…</div> C.居左对齐:<div align="left">…</div> D.两端对齐:<div align="justify">…</div> 4、下面哪一项是换行符标签?() A.<body> B.<font> C.<br> 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.<boby></body> C.<html></html> D.<table></table> 13、在客户端网页脚本语言中最为通用的是( ) A.JavaScript B.VB C.Perl D.ASP 14、在HTML中,标记<font>的属性:“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://</p><h2>HTML基础知识</h2><p>HTML 学习任何一门语言,都要首先掌握它的基本格式,就像写信需要符合书信的格式要求一样。HTML标记语言也不例外,同样需要遵从一定的规范。接下来将具体讲解HTML文档的基本格式。 HTML文档的基本格式主要包括<!DOCTYPE>文档类型声明、<html>根标记、<head>头部标记、<body>主体标记,具体介绍如下: (1) <!DOCTYPE>标记 <!DOCTYPE> 标记位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML(可扩展超文本标记语言)标准规范,必需在开头处使用<!DOCTYPE>标记为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能将该网页作为有效的XHTML文档,并按指定的文档类型进行解析。 (2) <html></html>标记 <html>标记位于<!DOCTYPE> 标记之后,也称为根标记,用于告知浏览器其自身是一个 HTML 文档, <html>标记标志着HTML文档的开始,</html>标记标志着HTML文档的结束,在它们之间的是文档的头部和主体内容。 在<html>之后有一串代码“xmlns=""”用于声明XHTML统一的默认命名空间。 (3)<head></head>标记 <head>标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在<html>标记之后,主要用来封装其他位于文档头部的标记,例如<title>、<meta>、<link>及<style>等,用来描述文档的标题、作者以及和其他文档的关系等。 一个HTML文档只能含有一对<head>标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。 (4)<body></body>标记 <body>标记用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内,<body>标记中的信息才是最终展示给用户看的。 一个HTML文档只能含有一对<body>标记,且<body>标记必须在<html>标记内,位于<head>头部标记之后,与 <head>标记是并列关系。 在HTML页面中,带有“< >”符号的元素被称为HTML标记,如上面提到的<html>、<head>、<body>都是HTML标记。所谓标记就是放在“< >”标记符中表示某个功能的编码命令,也称为HTML标签或HTML元素,本书统一称作HTML标记。 为了方便学习和理解,通常将HTML标记分为两大类,分别是“双标记”与“单标记”。 (1)双标记 双标记也称体标记,是指由开始和结束两个标记符组成的标记。其基本语法格式如下: 该语法中“<标记名>”表示该标记的作用开始,一般称为“开始标记(start tag)”,“</标记名>”表示该标记的作用结束,一般称为“结束标记(end tag)”。和开始标记相比,结束标记只是在前面加了一个关闭符“/”。 (2)单标记 单标记也称空标记,是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下: 一篇结构清晰的文章通常都有标题和段落,HTML网页也不例外,为了使网页中的文字有条理地显示出来,HTML 提供了相应的标记。 (1)标题标记 为了使网页更具有语义化,经常会在页面中用到标题标记,HTML提供了6个等级的标题,即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>重要性递减。其基本语法格式如下:<hn align="对齐方式">标题文本</hn>该语法中n的取值为1到6,align属性为可选属性,用于指定标题的对齐方式,下面来演示标题标记的使用。 (2)段落标记 在网页中要把文字有条理地显示出来,离不开段落标记,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标记就是。其基本语法格式如下: <p align="对齐方式">段落文本 该语法中align属性为标记的可选属性,和标题标记<h1>~<h6>一样,同样可以使用align属性设置段落文本的对齐方式。 制作网页时,经常需要设置页面的基本信息,如页面的标题、作者、和其他文档的关系等。为此HTML提供了一系列的标记,这些标记通常都写在<head>标记内,因此被称为头部相关标记。 (1)<title></title>标记 <title>标记用于定义HTML页面的标题,即给网页取一个名字,必须位于<head>标记之内。一个HTML文档只能含有一对<title>标记,<title>之间的内容将显示在浏览器窗口的标题栏中。其基本语法格式如下:<title>网页标题名称</title> (2) <meta />标记 <meta />标记用于定义页面的元信息,可重复出现在<head>头部标记中,在HTML中是一个单标记。<meta />标记本身不包含任何内容,通过“名称/值”的形式成对的使用其属性可定义页面的相关参数,例如为搜索引擎提供网页</p></div> </div> <div> <div>相关文档</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="10585890"><a href="/topic/10585890/" target="_blank">html语言基础</a></li> </ul> </div> </div> </div> </div> <div class="category"> <span class="navname">相关文档</span> <ul class="lista"> <li><a href="/doc/7a17998425.html" target="_blank">5.1Html语言基础</a></li> <li><a href="/doc/9a18961944.html" target="_blank">HTML语言基本格式</a></li> <li><a href="/doc/d87886336.html" target="_blank">Html语言基本标记.</a></li> <li><a href="/doc/104351436.html" target="_blank">《HTML基础试题》</a></li> <li><a href="/doc/5a18970861.html" target="_blank">HTML语言的基本知识分析</a></li> <li><a href="/doc/8a8437027.html" target="_blank">HTML基础试题》</a></li> <li><a href="/doc/b810816809.html" target="_blank">HTML语言基础练习题</a></li> <li><a href="/doc/e115229827.html" target="_blank">HTML网页基础语言x</a></li> <li><a href="/doc/1217466410.html" target="_blank">HTML语言基础PPT课件</a></li> <li><a href="/doc/777366004.html" target="_blank">HTML语言入门教程</a></li> <li><a href="/doc/9413221944.html" target="_blank">HTML语言的基本知识..</a></li> <li><a href="/doc/ca17326047.html" target="_blank">HTML语言基础教程</a></li> <li><a href="/doc/088463848.html" target="_blank">html语言基础讲解(ppt)</a></li> <li><a href="/doc/449377878.html" target="_blank">常用HTML标记语言</a></li> <li><a href="/doc/808256045.html" target="_blank">HTML语言基础练习题</a></li> <li><a href="/doc/b13916780.html" target="_blank">HTML语言教程(完整版)</a></li> <li><a href="/doc/e512864847.html" target="_blank">HTML基础知识</a></li> <li><a href="/doc/1612876474.html" target="_blank">HTML语言基础教程</a></li> <li><a href="/doc/7c3571130.html" target="_blank">HTML语言基础PPT演示课件</a></li> <li><a href="/doc/9a4468814.html" target="_blank">HTML5语言基础</a></li> </ul> <span class="navname">最新文档</span> <ul class="lista"> <li><a href="/doc/0719509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0e19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9319184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/db19211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/af19240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9919184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8b19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8019195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7a19336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6719035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6a19035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4d19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3a19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2519396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2419396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1f19338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ef19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bc19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "87727a82b14e852458fb57f3"; </script> <div class="footer"> <p><a href="/tousu.html" target="_blank">侵权投诉</a> &nbsp;&copy; 2013-2023 www.wendangku.net &nbsp;<a href="/sitemap.html">站点地图</a>&nbsp;|&nbsp;<a href="https://m.wendangku.net">手机版</a></p> <p><a href="https://beian.miit.gov.cn" target="_blank">闽ICP备11023808号-7</a>&nbsp;&nbsp;本站文档均来自互联网及网友上传分享,本站只负责收集和整理,有任何问题可通过上访投诉通道进行反馈</p> </div> <script type="text/javascript">foot();</script> </div> </body> </html>