常用HTML标签检索表
标签 | 作用 | 例子 |
---|---|---|
<!DOCTYPE>
|
定义文档类型。 |
<!DOCTYPE html>
|
<html>
|
定义HTML文档。 |
<html> \n <head> \n <title> 网页标题</title> \n </head> \n <body> \n <h1> 这是一个网页标题</h1> \n <p> 这是网页内容</p> \n </body> \n</html>
|
<head>
|
定义HTML文档的头部。 |
<head> \n <title> 网页标题</title> \n <meta charset="UTF-8"> \n</head>
|
<title>
|
定义文档的标题。 |
<title> 网页标题</title>
|
<base>
|
定义页面中所有链接的默认地址或默认目标。 |
<base href="https://www.example.com/">
|
<link>
|
定义文档与外部资源之间的关系。 |
<link rel="stylesheet" href="style.css">
|
<meta>
|
定义文档的元数据。 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<style>
|
定义HTML文档的样式表。 |
<style> \n h1 {\n color: red;\n }\n</style>
|
<script>
|
定义客户端脚本。 |
<script> \n alert(“Hello World!”);\n</script>
|
<body>
|
定义HTML文档的主体部分。 |
<body> \n <h1> 这是一个网页标题</h1> \n <p> 这是网页内容</p> \n</body>
|
<div>
|
定义HTML文档中的对立区块。 |
<div class="container"> \n <p> 这是一个对立区块</p> \n</div>
|
<span>
|
定义HTML文档中的行内元素。 |
<span style="color: red;"> 这是行内文本</span>
|
<h1> - <h6>
|
定义标题级别。 |
<h1> 这是一级标题</h1> \n<h2> 这是二级标题</h2>
|
<p>
|
定义段落。 |
<p> 这是一个段落</p>
|
<a>
|
定义超链接。 |
<a href="https://www.example.com/"> 跳转到例子页面</a>
|
<img>
|
定义图像。 |
<img src="example.jpg" alt="例子图片">
|
<ul>
|
定义无序列表。 |
<ul> \n <li> 项目一</li> \n <li> 项目二</li> \n</ul>
|
<ol>
|
定义有序列表。 |
<ol> \n <li> 项目一</li> \n <li> 项目二</li> \n</ol>
|
<li>
|
定义列表中的项目。 |
<ul> \n <li> 项目一</li> \n <li> 项目二</li> \n</ul>
|
<table>
|
定义表格。 |
<table> \n <tr> \n <th> 标题1</th> \n <th> 标题2</th> \n </tr> \n <tr> \n <td> 数据1</td> \n <td> 数据2</td> \n </tr> \n</table>
|
<tr>
|
定义表格中的行。 |
<table> \n <tr> \n <th> 标题1</th> \n <th> 标题2</th> \n </tr> \n <tr> \n <td> 数据1</td> \n <td> 数据2</td> \n </tr> \n</table>
|
<td>
|
定义表格中的单元格。 |
<table> \n <tr> \n <th> 标题1</th> \n <th> 标题2</th> \n </tr> \n <tr> \n <td> 数据1</td> \n <td> 数据2</td> \n </tr> \n</table>
|
<th>
|
定义表格中的表头单元格。 |
<table> \n <tr> \n <th> 标题1</th> \n <th> 标题2</th> \n </tr> \n <tr> \n <td> 数据1</td> \n <td> 数据2</td> \n </tr> \n</table>
|
<form>
|
定义交互表单。 |
<form action="/example" method="post"> \n <input type="text" name="name" placeholder="姓名"> \n <input type="email" name="email" placeholder="电子邮箱"> \n</form>
|
<input>
|
定义交互表单中的输入框。 |
<input type="text" name="name" placeholder="姓名">
|
<textarea>
|
定义交互表单中的多行文本输入框。 |
<textarea name="message" placeholder="留言内容">``</textarea>
|
<button>
|
定义交互表单中的按钮。 |
<button type="submit"> 提交</button>
|
<select>
|
定义交互表单中的下拉列表。 |
<select name="gender"> \n <option value="male"> 男</option> \n <option value="female"> 女</option> \n</select>
|
<option>
|
定义下拉列表中的选项。 |
<select name="gender"> \n <option value="male"> 男</option> \n <option value="female"> 女</option> \n</select>
|
<label>
|
定义交互表单中的标签。 |
<label for="name"> 姓名</label> \n<input type="text" name="name" id="name">
|
<br>
|
定义换行。 |
<p> 这是第一行<br> 这是第二行</p>
|
<hr>
|
定义水平线。 |
<hr>
|
<nav>
|
定义导航链接。 |
<nav> \n <a href="/"> 首页</a> \n <a href="/about"> 关于我们</a> \n <a href="/contact"> 联系我们</a> \n</nav>
|
<header>
|
定义文档头部。 |
<header> \n <h1> 网站标题</h1> \n</header>
|
<footer>
|
定义文档底部。 |
<footer> \n <p> 版权信息</p> \n</footer>
|
<section>
|
定义文档中的文章或区域。 |
<section> \n <h2> 文章标题</h2> \n <p> 文章内容</p> \n</section>
|
<article>
|
定义独立的文章内容。 |
<article> \n <h2> 文章标题</h2> \n <p> 文章内容</p> \n</article>
|
<aside>
|
定义文章旁注内容。 |
<aside> \n <h3> 旁注标题</h3> \n <p> 旁注内容</p> \n</aside>
|
<video>
|
定义视频。 |
<video src="example.mp4" controls>``</video>
|
<audio>
|
定义音频。 |
<audio src="example.mp3" controls>``</audio>
|
<iframe>
|
定义内联框架。 |
<iframe src="https://www.example.com/">``</iframe>
|
<svg>
|
定义矢量图形。 |
<svg width="100" height="100"> \n <circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" /> \n</svg>
|
<canvas>
|
定义画布。 |
<canvas id="myCanvas" width="200" height="100">``</canvas>
|
<time>
|
定义日期或时间。 |
<time datetime="2020-01-01T00:00:00Z"> 2020年1月1日</time>
|
<address>
|
定义联系地址。 |
<address> \n 中国上海市浦东新区张衡路3000号\n</address>
|
<em>
|
定义强调文本。 |
<p>``<em> 这是强调文本</em>``</p>
|
<strong>
|
定义重要文本。 |
<p>``<strong> 这是重要文本</strong>``</p>
|
常用HTML标签检索表相关推荐
- [Jsp] 如何在JSP页面快速输出从Servlet接收的数据_看JSTL常用C标签的威力
JSTL的常用C标签 1)c:out 单值输出 语法: <c:out value="" /> <c:out value=""></ ...
- HTML一些常用的标签
html常用的标签一般用以下这些: div.p.span.img.h1~h6.from.table.th.td.a.br.ul.li.ol.button.input.nav.main.section. ...
- 显示多文档标签_HTML常用基础标签,前端从入门到精通
首先,我们来理解一下一个网页的基本组成 代码如下 一个网页是有许许多多的标签对组成的,即开始标签-结束标签,都是成对出现(当然我们后面会说的还存在单标签,表示自闭合标签,例如: ) 对上述的标签先来解 ...
- 网页最少要有一个html标签,PHP_网页开发人员必须知道的10个不常用HTML标签, 网页开发人员常常希望能 - phpStudy...
网页开发人员必须知道的10个不常用HTML标签 网页开发人员常常希望能够了解并掌握多种语言,结果是,学习一门语言的所有内容是棘手的,但是却很容易发现你并没有完全利用那些比较特殊却很有用的标签. 不幸的 ...
- python——前端常用的标签
1.meat标签 meta标签的使用meta标签共有两个属性:http-equiv和name;不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能.name属性 name属性主要用于描述 ...
- 前端开发~H5 ·学习笔记 ·001——【HTML介绍、常用HTML标签】
文章目录 一.HTML介绍 1.介绍 2.HTML标签 (1).介绍 (2).嵌套 (3).属性 3.HTML文档结构 (1).完整结构 (2).<!DOCTYPE html>标签 (3) ...
- 常用html标签 —— 链接的颜色
常用html标签 功能 代码 说明 空格 non-breaking space 1. <a> <a> 标签可定义锚.锚 (anchor) 有两种用法: 通过使用 href ...
- HTML结构及常用的标签
Web前端开发介绍 Web概述 Web开发技术分为客户端开发技术和服务端开发技术,HTML属于客户端开发种的一种语言,客户端开发还有哪些语言呢?看下图Web开发框架: Web前端开发语言主要包含:ht ...
- HTML常用的标签:
常用的标签: 1.标题标签h1-h6(重要) 为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的网页标题,即h1-h6. <h1>这是一级标题</h1& ...
最新文章
- Python中遍历整个列表及注意点(参考书籍Python编程从入门到实践)
- 水晶报表Crystal 语法 实用字段编辑
- 从零开始学python网络爬虫-教你从零开始学会写爬虫(Python)
- 网络程序开发实验报告
- 【.NET Core项目实战-统一认证平台】第四章 网关篇-数据库存储配置(2)
- 【GVA】gorm多对多many2many删除数据的同时级联删除关联中间表中的关联数据
- MYSQL [ERROR] InnoDB: Unable to lock ./ibdata1 error: 11
- Dubbo负载均衡算法
- Android Sqlite 数据初始化
- 将对象绑定到WinForm中的combobox时出现的奇怪错误:组合框的下拉项太多!
- shell脚本之安装ansible(centos7环境)
- Ubuntu常用命令大全
- DNS与NS、NS记录
- 【Ant Design Vue】封装导出Excel文件的功能模块到ele-pro-table
- 文章/网站分享工具——百度分享
- PyMol2.5的基础使用
- SpringBoot图片上传报404无法回显,重启服务后又正常
- python变量名可以用下划线开头吗_python以下划线开头的变量和函数的作用
- 【区块链 | Polygon】Polygon区块链PHP开发包-使用PHP语言开发Polygon
- 【K8S系列】第四讲:kubadm部署k8s时service-cidr网络和pod-network-cidr的地址如何定义