HTML

HTML是Hyper Text Markup Language的缩写，用于创建网页。它由一系列标签组成，这些标签描述了文本、图像、链接和其他内容的外观和布局。

在HTML中，标签通常以“<”和“>”符号括起来。例如，下面是一个基本的HTML文档结构：

<!DOCTYPE html>
<html>
  <head>
    <title>My HTML Document</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    <p>This is a paragraph of text.</p>
  </body>
</html>

其中，<!DOCTYPE html>指定了文档类型为HTML5，<html>标签定义了文档的根元素，<head>标签用于指定文档的元数据，例如标题和链接到外部样式表的信息。<body>标签包含网页的主要内容，例如标题和段落。

然后使用Markdown格式记下CSS和JS的介绍和基础知识，例如：

CSS

CSS是Cascading Style Sheets的缩写，用于控制HTML元素的外观和布局。CSS规则由选择器和声明构成。选择器用于选择要样式化的元素，声明则包含一个或多个属性/值对，用于指定元素的外观和布局。

以下是一个简单的CSS规则示例：

h1 {
  color: red;
  font-size: 24px;
}

其中，h1是选择器，指定样式应用于所有的<h1>元素。color和font-size是属性，red和24px是对应的属性值。

JavaScript

JavaScript是一种用于在网页上创建交互性和动态效果的编程语言。它可以通过在HTML文档中嵌入代码块或外部脚本文件来实现。

以下是一个简单的JavaScript示例：

let greeting = 'Hello, World!';
console.log(greeting);

这个代码段创建一个greeting变量，并将字符串'Hello, World!'赋值给它。然后，它使用console.log()函数将greeting变量的值输出到浏览器控制台中。 HTML 示例代码：

<!DOCTYPE html>
<html>
  <head>
    <title>My HTML Document</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    <p>This is a paragraph of text.</p>
  </body>
</html>

这个示例代码将输出一个带有标题和段落的HTML文档。<!DOCTYPE html> 指定了文档类型为HTML5。

CSS 示例代码：

h1 {
  color: red;
  font-size: 24px;
}

这个示例代码将为所有的<h1>元素设置红色的字体颜色，并将字体大小设置为24像素。

JavaScript 示例代码：

function addNumbers(num1, num2) {
  let result = num1 + num2;
  return result;
}

let sum = addNumbers(5, 10);
console.log(sum);

这个示例代码定义了一个名为addNumbers的函数，它将两个数字相加并返回结果。然后它调用这个函数，将5和10传递作为参数，并将结果存储在sum变量中。最后，它将sum变量的值输出到控制台。

这些示例代码的运行结果会因运行环境而异，但可以通过在浏览器或命令行的控制台中查看来检查代码的结果。希望这些示例代码和结果能帮助你更好地理解HTML、CSS和JS！

前端语言串讲

HTML

CSS

JavaScript