HTML常用单标签速查手册

float_六七2025-11-05 10:38

<img>

插入图片：

html 复制代码

<img src="pic.jpg" alt="描述" width="300">

<input>

输入控件：

html 复制代码

<input type="text" name="user" placeholder="用户名">

<meta>

设置字符集与视口：

html 复制代码

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">

<area>

图片热点区域：

html 复制代码

<map name="m">
  <area shape="rect" coords="0,0,100,100" href="page1.html">
</map>
<img src="map.png" usemap="#m">

<col>

设置列样式：

html 复制代码

<table>
  <col style="background:#eee">
  <col style="width:150px">
  <tr><td>列1</td><td>列2</td></tr>
</table>

<embed>

嵌入插件内容：

html 复制代码

<embed src="video.swf" width="400" height="300">

<source>

给多媒体提供多格式：

html 复制代码

<video controls>
  <source src="mv.mp4" type="video/mp4">
  <source src="mv.webm" type="video/webm">
</video>

<track>

视频字幕：

html 复制代码

<video controls>
  <source src="mv.mp4" type="video/mp4">
  <track kind="subtitles" src="zh.vtt" srclang="zh" label="中文">
</video>