仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1761|回复: 9
打印 上一主题 下一主题

[HTML5] 来看看:网页HTML代码:转动笔墨的制造

[复制链接]
冷月葬花魂 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:27:31 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
WHATWG版和W3C版的HTML5规范虽然根源相同,在一些领域却已经产生分歧。网页制造WEB文章简介:本节笔者报告HTML代码中对照特别的标签,它能使网页中的笔墨转动,而且能够把持其转动的属性。
制造转动笔墨
经由过程本章后面的进修,读者已可以很好地把持各类段落笔墨的显现体例,不外不管怎样设置,笔墨都是静态的。本节笔者报告HTML代码中对照特别的标签,它能使网页中的笔墨转动,而且能够把持其转动的属性。
4.3.1设置笔墨转动
HTML手艺中使笔墨转动的办法是利用双标签<marquee></marquee>。在HTML代码中可以使其感化区笔墨转动,默许为从右到左,轮回转动。在D:web目次下创立网页文件,定名为mar.htm,编写代码如代码4.15所示。

代码4.15笔墨转动的设置:mar.htm

<html>
<head>
<title>笔墨转动的设置</title>
</head>
<body>
<fontsize="5"color="#cc0000">
笔墨转动示例(默许):<marquee>做人要刻薄</marquee>
</font>
</body>
</html>
在扫瞄器地点栏输出http://localhost/mar.htm,扫瞄效果如.15所示。

.15设置笔墨转动默许情势
从.15可得,在未设置宽度时,<marquee></marquee>标签是独有一行的。
4.3.2设置笔墨转动的偏向
<marquee></marquee>标签的direction属性用于设置内容转动偏向,属性值有left、right、up、down,分离代表向左、向右、向上、向下,比方以下代码:
<marqueedirection="left">做人要刻薄</marquee>
<marqueedirection="right">做人要刻薄</marquee>
<marqueedirection="up">做人要刻薄</marquee>
<marqueedirection="down">做人要刻薄</marquee>
4.3.3设置笔墨转动的速率和情势
设置笔墨转动利用<marquee></marquee>标签,其属性申明以下。
—<marquee></marquee>标签的scrollamount属性用于设置内容转动速率。
—<marquee></marquee>标签的behavior属性用于设置内容转动体例,默许为scroll,即轮回转动,当其值为alternate时,内容未来回轮回转动。当其值为slide时,内容转动一次即中断,不会轮回。另有一个loop属性可设置其转动轮回次数,默许为没无限制。
—<marquee></marquee>标签的scrolldelay属性用于设置内容转动的工夫距离。
—<marquee></marquee>标签的bgcolor属性用于设置内容转动背景致(相似于body的背景致设置)。
—<marquee></marquee>标签的width属性用于设置内容转动背景宽度。
—<marquee></marquee>标签的height属性用于设置内容转动背景高度。
修正mar.htm网页文件,编写代码如代码4.16所示。

代码4.16笔墨转动的设置:mar.htm

<html>
<head>
<title>笔墨转动的设置</title>
</head>
<body>
<fontsize="3"color="#cc0000">
笔墨转动示例(默许):<marquee>做人要刻薄</marquee>
笔墨转动示例(向右):<marqueedirection="right"scrolldelay="500">做人要刻薄</marquee>
笔墨转动示例(向下,转动体例为slide,速率为10):<marqueescrollamount="10"behavior="slide">做人要刻薄</marquee>
笔墨转动示例(默许偏向,转动体例为alternate,轮回3次,速率为2):<marqueescrollamount="2"behavior="alternate"loop="3">做人要刻薄</marquee>
笔墨转动示例(向上,背景致为#CCFF66,设置了背景宽度和高度):<marqueedirection="up"bgcolor="#CCFF66"width="250"height="55">做人要刻薄</marquee>
</font>
</body>
</html>
在扫瞄器地点栏输出http://localhost/mar.htm,扫瞄效果如.16所示。

.16笔墨转动的分歧情势
<marquee></marquee>的浩瀚属功能十分便利地制造转动笔墨,在前面的JavaScript进修中,读者将持续深化<marquee></marquee>标签的静态举动进修。
</p>
WHATWG版和W3C版的HTML5规范虽然根源相同,在一些领域却已经产生分歧。
第二个灵魂 该用户已被删除
沙发
发表于 2015-1-16 16:20:22 | 只看该作者

来看看:网页HTML代码:转动笔墨的制造

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
小魔女 该用户已被删除
板凳
发表于 2015-1-18 18:47:36 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
精灵巫婆 该用户已被删除
地板
发表于 2015-1-27 17:31:16 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
柔情似水 该用户已被删除
5#
发表于 2015-2-5 14:37:52 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
若相依 该用户已被删除
6#
发表于 2015-2-12 07:53:04 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
再见西城 该用户已被删除
7#
发表于 2015-3-3 01:41:03 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
不帅 该用户已被删除
8#
发表于 2015-3-11 08:58:56 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
愤怒的大鸟 该用户已被删除
9#
发表于 2015-3-18 09:13:04 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
小女巫 该用户已被删除
10#
发表于 2015-3-25 21:19:06 | 只看该作者
可以使用 CSS 检查工具进行设计。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 23:58

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表