前端日记：html标签

最新推荐文章于 2025-08-13 18:53:35 发布

原创最新推荐文章于 2025-08-13 18:53:35 发布 · 101 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #html5

1、标题标签

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

标签的级别不同，大小也不同

2、段落标签

<p>ET ET ET!</p>
<P>EEEEEEE!!!</P>

独立形成一段文字

3、换行标签

ETETET <br/>
1111111 <br/>

在一段文字后添加上<br/>即可换行

4、水平线标签

<hr/>

即在页面上出现一条横向的直线

5、一些特殊符号

<h1>字体样式</h1>
粗体 :  <strong>E T</strong>
斜体 :  <em> E T</em>
<br/>

空格：空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格

6、图像标签

在html页面上显示图片，src为图片路径，alt为图像替代的文字，TITLE为鼠标悬停图像时提示的文字.

<img src="../resources/image/ET-1.jpg" alt="ET" TITLE="ettt"  width="400" height="400">

7、列表标签

分为有序列表，无序列表和自定义列表

<!--有序列表-->
<ol>
  <li>猫</li>
  <li>狗</li>
  <li>猴子</li>
</ol>
<hr/>

<!--无序列表-->
<ul >
  <li>猫</li>
  <li>狗</li>
  <li>猴子</li>
</ul>
<hr/>

<!--自定义列表
dl 标签
dt 列表名称
dd 列表内容
-->
<dl>
  <dt>动物</dt>
  <dd>猫</dd>
  <dd>狗</dd>
  <dd>猴子</dd>
</dl>

8、媒体播放标签

controls：视频控制组件

autoplay：设置视频自动播放

<!--视频-->
<video src="../resources/video/1-1.MP4" controls autoplay></video>

<!--音频-->
<audio src="../resources/audio" controls autoplay></audio>

9、连接标签

a标签，herf：表示要跳转的哪个页面，

target：设置跳转后的窗口如何打开（_blank：表示在新标签打开；_self：表示在原来的网页打开）

<a href="myhtml01.html" target="_blank">点击我跳转</a>

标记某一位置进行跳转：先使用a标签对页面的某一位置进行标记，再设置另一a标签实现点击跳转

标记头部：

<a name="top">顶部</a>

在底部设置跳转的a标签：

<a href="#top">回到顶部</a>