【Web前端】HTML常用标签总结（建议收藏）

发布于：2022-12-07 ⋅ 阅读:(700) ⋅ 点赞:(0)
在这里插入图片描述

🍎个人主页：亮点菌的博客
🍊个人信条：点亮编程之路，做自己的亮点
🍓参加活动：CSDN话题挑战赛第2期
🍅参赛话题：学习笔记
🥭本文内容：HTML常用标签

文章目录

1、基础标签

标签 描述
<h1> ~ <h6> 定义标题，h1最大，h6最小
<font> 定义文本的字体、字体尺寸、字体颜色
<b> 定义粗体文本
<i> 定义斜体文本
<u> 定义文本下划线
<center> 定义文本居中
<p> 定义段落
<br> 定义折行
<hr> 定义水平线
HTML 原代码 显示结果 描述
&lt; < 小于号或显示标记
&gt ; > 大于号或显示标记
&amp; & 可用于显示其它特殊字符
&quot; “ 引号
&reg; ® 已注册
&copy; © 版权
&trade; ™ 商标
&nbsp; 不断行的空白

2、图片、音频、视频标签

标签 描述
<img> 定义图片
<audio> 定义音频
<video> 定义视频

  • img：定义图片

    • src：规定显示图像的 URL
    • height：定义图像的高度
    • width：定义图像的宽度

  • audio：定义音频。支持的音频格式：MP3、WAV、OGG

    • src：规定音频的 URL
    • controls：显示播放控件

  • video：定义视频。支持的音频格式：MP4, WebM、OGG

    • src：规定视频的 URL
    • controls：显示播放控件

3、超链接标签

标签 描述
<a> 定义超链接，用于链接到另一个资源
  • href：指定访问资源的URL
  • target：指定打开资源的方式
    • _self:默认值，在当前页面打开
      • _blank：在空白页面打开

4、列表标签

标签 描述
<ol> 定义有序列表
<ul> 定义无序列表
<li> 定义列表项
  • type：设置符号的类型

5、表格标签

标签 描述
<table> 定义表格
<tr> 定义行
<td> 定义单元格
<th> 定义表头单元格

  • table：设置符号的类型

      * table：定义表格
  	* width：宽度
  	* border：边框
  	* cellpadding：定义内容和单元格的距离
  	* cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条、
  	* bgcolor：背景色
  	* align：对齐方式
  * tr：定义行
  	* bgcolor：背景色
  	* align：对齐方式
  * td：定义单元格
  	* colspan：合并列
  	* rowspan：合并行
  * th：定义表头单元格
  * <caption>：表格标题

6、布局标签

标签 描述
<div> 定义 HTML 文档中的一个区域部分，经常与 CSS 一起使用，用来布局网页
<span> 用于组合行内元素。

7、表单标签

标签 描述
<form> 定义表单
<input> 定义表单项，通过type属性控制输入形式
<label> 为表单项定义标注
<select> 定义下拉列表
<option> 定义下拉列表的列表项
<textarea> 定义文本域

8、type取值

type 取值 描述
text 默认值。定义单行的输入字段
password 定义密码字段
radio 定义单选按钮
checkbox 定义复选框
file 定义文件上传按钮
hidden 定义隐藏的输入字段
submit 定义提交按钮，提交按钮会把表单数据发送到服务器
reset 定义重置按钮，重置按钮会清除表单中的所有数据
button 定义可点击按钮
本文含有隐藏内容，请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到

热门文章

最新发布