HTML | Notion

<aside> 💡 HTML 指的是超文本标记语言，而不是一种编程语言，它是用来描述网页的一种语言

</aside>

HTML 语法规范

语法概述
标签关系

基本结构标签

HTML 文档的的后缀名必须是 .html 或 .htm ，浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

基本标签
文档类型声明标签
字符集

常用标签

标题标签 <h1> - <h6>

为了使网页更具有语义化，我们经常会在页面中用到标题标签。HTML 提供了 6 个等级的网页标题，即<h1> - <h6>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>我是h1</h1>
		<h2>我是h2</h2>
		<h3>我是h3</h3>
		<h4>我是h4</h4>
		<h5>我是h5</h5>
		<h6>我是h6</h6>
	</body>
</html>

标签语义：作为标题使用，且依据重要性递减

Untitled

特点：

加了标题的文字会变的加粗，字号也会依次变大
一个标题独占一行

段落标签

在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。在 HTML 标签中，<p>标签用于定义段落，它可以将整个网页分为若干个段落

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p> 我是一个段落标签 </p>
		<p> 我也是一个段落标签 </p>
	</body>
</html>

标签语义：可以把 HTML 文档分割为若干段落

Untitled

特点：

文本在一个段落中会根据浏览器窗口的大小自动换行
段落和段落之间保有空隙