常用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& ...

常用HTML标签检索表

常用HTML标签检索表相关推荐

最新文章

热门文章