form表ge实例 html_HTML 常用标签列表

77f50773f934e3eb3de8677b7b3fc427.png

HTML是一种超文本标记语言,用于创建网页的一种标准标记语言。我们可以在HTML中添加图片和对象,创建交互式表单。HTML还包括很多标签,例如<head>标签,我们首先要了解一下HTML一般格式:

<!DOCTYPE html>
 <html>
  <head>
  </head>
  <body>
  </body>
</html>

根元素

<html>代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点

文档元数据

<head>代表关于文档元数据的一个集合,包括脚本或样式表的链接或内容。

<title>定义文档的标题,将显示在浏览器的标题栏或标签页上。该元素只能包含文本,包含的标签不会被解释。

<link>用于链接外部的 CSS 到该文档。

<meta>定义其他 HTML 元素无法描述的元数据。

<style>用于内联 CSS。

脚本

<script>定义一个内联脚本或链接到外部脚本。脚本语言是 JavaScript。

<template>通过 JavaScript 在运行时实例化内容的容器。

章节

<body> 代表 HTML 文档的内容。在文档中只能有一个 <body> 元素。

<section>定义文档中的一个章节。

<nav>定义只包含导航链接的章节。

<article>定义可以独立于内容其余部分的完整独立内容块。

<h1>,<h2>,<h3>,<h4>,<h5>,<h6>标题元素实现了六层文档标题,<h1>是最大的标题,<h6>是最小的标题。标题元素简要地描述章节的主题。

<header>定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。

<footer>定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。

组织内容

<p>定义一个段落。

<ol>定义一个有序列表。

<ul>定义一个无序列表。

<li>定义列表中的一个列表项。

<div>代表一个通用的容器,没有特殊含义。

文字形式

<a>代表一个链接到其他资源的超链接

<em>代表强调文字。

<strong>代表特别重要文字。

<small>代表注释,如免责声明、版权声明等,对理解文档不重要。

<span>代表一段没有特殊含义的文本,当其他语义元素都不适合文本时候可以使用该元素。

嵌入内容

<img>代表一张图片

<video>代表一段视频及其视频文件和字幕,并提供了播放视频的用户界面。

<audio>代表一段声音,或音频流

<canvas>代表位图区域,可以通过脚本在它上面实时呈现图形,如图表、游戏绘图等。

表格

<table>定义多维数据

<caption>代表表格的标题

<colgroup>代表表格中一组单列或多列

<col>代表表格中的

<tbody>代表表格中一块具体数据(表格主体)。

<thead>代表表格中一块列标签(表头)。

<tfoot>代表表格中一块列摘要(表尾)。

<tr>代表表格中的

<td>代表表格中的单元格

<th>代表表格中的头部单元格

表单

<form>代表一个表单,由控件组成。

<label>代表表单控件的标题

<input>代表允许用户编辑数据的数据区(文本框、单选框、复选框等)。

<button>代表按钮

<textarea>代表多行文本框

<progress>代表进度条

<meter> 代表滑动条

交互元素

<menuitem>代表一个用户可以点击的菜单项。

<menu>代表菜单。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值