HTML通用代码

a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

3.实例:

a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上

以下是引用片段:

;脚本之家

点击脚本之家就可以进入了:

脚本之家

b)如何制作当鼠标停留在文字上,文字停止滚动?

代码如:

以下是引用片段:

<marquee scrollAmount=2 width=300 οnmοuseοver=stop() οnmοuseοut=start()>文字内容

c)交替效果。代码如:

?

以下是引用片段:

文字内容

d)多行文本向上滚动。代码如:

以下是引用片段:

滚动字幕;脚本之家

以下是引用片段:

·早晨好啊!
·空气好清新啊
·今朝食乜好呢?

·;脚本

1.结构性定义

文件类型 (放在档案的开头与结尾)

文件主题 (必须放在「文头」区块内)

文头 (描述性资料,像是「主题」)

文体 (文件本体)

(由浏览器控制的显示风格)

标题 <H?></H?> (从1到6,有六层选择)

标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>

区分

区分的对齐

引文区块

(通常会内缩)

强调 (通常会以斜体显示)

特别强调 (通常会以加粗显示)

引文 (通常会以斜体显示)

(显示原始码之用)

样本

键盘输入

变数

定义 (有些浏览器不提供)

地址

大字

小字

与外观相关的标签(作者自订的表现方式)

加粗

斜体

底线 (尚有些浏览器不提供)

删除线 (尚有些浏览器不提供)

下标

上标

打字机体 (用单空格字型显示)

预定格式

 (保留文件中空格的大小) 

预定格式的宽度

(以字元计算) 

向中看齐

(文字与图片都可以)

闪耀 (有史以来最被嘲弄的标签)

字体大小 (从1到7)

改变字体大小

基本字体大小 (从1到7; 内定为3)

字体颜色

说明 (浏览器不会显示)

将上面的代码放在叶子代码的之间,颜色可根据自己的需要修改。

滚动条的代码意思如下:

Scrollbar-Face-Color为滚动条表面颜色设定;

Scrollbar-Track-Color为滚动条底板颜色设定;

Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定;

Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定;

Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定;

Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定;

Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。

<!> 跑馬燈

…普通捲動

…滑動

…預設捲動

…來回捲動

…向下捲動

…向上捲動

向右捲動

向左捲動

…捲動次數

…設定寬度

…設定高度

…設定背景顏色

…設定捲動距離

…設定捲動時間

scrollAmount=2 表示速度 值越大越快

1)贴图:

2)加入连接:写上你想写的字

3)在新窗口打开连接:写上要写的字

4)移动字体(走马灯):写上你想写的字

5)字体加粗:写上你想写的字

6)字体斜体:写上你想写的字

7)字体下划线: 写上你想写的字

8)字体删除线: 写上你想写的字

9)字体加大: 写上你想写的字

10)字体控制大小:

写上你想写的字

(其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:写上你想写的字(其中value值在000000与ffffff(16位进制)之间

写上你想写的字(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线:写上你想写的字

写上你想写的字

13)贴音乐:

14)贴flash:

15)贴影视文件:

16)换行:

17)段落:

段落

18)原始文字样式:

正文

19)换帖子背景:

20)固定帖子背景不随滚动条滚动:<body background=“背景图片地址” body

bgproperties=fixed>

21)定制帖子背景颜色:(value值见10)

22)帖子背景音乐:<bgsound=“背景音乐地址” loop=infinite>

23)贴网页:<iframe. src=“相关地址” width=“宽度” height=“高度”>

1、店铺音乐代码:音乐网址" loop=“-1”>

2、图片制作代码:<img src="这里放图片地址">

3、公告图片代码:<img border=“0” src=“这里放图片地址” />或<img src=“这里放图片地址”/>

4、悬浮挂饰代码:<img src=“这里放图片地址” style=“left:20px; position: relative; top:0px” />

5、商品分类代码:<img src=“这里放图片地址”/>

6、字体大小代码:<font size="2">这里放要处理的文字,可用3、4、5等设置大小</font>

