超快速入门 HTML 应用

发表于 分类于

适用人群

本文章适用于对于 HTML 无基础并希望快速入门基本 HTML 语言的人

注1：本文章同时用于本人所撰写的 Web 开发系列课程的「导学」部分，内容可能会随时更新，详情请看对应课程的说明

注2：本文章基于 HTML5 讲解，不会讲解 HTML5 中不存在与不推荐的内容，但同时也不会讲解 HTML5 中不甚常用的内容

HTML 概述

什么是 HTML

  1. HTML，全称为 HyperText Markup Language，超文本标记语言。
  2. 日常浏览网页中，在「查看源代码」时看到的文本内容就是 HTML
  3. 想让别人上网可以看到你的网页，你只能使用 HTML 来让其看到

最基本的 HTML 架构

文件类型

HTML 文件其实只是一个文本文件，不过和日常见到的「txt」文本文件不同的是它的后缀名为 「html」或「htm」

基本结构

如下便是一个基本的网页结构

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>这是文档标题</title>
</head>
<body>
这是一个最基本的 HTML 文档<br>这些文字会在第二行显示
</body>
</html>

一个基本 HTML 文档包括以下部分：

  • DOCTYPE 声明
  • html 根标签
  • head 标签
    • 编码声明
    • 文档标题
  • body 标签
    • 文档内容

在 HTML 中，在尖括号之间的内容称作「标签」，就如同上面的文档包括了「html」、「head」、「meta」、「title」、「body」、「
」六个标签。
你可能已经发现，对于一个标签，它通常由两部分组成——「<标签名>」与「</标签名>」，比如「html」、「head」、「meta」、「title」、「body」；而有一些则只有一个——「<标签名>」而不存在对应的「</标签名>」

【未完待续，敬请期待】