Web前端界面开发基础，Vue3的学习记录，HTML常用的五种标签

在Vue3中，HTML的五种常用标签包括<h1>到<h6>，表示标题，<p>表示段落，<a>表示超链接，<div>表示区块，<span>表示行内元素。

以下是一个简单的Vue3组件示例，展示了这五种标签的使用：

<template>
  <div>
    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>
    <h3>这是三级标题</h3>
    <h4>这是四级标题</h4>
    <h5>这是五级标题</h5>
    <h6>这是六级标题</h6>
 
    <p>这是一个段落。</p>
 
    <a href="https://www.example.com">这是一个超链接</a>
 
    <div>这是一个div区块</div>
 
    <span>这是一个span行内元素</span>
  </div>
</template>
 
<script>
export default {
  name: 'BasicTagsExample'
}
</script>
 
<style>
/* 可以添加一些样式 */
h1 {
  color: blue;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
</style>

在这个例子中，我们定义了一个Vue3组件，展示了如何使用这五种HTML标签，并附上简单的样式。这些标签和样式是任何Web前端项目的基础构建块。