7、字体颜色代码:<font color="red">这里放要处理的文字,可以换成blue,yellow等</font>

8、文字链接代码:<a href="网页地址">链接的文字,在分类栏里用时链接的网页地址必须缩短</a>

9、移动文字代码:<marquee>从右到左移动的文字</marquee>

10、背景音乐代码:<bgsound loop=“-1” src="这里放音乐地址"></bgsound>

11、图片附加音乐代码:<img border=0 src=“这里放图片地址” dynsrc="这里放音乐地址">

12、浮动图片代码:<img alt=“1” height=“150” src=“这里放图片地址”/>

公告图片的代码:公告挂饰:店铺分类代码:背景音乐代码:换行代码

计数器代码颜色代码:

1白色 #FFFFFF

2红色#FF0000

3绿色#00FF00

4蓝色#0000FF

5牡丹红#FF00FF

6青色 #00FFFF

7黄色#FFFF00

8黑色#000000

9海蓝#70DB93

10巧克力色#5C3317

11蓝紫色 #9F5F9F

12黄铜色#B5A642

13亮金色#D9D919

14棕色#A67D3D

15青铜色 #8C7853

162号青铜色 #A67D3D

17士官服蓝色 #5F9F9F

18冷铜色 #D98719

19铜色 #B87333

20珊瑚红 #FF7F00

21紫蓝色 #42426F

22深棕 #5C4033

23深绿 #2F4F2F

24深铜绿色 #4A766E

25深橄榄绿 #4F4F2F

26深兰花色 #9932CD

27深紫色 #871F78

28深石板蓝 #6B238E

29深铅灰色 #2F4F4F

30深棕褐色 #97694F

32深绿松石色 #7093DB

33暗木色 #855E42

34淡灰色 #545454

35土灰玫瑰红色 #856363

36长石色 #D19275

37火砖色#8E2323

38森林绿 #238E23

39金色 #CD7F32

40鲜黄色 #DBDB70

41灰色 #C0C0C0

42铜绿色 #527F76

43青黄色 #93DB70

44猎人绿 #215E21

45印度红 #4E2F2F

46土黄色 #9F9F5F

47浅蓝色 #C0D9D9

48浅灰色 #A8A8A8

49浅钢蓝色 #8F8FBD

59浅木色 #E9C2A6

60石灰绿色 #32CD32

61桔黄色 #E47833

62褐红色 #8E236B

63中海蓝色 #32CD99

64中蓝色 #3232CD

65中森林绿 #6B8E23

66中鲜黄色 #EAEAAE

67中兰花色 #9370DB

68中海绿色 #426F42

69中石板蓝色 #7F00FF

70中春绿色 #7FFF00

71中绿松石色 #70DBDB

72中紫红色 #DB7093

73中木色 #A68064

74深藏青色 #2F2F4F

75海军蓝 #23238E

76霓虹篮 #4D4DFF

77霓虹粉红 #FF6EC7

78新深藏青色 #00009C

79新棕褐色 #EBC79E

80暗金黄色 #CFB53B

81橙色 #FF7F00

82橙红色 #FF2400

83淡紫色 #DB70DB

84浅绿色 #8FBC8F

85粉红色 #BC8F8F

86李子色 #EAADEA

87石英色 #D9D9F3

88艳蓝色 #5959AB

89鲑鱼色 #6F4242

90猩红色 #BC1717

91海绿色 #238E68

92半甜巧克力色 #6B4226

93赭色 #8E6B23

94银色 #E6E8FA

95天蓝 #3299CC

96石板蓝 #007FFF

97艳粉红色 #FF1CAE

98春绿色 #00FF7F

99钢蓝色 #236B8E

100亮天蓝色 #38B0DE

101棕褐色 #DB9370

102紫红色 #D8BFD8

103石板蓝色 #ADEAEA

104浓深棕色 #5C4033

105淡浅灰色 #CDCDCD

106紫罗兰色 #4F2F4F

