在HTML5中，要创建一个实心正方块，您可以使用多种方法，以下是几种常见的方法，包括使用HTML元素、CSS样式和SVG（可缩放矢量图形）。
1、使用HTML元素和CSS样式：
您可以使用一个<div>元素，并为其添加CSS样式来创建一个实心正方块，以下是一个简单的例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>实心正方块示例</title>
<style>
.square {
width: 100px; /* 正方块的宽度 */
height: 100px; /* 正方块的高度 */
background-color: #3498db; /* 正方块的背景颜色 */
}
</style>
</head>
<body>
<div class="square"></div>
</body>
</html>
在这个例子中，我们创建了一个名为.square的CSS类，设置了宽度和高度为100像素，并将背景颜色设置为深蓝色（#3498db），这样，<div>元素就会显示为一个100x100像素的实心正方块。
2、使用SVG：
SVG是创建矢量图形的强大工具，您可以使用SVG来创建实心正方块，以下是一个使用SVG创建实心正方块的例子：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SVG实心正方块示例</title> </head> <body> <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"> <rect x="0" y="0" width="100" height="100" fill="#3498db"/> </svg> </body> </html>
在这个例子中，我们创建了一个SVG元素，并为其设置了宽度和高度为100像素，我们使用<rect>元素来定义一个矩形，其宽度和高度也为100像素，并设置填充颜色为深蓝色（#3498db），这样，SVG元素就会显示为一个100x100像素的实心正方块。
3、使用HTML5 Canvas：
HTML5 Canvas是一个强大的绘图工具，您可以使用JavaScript来创建实心正方块，以下是一个使用Canvas创建实心正方块的例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Canvas实心正方块示例</title>
</head>
<body>
<canvas id="myCanvas" width="100" height="100"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
// 设置填充颜色
ctx.fillStyle = "#3498db";
// 绘制实心正方块
ctx.fillRect(0, 0, 100, 100);
</script>
</body>
</html>
在这个例子中，我们创建了一个名为myCanvas的<canvas>元素，并为其设置了宽度和高度为100像素，我们使用JavaScript获取Canvas的上下文，并设置填充颜色为深蓝色（#3498db），接着，我们使用fillRect()方法绘制一个100x100像素的实心正方块。
以上就是在HTML5中创建实心正方块的几种方法，您可以根据您的需求和喜好选择合适的方法。