文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

html5中标题标签是哪个

2024-04-02 19:55

关注

这篇文章主要为大家展示了“html5中标签是哪个”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html5中标签是哪个”这篇文章吧。

html5标签有:1、title标签,定义文档的;2、h2、h3、h4、h5、h6、h7标签,定义内容;3、caption标签,定义表格;4、figcaption标签;5、legend标签;6、summary标签。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

html5标签

1、<title> 标签

<title> 标签定义文档的,在所有 HTML 文档中是必需的。

<title>元素:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>编程网</title>
</head>
<body>
...
</body>
</html>

2、<h2> to <h7>标签

<h2> - <h7> 标签可定义。<h2> 定义最大的。<h7> 定义最小的。

由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。

<h2>这是 1</h2>
<h3>这是 2</h3>
<h4>这是 3</h4>
<h5>这是 4</h5>
<h6>这是 5</h6>
<h7>这是 6</h7>

html5中标签是哪个

3、<caption>标签

caption 元素定义表格。

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个。通常这个会被居中于表格之上。

<table border="1">
	<caption>人物信息</caption>
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
</table>

html5中标签是哪个

4、<figcaption>标签

<figcaption> 标签为 <figure> 元素定义。

<figcaption> 元素应该被置于 <figure> 元素的第一个或最后一个子元素的位置。

<!DOCTYPE HTML>
<html>
<body>

<p>上海卢浦大桥是当今世界第一钢结构拱桥,是世界上跨度最大的拱形桥。它也是世界上首座完全采用焊接工艺连接的大型拱桥(除合拢接口采用栓接外),现场焊接焊缝总长度达4万多米,接近上海市内环高架路的总长度。卢浦大桥像澳大利亚悉尼的海湾大桥一样具有旅游观光的功能。</p>

<figure>
  <figcaption>黄浦江上的的卢浦大桥</figcaption>
  <p>拍摄者:W3School 项目组,拍摄时间:2010 年 10 月</p>
  <img src="/i/shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>

</body>
</html>

html5中标签是哪个

5、<legend>标签

legend 元素为 fieldset 元素定义(caption)。

<!DOCTYPE HTML>
<html>

<body>

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高:<input type="text" />
    体重:<input type="text" />
  </fieldset>
</form>

<p>如果表单周围没有边框,说明您的浏览器太老了。</p>

</body>
</html>

html5中标签是哪个

6、<summary>标签

<summary> 标签为 <details> 元素定义一个可见的。 当用户点击时会显示出详细信息。

<!DOCTYPE HTML>
<html>
<body>

<details>
<summary>HTML 5</summary>
This document teaches you everything you have to learn about HTML 5.
</details>

</body>
</html>

html5中标签是哪个

以上是“html5中标签是哪个”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