html语言基本知识,HTML最基本的知识

HTMl

超文本标记语言(HyperText Markup Language)，简称 HTML。

超文本标记语言，标准通用标记语言下的一个应用。是 网页制作必备的编程语言 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语：Head)、和“主体”部分(英语：Body)，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

下图就是html的模板。

基本知识

下面，我们了解下HTML最基本知识。

标题HTML 标题(Heading)是通过

-

标签来定义的。

这是一级标题

这是二级标题

这是三级标题

段落HTML 段落是通过标签

来定义。

这是一个段落。

这是另外一个段落。

CSS

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

标签名称{

属性名称: 属性对应的值;

...

}

我们一般通过三种写入CSS方法。

head头部写入直接在标签写style新建css文件在通过link标签导入JavaScript

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

我们可以认为JavaScript实现html的动态功能。

下面，我们实现非常简单的鼠标移入和鼠标移出事件。

div{

width: 200px;

height: 200px;

background-color: red;

}

我是div

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 = "鼠标点击了";

效果如下：

举报/反馈