HTML在线运行
运行代码后，console.log() 与 JS 报错会显示在这里。
HTML在线运行
使用HTML在线运行工具可以在线编写HTML代码或者测试您本地的HTML代码，实时看到在线的反馈结果。
使用 HTML在线运行很简单，而且速度很快，只需要点击上方的"运行"按钮即可执行，然后在运行结果区域中看到运行的效果。
您可以使用内联样式和JS脚本语言测试css和js的运行效果。
HTML在线运行工具的特点
以下介绍HTML在线运行工具的特点。
- 友好的用户界面：HTML在线运行具有直观的界面，使编码变得简单。我们不需要下载或安装任何开发环境，只需打开您的网络浏览器，即可在线运行 HTML 代码。
- 实时代码编辑 ：在左侧的HTML编辑器中，我们可以实时编辑您的 HTML 代码并立即查看结果。这意味着更快的开发速度和更少的错误。
- 即时预览 ：HTML在线运行提供了 HTML 输出的即时预览，因此我们可以在编写代码时看到网页的外观。这是微调我们的设计和布局的完美方式。
- 语法高亮：开发人员集成了语法高亮功能，可帮助您轻松发现错误并识别代码的不同部分。此功能对于初学者和经验丰富的程序员都特别有用。
- 多种背景主题：每个人都有自己喜欢的编码环境。HTML 在线运行具有 HTML 编辑器主题，可满足您的风格和舒适度，无论您喜欢深色背景主题还是浅色背景主题。
常见 HTML 标签
<!DOCTYPE html> ：声明 HTML 文档的类型和版本。<html>：它是包裹整个HTML文档的根元素。
<head>：它包含有关 HTML 文档的元信息，如标题、样式表链接等。
<title>：设置 HTML 文档的标题，显示在浏览器的标题栏或选项卡中。
<body>：包含 HTML 文档的主要内容。
<h1> 至 <h6>：这些是标题标签，其中 <h1> 最大，<h6> 最小。
<p>：代表一个段落。
<a>：定义超链接，href 属性指定 URL。
<img>：嵌入图像。src 属性包含图像的路径。
<ul> 和 <ol>：它们分别定义无序列表和有序列表。使用 <li> 表示列表项。
<div>：用于对内容进行分组的容器或分区。
<span>：用于设置内联元素或小段文本的样式。
<br>：代表换行符。
<hr>：代表主题分隔符或水平线。
<strong> 和 <em>：使用强烈和强调样式来强调文本。
<a>：定义一个超链接，href属性指定URL。
<table>：定义表格。使用 <tr> 表示表格行，使用 <th> 表示表格标题，使用 <td> 表示表格单元格。
<form>：包含表单元素。使用 <input>、<textarea>、<select> 等作为表单控件。
<input>：它定义表单内的输入字段。
<textarea>：定义多行文本输入控件。
<select>：创建一个下拉列表。使用 <option> 来选择列表中的单个项目。
<iframe>：嵌入内联框架，通常用于嵌入外部内容。