前端学习（7）：web的三大技术

HTML(5)

是一门标记型语言，主要由一些具备特殊含义的标签构成（建筑物结构）

所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到网页，多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础

CSS(3)

是一门描述性语言，主要一系列选择器(html元素)和属性构成(建筑的外部与内部装饰)

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化

JavaScript

是一门脚本编程语言，包含类似java的语法(数据类型，数组，条件分支，循环，对象..)(对外运营)

是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>我是歌谣</title><style>div{color: red; font-style: italic;}</style>
</head>
<body><div>我是歌谣</div>
</body>
<script>
let div = document.querySelector('div');
let timer = null;
let flag = true;
div.onmouseover = function(){timer = setInterval(()=>{if(flag){div.style.color ='blue';div.style.fontStyle ='normal';}else{div.style.color ='red';div.style.fontStyle ='italic';} flag = !flag;},500);
};
div.onmouseout = function(){clearInterval(timer);
};
</script>
</html>

运行结果（放在上面会不停切换）