HTML第二部分课件_第1页
HTML第二部分课件_第2页
HTML第二部分课件_第3页
HTML第二部分课件_第4页
HTML第二部分课件_第5页
已阅读5页，还剩21页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HTML语言第二部分课程内容HTML标记列表滚动标记MARQUEE框架标记Div和Span标记列表作用：让信息很有序的展示。列表分为：(1)有序列表(2)无序列表列表(1)有序列表<OLtype=符号类型start=列表开始值><LItype=符号类型value=列表项值>列表项1</LI><LItype=符号类型value=列表项值>列表项2</LI><LItype=符号类型value=列表项值>列表项3</LI></OL>OLtype取值为1|A|a|i|I，缺省值为1。（常用）start列表的数字序列的起始值，取值为任意整数。LItype列表项数字序列样式，取值为1|A|a|i|Ivalue列表项的起始值，以获得非连续的数字序列，取值为任意整数。列表(2)无序列表<ULtype=符号类型

><LItype=符号类型

>列表项1</LI><LItype=符号类型

>列表项2</LI><LItype=符号类型

>列表项3</LI></UL>

ULtype设置无序列表的项目符号样式，取值为disc（实心圆、缺省值）|circle（空心圆）|square（方块）。（常用）LItype设置列表项的项目符号样式，取值为disc（实心圆、缺省值）|circle（空心圆）|square（方块）。（不常用）列表练习滚动标记<MARQUEE></MARQUEE>功能：页面滚动文字或图片代码：<marqueeid="affiche"align="left"behavior="scroll"bgcolor="#FF0000"direction="up"height="300"width="200"hspace="50"vspace="20"loop="-1"scrollamount="10"scrolldelay="100"onMouseOut="this.start()"onMouseOver="this.stop()">

这是一个完整的例子

</marquee>两个事件经常用到：

onMouseOut="this.start()"：用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动滚动标记该标签支持的属性多达11个：align

设定<marquee>标签内容的对齐方式

absbottom：绝对底部对齐（与g、p等字母的最下端对齐）

absmiddle：绝对中央对齐

baseline：底线对齐

bottom：底部对齐（默认）

left：左对齐

middle：中间对齐

right：右对齐

texttop：顶线对齐

top：顶部对齐代码如下: <marqueealign="absbottom">align="absbottom"：绝对底部对齐（与g、p等字母的最下端对齐）。</marquee>

<marqueealign="absmiddle">align="absmiddle"：绝对中央对齐。</marquee>

<marqueealign="baseline">align="baseline"：底线对齐。</marquee>

<marqueealign="bottom">align="bottom"：底部对齐（默认）。</marquee>

<marqueealign="left">align="left"：左对齐。</marquee>

<marqueealign="middle">align="middle"：中间对齐。</marquee>

<marqueealign="right">align="right"：右对齐。</marquee>

<marqueealign="texttop">align="texttop"：顶线对齐。</marquee>

<marqueealign="top">align="top"：顶部对齐。</marquee>滚动标记behavior

设定滚动的方式：

alternate：表示在两端之间来回滚动。

scroll：表示由一端滚动到另一端，会重复。

slide：

表示由一端滚动到另一端，不会重复。代码如下: <marqueebehavior="alternate">alternate：表示在两端之间来回滚动。</marquee>

<marqueebehavior="scroll">scroll：表示由一端滚动到另一端，会重复。</marquee>

<marqueebehavior="slide">slide：

表示由一端滚动到另一端，不会重复。</marquee>滚动标记bgcolor

设定活动字幕的背景颜色，背景颜色可用RGB、16进制值的格式或颜色名称来设定。代码如下: <marqueebgcolor="#006699">设定活动字幕的背景颜色bgcolor="#006699"</marquee>

<marqueebgcolor="RGB(10%,50%,100%,)">设定活动字幕的背景颜色bgcolor="rgb(10%,50%,100%,)"</marquee>

<marqueebgcolor="red">设定活动字幕的背景颜色bgcolor="red"</marquee>滚动标记direction

设定活动字幕的滚动方向代码如下: <marqueedirection="down">设定活动字幕的滚动方向direction="down"：向下</marquee>

<marqueedirection="left">设定活动字幕的滚动方向direction="left"：向左</marquee>

<marqueedirection="right">设定活动字幕的滚动方向direction="right"：向右</marquee>

