HTML学习（七）：语法规则：单标签

最新推荐文章于 2024-08-05 17:20:59 发布

观月执白

最新推荐文章于 2024-08-05 17:20:59 发布

阅读量3.7k

点赞数 1

分类专栏： HTML 文章标签： html 前端

本文链接：https://blog.csdn.net/pianzang5201/article/details/121325241

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

单标签由一个开始标签（带斜杠）表示。

开始标签（带斜杠）

1、注释标签

注释标签用于在源代码中插入注释。注释不会显示在浏览器中。

<!--这是一段注释。注释不会在浏览器中显示。-->

2、<!DOCTYPE>声明

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

<!DOCTYPE html>

3、<a>标签

<a> 标签定义超链接，用于从一张页面链接到另一张页面。

<a href="http://www.google.com.cn">Google</a>

4、<abbr>标签

<area> 标签定义图像映射中的区域，area 元素总是嵌套在 <map> 标签中。

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

planets.jpg

5、<base>标签

<base> 标签为页面上的所有链接规定默认地址或默认目标。

<head>
<base href="http://www.google.com.cn/i/" />
<base target="_blank" />
</head>

<body>
<img src="planets.jpg" />
<a href="http://www.google.com.cn">Google</a>
</body>

6、<br> 标签

<br> 可插入一个简单的换行符。<br> 标签是空标签。

<p>
To break<br />lines<br />in a<br />paragraph,<br />use the br tag.
</p>

7、<col> 标签

<col> 标签为表格中一个或多个列定义属性值。只能在 table 或 colgroup 元素中使用 <col> 标签。

<table width="100%" border="1">
  <col align="left" />
  <col align="left" />
  <col align="right" />
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

8、<embed> 标签

<embed src="helloworld.swf" />

9、<hr> 标签

<hr> 标签在 HTML 页面中创建一条水平线。

<h1>This is header 1</h1>
<hr />
<p>This is some text</p>

10、<img>标签

<!-- 显示同级目录下的test.jpg图片 -->
<img src="/test.jpg" />

11、<input> 标签

<input> 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  <input type="submit" value="Submit" />
</form>

12、<keygen> 标签

<keygen> 标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。

<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>

13、<link> 标签

<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>

14、<meta>标签

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

15、<param>标签

param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是说，此标签可为包含它的<object>或者<applet>提供参数。

<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" 
width="100" height="50">
  <param name="BorderStyle" value="1" />
  <param name="MousePointer" value="0" />
  <param name="Enabled" value="1" />
  <param name="Min" value="0" />
  <param name="Max" value="10" />
</object>

16、<source> 标签

<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。<source> 标签允许规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>

17、<track> 标签

<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件是可见的。

<video width="320" height="240" controls="controls">
  <source src="forrest_gump.mp4" type="video/mp4" />
  <source src="forrest_gump.ogg" type="video/ogg" />
  <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">
  <track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
</video>

观月执白

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
HTML学习（七）：语法规则：单标签

单标签由一个开始标签（带斜杠）表示。开始标签（带斜杠）1、注释标签注释标签用于在源代码中插入注释。注释不会显示在浏览器中。2、<!DOCTYPE>声明<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML ..
复制链接

扫一扫

专栏目录