专注Java教育14年 全国咨询/投诉热线:400-8080-105
动力节点LOGO图
始于2009,口口相传的Java黄埔军校
首页 学习攻略 Java学习 Javaweb基础视频教程之HTML教程

Javaweb基础视频教程之HTML教程

更新时间:2020-07-23 15:37:21 来源:动力节点 浏览1597次

HTMl

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

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

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

下图就是html的模板。

Javaweb基础视频教程之HTML教程

基本知识

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

标题HTML标题(Heading)是通过<h1>-<h6>标签来定义的。

<h1>这是一级标题</h1>

<h2>这是二级标题</h2>

<h3>这是三级标题</h3>

段落

HTML段落是通过标签<p>来定义。

<p>这是一个段落。</p>

<p>这是另外一个段落。</p>

链接

HTML链接是通过标签<a>来定义的。

<a href="https://www.baidu.com">贪心科技</a>

CSS

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

<style type="text/css">
        标签名称{
            属性名称: 属性对应的值;
            ...
        }
</style>

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

head头部写入

直接在标签写style

新建css文件在通过link标签导入

JavaScript

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>

Javaweb基础视频教程之HTML教程

Java视频教程下载

HTML基础:http://www.bjpowernode.com/javavideo/115.html

以上就是动力节点java培训机构的小编针对“Javaweb基础视频教程之HTML教程”的内容进行的回答,希望对大家有所帮助,如有疑问,请在线咨询,有专业老师随时为你服务。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>