HTML通用代码，2024年最新面试web前端自我介绍

本文链接：https://blog.csdn.net/2301_79099373/article/details/137851530

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

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

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

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

文件主题（必须放在「文头」区块内）

文头（描述性资料，像是「主题」）

文体（文件本体）

（由浏览器控制的显示风格）

标题 <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 代码片段如下:

5表示刷新时间

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

方法二，使用setTimeout控制

如何让超链接没有下划线

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

a { text-decoration: none}

–>

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

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

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

点击后退

或者

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

HTML 代码片段如下:

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

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

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

HTML 代码片段如下:

Untitled Document

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

HTML 代码片段如下:

默林

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

HTML 代码片段如下:

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

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

HTML 代码片段如下:

或者

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

JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

JavaScript部分截图