HTML5基础中基础-CSDN博客

本文链接：https://blog.csdn.net/m0_60960867/article/details/121390642

一、基本结构

1、标记

HTML的标记有单独标记和成对标记。

$\bullet$ 单独标记

格式：<元素名称>

作用：在相应的位置插入元素，比如<br>标记，其为一个单独标记，意思是在此处插入一个换行符。

$\bullet$ 成对标记

格式：<元素名称>要控制的元素</元素名称>

比如<title></title>,当使用

<title>我的网页</title>

代表我的HTML文件的标题为“我的网页”

2、标记的属性

我们可以在标记中添加属性值，来为元素添加多样的属性，基本语法为

<元素名称 属性1=值1 属性2=值2……>要控制的元素</元素名称>

3、HTML文件的结构

<!--注释内容-->

<html><!--文件的开始-->
<head><!--文件头-->
<title>文件的标题</title><!--设置文件的标题-->
</haed>
<body>
文件的正文内容
</body>
</html><!--文件的结束-->

这就是一个HTML文件的基本结构

二、HTML的基本标记

①文件开始标记<html>

代表该文件以HTML语言编写，成对标记，且不带属性

②文件头部标记<head>

成对标记，放置HTML文件的基本信息，包含标题，编码方式，URL等

③标题标记<title>

成对标记，设置标题，且必需放在<head></head>中

④页面主体标记<body>

成对标记，页面的内容由他来包含，其有许多属性。比如text：文字颜色，bgcolor：背景颜色等等。当然我们不会经常使用这些属性，因为我们有CCS3这个大杀器，它能更加的丰富的渲染页面和对页面的格局进行设置。

三、一个十分简单且十分简陋的HTML

<!DOCTYPE html><!--html5标准网页声明-->
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>一个简陋的演示</title>
</head>
<body text="#4b0082" bgcolor="#f0fff0">
<h2 align="center">简单计算</h2>
<h3 align="center">x<sub>1</sub>+3x<sub>2</sub><sup>2</sup>=20</h3>
<h3 align="center">x<sub>1</sub><sup>2</sup>-2x<sub>2</sub><sup>3</sup>=5</h3>
<h4 align="center">由于答案</h4>
<h4 align="center">过于简单</h4>
<hr>
<h4 align="center">所以请爬，自己做！</h4>
</body>
</html>