107紫罗兰红色 #CC3299

108麦黄色#D8D8BF

109黄绿色 #99CC32

简单常用HTML代码大全(修改网页必备)

网页常用HTML代码大全

超链接,用的最多:

点击在当前页打开网站

这是我的网站

效果:这是我的网站

这是我的网站

点击弹出网站

这是我的网站


这个是向下一行,比如

欢迎光临我的网站
希望开心

演示效果就是:

欢迎光临我的网站

希望开心

向下一大行,比如

欢迎光临我的网站

希望开心

演示效果就是:

欢迎光临我的网站

希望开心

这是粗体字

比如 我的网站</ b>

演示效果:我的网站

这是粗体字

比如 我的网站</ b>

我的网站这是字体的颜色BLUE是蓝,RED是红

演示

忽视右键

如何几秒后转到别的页面?

<META. HTTP-EQUIV=“Refresh” C>

点击关闭窗口

点击关闭窗口!

点击关闭窗口!

请问如何去掉主页右面的滚动条?

如何做到让一个网页自动关闭.

这个窗口会在10秒过后自动关闭,而且不会出现提示.

如何在不刷新页面的情况下刷新css?

<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>点击按钮直接修改style标签里button选择符使按钮改为红色

请问如何让网页自动刷新?

在head部记入<META. HTTP-EQUIV=“Refresh” c>其中20为20秒后自动刷新,你可以更改为任意值。

如何让页面自动刷新?

方法一,用refresh

HTML 代码片段如下:

<meta. http-equiv=“refresh” c>

5表示刷新时间

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

方法二,使用setTimeout控制

如何让超链接没有下划线

在源代码中的…之间输入如下代码:

<style. type=“text/css”> <!–

a { text-decoration: none}

–>

请问如何去掉IE的上下滚动条?

怎样才能把RealPlayer文件在网页做一个试听连接?

如何用html实现浏览器上后退按钮的功能?

点击后退

点击后退

或者

请问怎么在网页中改变鼠标的箭头形状?

HTML 代码片段如下:

auto

crosshair

default

hand

move

e-resize

ne-resize

nw-resize

n-resize

se-resize

sw-resize

s-resize

w-resize

text

wait

help

auto

crosshair

default

hand

move

e-resize

ne-resize

nw-resize

n-resize

se-resize

sw-resize

s-resize

w-resize

text

wait

help

怎样不使用页面的缓存?即每一次打开页面时不是调用缓存中的东西

<META. HTTP-EQUIV=“本地图片,请重新上传ragma” C>

页面打开时自动弹出一个窗口的代码怎么写?

HTML 代码片段如下:

Untitled Document

如何让我的页面出现一个会讲话的小人?Merlin

HTML 代码片段如下:

默林

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

HTML 代码片段如下:

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] background-repeat:no-repeat; 是讓背景圖不占滿整個頁面 body bgproperties=“fixed” 是拉動scroll時背景圖不動

文本输入框什么属性能实现不可输入?

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后

整理面试题,不是让大家去只刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。

《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》PDF完整版点击这里领取

前端面试题宝典

前端校招面试题详解

ment

如何让我的页面出现一个会讲话的小人?Merlin

HTML 代码片段如下:

默林

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

HTML 代码片段如下:

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] background-repeat:no-repeat; 是讓背景圖不占滿整個頁面 body bgproperties=“fixed” 是拉動scroll時背景圖不動

文本输入框什么属性能实现不可输入?

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

[外链图片转存中…(img-Lf6vwRe7-1712452660161)]

[外链图片转存中…(img-i4iT6NAj-1712452660161)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

[外链图片转存中…(img-mFx1f2iz-1712452660162)]

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后

整理面试题,不是让大家去只刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。

《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》PDF完整版点击这里领取

[外链图片转存中…(img-pcNSyrdy-1712452660162)]

[外链图片转存中…(img-h6ivAoNV-1712452660162)]

[外链图片转存中…(img-syHO2S5f-1712452660162)]

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值