“前端串讲语言”学习笔记｜青训营

2023-07-28 155 阅读1分钟

“前端语言串讲”学习笔记

前言: 期待已久的第六届字节跳动青训营终于开营了，希望可以在这次青训营中提高自己并认识许多志同道合的新同学。这也是我第一次写博客，有什么不足的地方，请各位老师和同学指正。
这是本次青训营前端方向第一次课程的笔记。是根据自身情况总结的笔记。

一.前端“三剑客“简介

HTML(全称HyperText Markup Language,超文本标记语言),用于构造页面的内容结构。
CSS(全称Cascading Style Sheet,层叠样式表),用于添加网页的样式。
Javascript(一种脚本语言),用于构造页面的交互。

形象来说，HTML相对于人体全身的骨骼，形成人最基本的结构。而CSS好比人体最外层的皮肤，把里面的骨骼和肌肉组织都覆盖，不被轻易看出来。Javascript就是人体各部位的肌肉，与骨骼协助完成一些人体的动作。"三剑客"缺一不可。

还有下面是浏览器对HTML文件解析的流程图

二.前端三剑客之间的协作配合

HTML引入CSS

内联引用CSS

<p style="color:blue;">This is a paragraph.</p>

内部引用CSS

<head>
    <style type =text/css>
    body {background-color:blue;}
    p{color:yellow;}
    </style>
</head>

外部引用CSS

<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
   <!--外部有一个style.css的文件-->

2.HTML引入Javascript

内部引用Javascript

<head>
    <script type="text/javascript">
        document.write("Hello");
    </script>
</head>

外部引用Javascript

<head>
    <script src="hello.js">
    </script>
</head>