HTML通用代码(1),记得把每一次面试当做经验积累

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

地址

大字

小字

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

加粗

斜体

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

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

下标

上标

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

预定格式

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

预定格式的宽度

(以字元计算) 

向中看齐

(文字与图片都可以)

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

字体大小 (从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時背景圖不動

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

HTML 代码片段如下:

或者

如何禁止自己的页面在别人的框架里打开?

把以下代码加至你的区

如何实现首页全屏幕显示?

HTML 代码片段如下:

如何监听一个窗口被关闭了?

HTML 代码片段如下:

如何禁止Ctrl+N?

HTML 代码片段如下:

如何把页面加入用户的收藏夹?

HTML 代码片段如下:

收藏无忧脚本

如何在我的页面中加入背景音乐?

IE:

NS:

*.mid你的背景音乐的midi格式文件

关于页面转换效果

<meta. http-equiv=“page-enter” c>

<meta. http-equiv=“page-exit” c>

说明:Transition=23是随机效果,另可以选0-22任一数字固定某个效果

如何设定打开页面的大小

HTML 代码片段如下:

怎样双击滚屏,单击停止?

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

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

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

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

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

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

最后

资料过多,篇幅有限

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

http-equiv=“page-enter” c>

<meta. http-equiv=“page-exit” c>

说明:Transition=23是随机效果,另可以选0-22任一数字固定某个效果

如何设定打开页面的大小

HTML 代码片段如下:

怎样双击滚屏,单击停止?

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

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

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
[外链图片转存中…(img-gGKtO32F-1711945311155)]
[外链图片转存中…(img-sM9QfYBG-1711945311156)]
[外链图片转存中…(img-te8FqKwh-1711945311157)]
[外链图片转存中…(img-XxHbBY6b-1711945311158)]
[外链图片转存中…(img-G0cjbiJc-1711945311158)]
[外链图片转存中…(img-7t6a32bH-1711945311159)]

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

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

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-OLmk3PWG-1711945311159)]

最后

[外链图片转存中…(img-KSHfu1ow-1711945311160)]

[外链图片转存中…(img-4ajKmInI-1711945311160)]

资料过多,篇幅有限

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

  • 27
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值