Java 后端学习笔记

提示

本文主要简单讲解 HTML 语言，并编写第一个网页。@ermo

web1.0 时代，互联网公司提供静态页面，用户只能浏览，不能做任何操作。

web2.0 时代，互联网公司提供基础平台，用户通过平台彼此交互，但是聊天记录和订单记录等数据信息归平台所有。

web3.0 时代，结合非同质化货币（NFT）、元宇宙、区块链等元素，用户掌握数字资产主动权，所有数字资产不再归平台所有，更加去中心化。

# 概述

# 网页的三大组成

HTML 称为超文本标记语言（HyperText Markup Language），这是一种设计浏览器网页的标记语言。

我们经常看到到浏览器网页有三部分组成：

  • HTML，网页结构，可以理解为人类的骨头
  • CSS，网页样式，可以理解为人类的皮肤
  • JavaScript，嵌入 HTML 的脚本语言，可以理解为人类的器官

HTML 是网页的结构，CSS 是网页的外观，JavaScript 是网页的行为。

# 入门

如何编写一个最简单的 HTML 网页呢？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
</head>
<body>
    第一个网页，你好！
</body>
</html>

将上述代码放在一个 .html 后缀的文件中，然后在浏览器打开，就可以看到一个简单的网页。

<!DOCTYPE html> 相当于是一种文档声明，告诉 web 浏览器当前网页使用的是超文本标记语言。

<html> 是整个网页外层的标记语言，相当于告诉浏览器，当前网页是从 <html> 开始，到 </html> 结束。

<head> 标签是网页的头部，定一些元数据，比如网页标题，引入外部文件等等。

<body> 标签是网页的身体，也就是网页的主要内容位置。一个网页的大部分内容都是在 <body> 标签内部的。

关于编码工具，推荐使用开源的 VS Code (opens new window)，前端开发必备工具。

与此同时，Github 也集成了在线 VS Code，打开一个 Github 仓库后，使用快捷键 .，页面会自动跳转到在线版的仓库编辑页面。

基础 →