HTML标签大全

TTTi9er

已于 2024-05-08 16:24:01 修改

阅读量343

点赞数 4

文章标签： html 前端

于 2024-05-02 23:26:38 首次发布

本文链接：https://blog.csdn.net/m0_74475812/article/details/138402377

版权

本文是用于解释文章中使用的标签，方便萌新理解标签结构，也方便大佬忘了过来查一下~
本文根据博客教学进度实时更新，可以收藏一下~

文章目录

第二篇
第三篇
- - 4.ul
  - 5.li
第四篇
第六篇
- - 1.hr
第七篇

第二篇

第二篇链接

1.template

<template></template>

用于定义结构代码，所有的结构代码都包含在这个标签

2.div

<div></div>

标签可以把文档分割为独立的、不同的部分，是一个容器。

3.h1,h2,h3…

<h1></h1>

从h1到h6都是标题标签，h1字体最大，越往后字体越小。

<h1>念奴娇·赤壁怀古</h1>
<h2>念奴娇·赤壁怀古</h2>
<h3>念奴娇·赤壁怀古</h3>
<h4>念奴娇·赤壁怀古</h4>
<h5>念奴娇·赤壁怀古</h5>
<h6>念奴娇·赤壁怀古</h6>

4. button

按钮

<button @click="showTel">查看电话</button>

如图即是绑定了如果click事件的按钮

第三篇

第三篇链接

4.ul

<ul></ul>

无序列表标签，用于在效果中定义一个无序列表

5.li

<li></li>

列表条目项标签，用于在效果中定义一个列表的条目

<ul>
        <li>古诗</li>
        <li>古词</li>
        <li>诗歌</li>
</ul>

第四篇

第四篇链接

1.br

<br> 标签插入单行换行符。
<br> 标签是空标签，意味着它没有结束标签，因此这是错误的：<br></br>。

2.input

即输入框，例子同上。

3.span

<span> 是一个通用的行级容器，本身不具备特殊含义。它可被用于对元素进行编组，以便于添加样式（通过使用 class 或 id 属性），或共享属性值（例如 lang 属性）。该元素仅应在无其他合适语义元素时使用。<span> 与 <div> 元素非常相似，但是 <div> 是块级元素，而是一个行级元素。

第六篇

第六篇链接

1.hr

<hr> 可以显示一条水平线，<HR SIZE=10>，size可以修改线的宽度。

第七篇

第七篇链接

1. a

<a> 标签定义超链接，用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性，它指示链接的目的地。
a的href属性
href 属性规定链接指向的页面的 URL。

href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。

如果 href 属性不存在，则 <a> 标签将不是超链接。

注：可以使用 href=“#top” 或 href=“#” 链接到当前页面的顶部！

<a href="链接网址">text</a>

2.RouterLink

 <RouterLink to="/test" active-class="active">测试</RouterLink>

这是路由中特有的标签，to代表点击后跳转的地址，active-class代表选中时候的样式。

3. RouterView

  <RouterView></RouterView>

用来占位，可以展示路由的页面。