前端语言有什么

前端语言有很多，其中比较常用的有 JavaScript、HTML、CSS、Ruby、PHP 等。

JavaScript

JavaScript 是一种属于网络的脚本语言，被广泛用于 Web 应用开发。作为一种动态编程语言，它主要用于增添网站的交互性。作为运行在浏览器中的解释型的编程语言，它的优势也是显而易见的，比如可以轻松实现跨平台、跨浏览器驱动网页以及与用户交互的功能。同时，JavaScript还能开发很多 Web 框架，如 Angular.js、Ember.js 以及 Javascript MVC 等。下是一个简单的JavaScript样式示例：

document.getElementById("myButton").addEventListener("click", function() {
  alert("Hello, World!");
});

JavaScript代码解析：

document.getElementById("myButton") 通过ID获取了一个按钮元素。
addEventListener() 方法用于向指定元素添加事件监听器，当事件被触发时执行指定的函数。
在函数中使用 alert() 方法弹出一个对话框，显示 "Hello, World!" 文字。

after run

document.getElementById("myButton").addEventListener("click", function() { alert("Hello, World!"); });

HTML

HTML(HyperText Markup Language) 是一种标记语言，用于创建网页的结构。它定义了网页的基本布局和内容，例如文本、图片、链接等。以下是一个简单的HTML页面结构示例：

<!DOCTYPE html>
<html>
<head>
  <title>My First Web Page</title>
</head>
<body>
  <h1>Welcome to My First Web Page!</h1>
  <p>This is a paragraph.</p>
</body>
</html>

HTML代码解析：

声明文档类型，告诉浏览器这是一个HTML5文档。
标签是整个HTML文档的根元素。
标签包含了文档的元数据，如标题、样式表和脚本等。
标签定义了网页的标题，显示在浏览器的标签页上。
标签包含了网页的所有内容，如文本、图片、链接等。
< h1> 和 < p > 标签分别表示一级标题和段落。

AFTER RUN `

My First Web Page

Welcome to My First Web Page!

This is a paragraph.

CSS

CSS 是一种样式表语言，用于描述 HTML 或 XML(包括如 SVG、MathML 等衍生技术)文档的呈现。它定义了文档中各种元素的外观和排版方式。下是一个简单的CSS样式示例：

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

CSS代码解析：

body 选择器选中了整个页面的背景颜色为浅蓝色。
h1 选择器选中了一级标题(<h1>)中的文字颜色为白色，并居中对齐。
p 选择器选中了段落(<p>)中的字体为Verdana,字号为20像素。

after run

`body { background-color: lightblue; }

h1 { color: white; text-align: center; }

p { font-family: verdana; font-size: 20px; } `

前端历史有什么

前端开发的历史可以追溯到20年前，当时对于前端的要求并不高，只要掌握HTML、CSS和JavaScript就足够开发网页了。随着互联网的发展，前端技术也在不断地发展和完善。大致可以分为以下几个阶段：

静态页面时代(1990-2000年):这个时代的特点是页面内容静态，没有交互性，需要通过链接跳转到其他页面。
HTML5时代(2000-2010年):HTML5标准的发布，标志着Web前端技术的又一次飞跃。HTML5引入了很多新的元素和属性，使得Web页面更加丰富多彩。
CSS3时代(2010-2015年):CSS3标准发布，使得Web页面的样式更加精美和动态化。同时，JavaScript也得到了很大的发展，成为了Web前端开发不可或缺的一部分。
响应式设计时代(2015年至今):随着移动设备的普及，响应式设计成为了Web前端开发的必备技能之一。同时，Vue.js、React等框架的出现也为Web前端开发带来了更多的选择。

前端有什么 ｜ 青训营

前端语言有什么

JavaScript

HTML

Welcome to My First Web Page!

CSS

前端历史有什么

前端有什么｜青训营