html5的标签

最新推荐文章于 2021-06-16 11:29:24 发布

紫宇轩

最新推荐文章于 2021-06-16 11:29:24 发布

阅读量232

点赞数

分类专栏： Html5

本文链接：https://blog.csdn.net/ziyuxuan90/article/details/79558497

版权

Html5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML5 `<input>` 标签

<input> 标签规定了用户可以在其中输入数据的输入字段。
<input> 元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。
输入字段可通过多种方式改变，取决于 type 属性。

HTML5 `<img>` 标签

<img> 标签定义 HTML 页面中的图像。
<img> 标签有两个必需的属性：src 和 alt。
注释：从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。标签的作用是为被引用的图像创建占位符。
提示：通过在 <a> 标签中嵌套 <img> 标签，给图像添加到另一个文档的链接。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>图片</title> 
</head>

<body>
<a href="">
    <img src="/statics/images/course/smiley.gif" alt="Smiley face" width="42" height="42">
</a>

</body>
</html>

HTML5 `<ins>` 标签

<ins> 标签定义已经被插入文档中的文本。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>标签测试</title> 
</head>
<body>

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

</body>
</html>

这里写图片描述

HTML5 `<link>` 标签

<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>W3Cschool(w3cschool.cn)</title>
<link rel="stylesheet" type="text/css" href="/statics/demosource/styles.css"> 
</head>

<body>
<h1>我是通过样式文件 styles.css 渲染后显示的。</h1>
<p>我也是。</p>
</body>

</html>

这里写图片描述

HTML5 `<li>` 标签

<li> 标签定义列表项目。
<li> 标签可用在有序列表（<ol>）、无序列表（<ul>）和菜单列表（<menu>）中。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>测试标签</title> 
</head>
<body>

<p>有序列表:</p>
<ol>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>

<p>无序列表:</p>
<ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>

</body>
</html>

运行结果为：
这里写图片描述

HTML5 `<legend>` 标签

HTML5 <legend>元素是<fieldset>元素的第一个子元素，定义了<fieldset>元素的标题。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>个人信心</title> 
</head>
<body>

<form>
 <fieldset>
  <legend>个人信息:</legend>
  姓名: <input type="text"><br>
  年龄: <input type="text"><br>
  手机号: <input type="text">
 </fieldset>
</form>

</body>
</html>

运行结果为：
这里写图片描述

HTML5 `<label>` 标签

HTML5 <label>标签用于为 input 元素做出标记。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>W3Cschool(w3cschool.cn)</title> 
</head>
<body>

<p>点击其中一个文本标签选中选项：</p>

<form>
  <label for="male">男</label>
  <input type="radio" name="sex" id="male" value="男"><br>
  <label for="female">女</label>
  <input type="radio" name="sex" id="female" value="女"><br><br>
  <input type="submit" value="提交">
</form>

</body>
</html>

运行结果为：
这里写图片描述

HTML5 `<map>` 标签

<map> 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。
<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 <map> 添加 id 和 name 属性。
area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。

紫宇轩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5的标签

HTML5 &lt;input&gt; 标签&lt;input&gt; 标签规定了用户可以在其中输入数据的输入字段。 &lt;input&gt; 元素在 &lt;form&gt; 元素中使用，用来声明允许用户输入数据的 input 控件。输入字段可通过多种方式改变，取决于 type 属性。HTML5 &lt;img&gt; 标签&lt;img&gt; 标签定义 HTML 页面中的...
复制链接

扫一扫