HTML基础（文本内容、列表、表格、图像、链接、属性）

原创

已于 2024-07-25 23:53:18 修改 · 1.5k 阅读

29 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #html5

于 2024-04-27 23:52:13 首次发布

HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其他技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。

什么是HTML?

HTML 代表超文本标记语言
HTML 是创建网页的标准标记语言
HTML 描述网页的结构
HTML 由一系列元素组成
HTML 元素告诉浏览器如何显示内容
HTML 元素标记内容片段，如 "这是一个标题", "this is a paragraph", "this is a link"等。

使用任何一款编辑器，甚至新建一个文本文档都可以，将文档后缀名命名为html即可得到一个网页文件。

第一个网页

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>demo</title>
</head>
<body>
 
<h1>标题</h1>
<p>段落</p>
<a href="https://blog.csdn.net/qq_42683732?type=blog">这是一个链接</a>
 
</body>
</html>

每个尖括号里的内容称为标签，有像<h1>标题</h1>这样要用<h1>将内容包裹起来的双标签，也有<meta charset="utf-8">这样单独的单标签

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 定义网页标题，会显示在浏览器的标签页上。
<body> 元素包含了