超文本标记语言（HyperText Markup Language），简称 HTML。
超文本标记语言，标准通用标记语言下的一个应用。是 网页制作必备的编程语言 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
下图就是html的模板。
下面，我们了解下HTML最基本知识。
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
HTML 段落是通过标签 <p>来定义。
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
HTML 链接是通过标签 <a> 来定义的。
<a href="https://www.baidu.com">贪心科技</a>
层叠样式表(英文全称：Cascading StyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 我们可以认为CSS是html一件华丽的上衣。 css的格式
<style type="text/css">
标签名称{
属性名称: 属性对应的值;
...
}
</style>
我们一般通过三种写入CSS方法。
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
我们可以认为JavaScript实现html的动态功能。
下面，我们实现非常简单的鼠标移入和鼠标移出事件。
<style>
div{
width: 200px;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<div class="div">我是div</div>
</body>
<script>
window.onload = function () {
var div =document.getElementsByClassName("div")
div[0].onmouseover = function () {
this.innerHTML = "鼠标移入了";
};
div[0].onmouseleave = function () {
this.innerHTML = "鼠标移出了";
}
div[0].onclick = function () {
this.innerHTML = "鼠标点击了";
}
}
</script>
效果如下：
京公网安备 11010802035086号