前端三大基础技术

最新推荐文章于 2021-08-31 13:58:23 发布

dwhwwj

最新推荐文章于 2021-08-31 13:58:23 发布

阅读量1.6k

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_43900284/article/details/112555090

版权

笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

HTML

HTML(Hyper Text Markup Language):是一种构造网页语言，通过标记式的指令（Tag），将影像、声音、图片、文字等内容显示出来。它规定了自己的语言法则，用来表示比“文本”更丰富的意义项。

HTML5：html的最近标准，2014年制定发布。html5新增了一些语义化标签，支持video、audio音视频、canvas/webgl等能力。

HTML基础标签：head、body、html、标题（h1-h7）、段落（p）、链接（a）、图像（image）、表格（table）、列表（ul、ol）等。

一个html文档的基本构造：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello</title>
</head>
<body>
<p>Hello</p>
<a href="http://www.baidu.com"></a>
</body>
</html>

CSS

CSS (Cascading Style Sheets):层叠样式表，一种定义样式的构造语言，比如字体、颜色和定位，它们描述了如何在web页面上格式化和显示信息。

CSS3:css最新标准。css3新增了动画、选择器等特性。CSS3演进的一个主要变化就是W3C决定将CSS3分成一系列模块。主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。分成若干较小的模块较利于规范及时更新和发布，厂商也可以由选择的支持一部分css3模块能力，方便css3的推广。

css在html中的书写位置:
1、写在行内(不推荐)

<h1 style="color:red">haha</h1>

2、写在htmI中的style标签里(不推荐)

<style>
h1{
color:red
}
</style>

3、链接方式(推荐)

<link rel="stylesheet" type="text/css" href="style.css">

JavaScript

javascript：一种解释型脚本语言 (代码不需要编译可以直接运行)，目的是能够在客户端的网页中增javascript加动态效果和交互能力，实现了用户与网页之间的一种实时的、动态的交互关系。

ECMAScript：JavaScript语言的规范标准，javascript是ECMAScript标准的实现。javascript它最初是由网景公司于1995年设计的，起名为LiveScript,后来Java语言非常火，网景公司希望借ECMAScript助Java的名气来推广，改名为JavaScript. JavaScript1.1版本被Netscape公司交给ECMA制定脚本语言标准，新命名为ECMAScript (版权问题、标准的开放中立性)。

ES6/ES2015：2015年ECMA发布6.0版本，简称ES6/ECMAScript 2015。

JS组成: ECMAScript (JS的核心)、DOM (文档对象模型)

BOM (浏览器对象模型)

a.ECMAScript:主要定义了JS的语法及数据类型

b.文档对象模型(DOM) : 套操作页面元素的AP, DOM可以把HIML看做是文档树，通过DOM提供的API可以对树上的节点进行操作

C.浏览器对象模型(BOM) : -套操作浏览器功能的API,通过BOM可以操作浏览器窗口

JS在html中的书写位置:

1、写在行内(不推荐)

<button class="btn btn-pause" onclick="alert('haha')">暂停</button>

2、写在html中的script标签里(不推荐)

<script>
alter('Hello World!');
</script>

3、写在外部js文件中(推荐)

<script type="text/javascript" src="/js/Hello.js"></script>

dwhwwj

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
前端三大基础技术

HTML(Hyper Text Markup Language):是一种构造网页语言，通过标记式的指令（Tag），将影像、声音、图片、文字等内容显示出来。它规定了自己的语言法则，用来表示比“文本”更丰富的意义项。HTML5：html的最近标准，2014年制定发布。html5新增了一些语义化标签，支持video、audio音视频、canvas/webgl等能力。HTML基础标签：head、body、html、标题（h1-h7）、段落（p）、链接（a）、图像（image）、表格（table）、列表（ul、o
复制链接

扫一扫