2024年大数据最新前端知识点（2）(2)，入职3个月的大数据开发程序员面临转正

最新推荐文章于 2024-09-29 19:02:21 发布

2401_84591870

最新推荐文章于 2024-09-29 19:02:21 发布

阅读量386

点赞数 4

分类专栏：程序员文章标签：大数据面试学习

本文链接：https://blog.csdn.net/2401_84591870/article/details/138826082

版权

程序员专栏收录该内容

58 篇文章 0 订阅

订阅专栏

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

html属性：html的附加信息

组成：属性=“属性值”

双标签:html属性写在开始标签内

单标签：直接写在行内

位置：写在head标签内

link标签引入

rel：声明引入文件的类型 shortcut icon

type：声明引入文件的格式

href：引入图片路径

相对路径：本地保存路径

./+文件名：同级

…/+文件名：上级

/+文件名：下级

绝对路径：服务器地址

<html>
<head>
<meta charset="utf-8"/>
<title>小图标</title>
<!-- 绝对路径 -->
<link rel="shortcut icon" type="image/x-icon" href="https://小图标名字复制>
<!-- 相对路径 -->
<link rel="shortcut icon" type="image/x-icon" href="../本地名字复制>

</head>
<body>

</body>
</html>

图片标签

html图片标签

img：定义这是图片标签

src：图片的引入路径

相对路径：本地保存路径

./+文件名：同级

…/+文件名：上级

/+文件名：下级

绝对路径：服务器地址

width：定义图片的宽数字+像素（px）

height：定义图片的高数字+像素（px）

注：当只设置宽或者高时，图片相对于的宽或者高会等比例缩放

alt：图片丢失或损失时，出现的替换文字

title：当鼠标悬浮于图片上时，出现提示文字

<!DOCTYPE html>
<html>
<head>
<meta charset="uft-8" />
<title>图片标签</title>
</head>
<body>

<img src="./图片文件名" width="100%" height="200px"/>

</body>
</html>

超链接锚链接

html超链接

a：定义超链接

href：定义跳转的路径（相对路径绝对路径）

targht：定义网页目标跳转位置（默认值）

-self：当前窗口打开

-blank：在新窗口打开

-top：在最高级页面打开

-parent：在父级窗口打开

html锚链接

定义网页跳转到相应位置

1、给需要跳转的目标位置html的标签添加id属性，a标签还可以使用name属性

不能全是数字或者汉字，只能以_或者英文字母开头（_one / one）

2、给点击跳转的a标签的href添加属性值或者name属性值 href=“#one”

<!DOCTYPE html>
<html>
<head>


![img](https://img-blog.csdnimg.cn/img_convert/d990854de5f3ab4bad3f766e2f22a301.png)
![img](https://img-blog.csdnimg.cn/img_convert/0db1609173504e3e3e800160db368c3e.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618545628)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

很难做到真正的技术提升。**

**[需要这份系统化资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618545628)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**