<marqueedirection="up">设定活动字幕的滚动方向direction="up"：向上</marquee>滚动标记height

设定活动字幕的高度代码如下:

<marqueeheight="500"direction="down"bgcolor="#CCCCCC">设定活动字幕的高度height="500"</marquee>width

设定活动字幕的宽度代码如下:

<marqueewidth="500"bgcolor="#CCCCCC">设定活动字幕的宽度width="500"</marquee>滚动标记hspace

设定活动字幕里所在的位置距离父容器水平边框的距离

Thiscontrolsthehorizontal（水平）spacearoundthedisplaybox.代码如下: <tablewidth="500"border="1"align="center"cellpadding="0"cellspacing="0">

<tr>

<td><marqueehspace="100"bgcolor="#CCCCCC">hspace="100"</marquee></td>

</tr>

</table>vspace

设定活动字幕里所在的位置距离父容器垂直边框的距离

Thiscontrolsthevertical（垂直）spacearoundthedisplaybox.代码如下:

<marqueevspace="100"bgcolor="#CCCCCC">hspace="100"</marquee>滚动标记loop

设定滚动的次数，当loop=-1表示一直滚动下去，默认为-1代码如下: <marqueeloop="-1"bgcolor="#CCCCCC">我会不停地走。</marquee>

<p> </p>

<marqueeloop="2"bgcolor="#CCCCCC">我只走两次哦</marquee>滚动标记scrollamount

设定活动字幕的滚动速度，单位pixels代码如下:<marqueescrollamount="10">scrollamount="10"</marquee>

<marqueescrollamount="20">scrollamount="20"</marquee>

<marqueescrollamount="30">scrollamount="30"</marquee>scrolldelay

设定活动字幕滚动两次之间的延迟时间，单位millisecond（毫秒）

值大了会有一步一停顿的效果代码如下:<marqueescrolldelay="10">scrolldelay="10"</marquee>

<marqueescrolldelay="100">scrolldelay="100"</marquee>

<marqueescrolldelay="1000">scrolldelay="1000"</marquee>框架标记1.什么是框架网页所谓框架网页是指将浏览器窗口划分为不同的部分，每部分加载一个独立的网页，从而获得在一个浏览器窗口同时显示多个网页的特殊效果。另外，通过为超链接指定目标框架，可以实现页面导航功能。框架标记2.框架的结构<HTML><HEAD></HEAD><FRAMESETrows="64,*"><FRAME><FRAME>

<NOFRAMES>

<BODY><P>此网页使用了框架，但您的浏览器不支持框架。

</BODY></NOFRAMES></FRAMESET></HTML>框架标记3.常用标记符及其属性

（1）<FRAMESET>…</FRAMESET>功能：设置框架集网页，结束标记不能省略。属性：rows：设置横向框架的数量和高度。cols：设置纵向框架的数量和宽度。rows和cols的值有以下三种方式：像素值百分数

n*(n>=1)：表示浏览器窗口的剩余部分。例如：

cols=”30%,*” cols=”*,*,*” cols=”*,2*,3*” cols=”*,200,3*”框架标记提示：

rows和cols的取值个数确定了<FRAME>标记的个数。

rows和cols各个值之间用“，”号分开，且不能有空格。

rows和cols一般不同时使用，如果需要构造同时包含纵横框架的网页，可用网页的嵌套。

框架标记（2）<FRAME>属性：src：指定框架中显示的页面。name：设置框架名称，与<A>标记的target属性配合，可完成目标框架的超链结。例：<Ahref=”外部网页名”target=”目标框架网页”></A>注：target的取值也可为以下特殊框架：_top：表示将超链接的目标文件装入整个浏览器窗口。_self：表示将超链接的目标文件装入当前框架，此值为缺省值。_blank：表示将超链接的目标文件装入一个新的浏览器窗口。框架标记frameborder：控制是否显示框架边框。其中值1为缺省值，表示生成3D边框；而0表示不显示边框。scrolling：控制是否在框架内加入滚动条。其中值：

yes同时加入垂直和水平滚动条；

no不加入垂直和水平滚动条；

auto为缺省值，表示需要时加入滚动条。noresize：控制框架的位置和大小固定不变。该属性不需要任何取值。例：<FRAMEnoresize>marginheight：控制框架

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论