JAVA开发避免不了要接触前端,所以我不得不从0开始学习前端内容！下面分享我自己总结的HTML常用标签查询代码；将下面代码复制粘贴到文本文档，然后另存为html格式;通过file:///文档保存路径的方式可以通过网页直接访问，获取HTML常用标签用法。

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title>HTML速查列表，为了方便日常开发使用</title>

		<style type="text/css">

			h2{font-size:16px;font-family:"楷体"}

			span{font-size:14px;font-family:"楷体"}

		</style>

	</head>

	<body>

	<div style="background:#F0FFF0; width:1900px; height:1200px;float:left;">

	<h1 style="text-align:center;">HTML常用标签查询</h1>

		<div style="background:#FDF5E6; width:600px; height:1200px;float:left;" >

		<div>

			<h2>HTML基本文档模板</h2>

			<div style="background:#F0FFF0;width:590px;">

				<hr />

				<span><</span>

				<span>!</span>

				<span>DOCTYPE </span>

				<span>html</span>

				<span>></span> <br />

				<span><</span>

				<span>html</span>

				<span>></span> <br />

				<span><</span>

				<span>head</span>

				<span>></span> <br />

				<span><</span>

				<span>meta  charset="utf-8"</span>

				<span>></span> <br />

				<span><</span>

				<span>title</span>

				<span>></span>

				<span>html模板</span>

				<span><</span>

				<span>/title</span>

				<span>></span> <br />

				<span><</span>

				<span>/head</span>

				<span>></span> <br />

				<span><</span>

				<span>body</span>

				<span>></span> <br />

				<span>&nbsp &nbsp &nbsp &nbsp  </span>  <br />

				<span><</span>

				<span>/body</span>

				<span>></span> <br />

				<span><</span>

				<span>/html</span>

				<span>></span> <br />

				<hr />

			</div>

			</div>

		<div>

		<h2>基本标签</h2>

		<div style="background:#F0FFF0;width:590px;">

			<hr>

			<span><</span>

			<span>h1</span>

			<span>></span>

			<span>最大的标题</span>

			<span><</span>

			<span>/h1</span>

			<span>></span> <br />

			<span><</span>

			<span>h2</span>

			<span>></span>

			<span>..........</span>

			<span><</span>

			<span>/h2</span>

			<span>></span> <br />

			<span><</span>

			<span>h3</span>

			<span>></span>

			<span>..........</span>

			<span><</span>

			<span>/h3</span>

			<span>></span> <br />

			<span><</span>

			<span>h4</span>

			<span>></span>

			<span>..........</span>

			<span><</span>

			<span>/h4</span>

			<span>></span> <br />

			<span><</span>

			<span>h5</span>

			<span>></span>

			<span>..........</span>

			<span><</span>

			<span>/h5</span>

			<span>></span> <br />

			<span><</span>

			<span>h6</span>

			<span>></span>

			<span>最小的标题</span>

			<span><</span>

			<span>/h6</span>

			<span>></span> <br />

			<span><</span>

			<span>p</span>

			<span>></span>

			<span>段落标签</span>

			<span><</span>

			<span>/p</span>

			<span>></span> <br />

			<span><</span>

			<span>br /</span>

			<span>></span>

			<span>换行标签</span> <br />

			<span><</span>

			<span>hr /</span>

			<span>></span>

			<span>添加水平线标签</span>

			<hr />

		</div>

		</div>

		<div>

			<h2>文本编辑相关标签</h2>

			<div style="background:#F0FFF0;width:590px">

			<hr />

			<span><</span>

			<span>b</span>

			<span>></span>

			<span>加粗标签</span>

			<span><</span>

			<span>/b</span>

			<span>></span> <br />	

			<span><</span>

			<span>strong</span>

			<span>></span>

			<span>加粗标签2</span>

			<span><</span>

			<span>/strong</span>

			<span>></span> <br />

			<span><</span>

			<span>code</span>

			<span>></span>

			<span>计算机代码</span>

			<span><</span>

			<span>/code</span>

			<span>></span> <br />

			<span><</span>

			<span>i</span>

			<span>></span>

			<span>斜体标签</span>

			<span><</span>

			<span>/i</span>

			<span>></span> <br />

			<span><</span>

			<span>em</span>

			<span>></span>

			<span>斜体标签2</span>

			<span><</span>

			<span>/em</span>

			<span>></span> <br />

			<span><</span>

			<span>kbd</span>

			<span>></span>

			<span>键盘输入</span>

			<span><</span>

			<span>/kbd</span>

			<span>></span> <br />

			<span><</span>

			<span>pre</span>

			<span>></span>

			<span>预格式化文本,能根据敲 空格符 显示空格或者 空行 的文本处理标签</span>

			<span><</span>

			<span>/pre</span>

			<span>></span> <br />

			<span><</span>

			<span>small</span>

			<span>></span>

			<span>字体变小标签</span>

			<span><</span>

			<span>/small</span>

			<span>></span> <br />

			<span><</span>

			<span>tt</span>

			<span>></span>

			<span>打字机文本</span>

			<span><</span>

			<span>/tt</span>

			<span>></span> <br />

			<span><</span>

			<span>samp</span>

			<span>></span>

			<span>计算机代码样式</span>

			<span><</span>

			<span>/samp</span>

			<span>></span> <br />

			<span><</span>

			<span>var</span>

			<span>></span>

			<span>计算机变量</span>

			<span><</span>

			<span>/var</span>

			<span>></span> <br />

			<span><</span>

			<span>abbr /</span>

			<span>></span>

			<span>缩写标签</span> <br />

			<span><</span>

			<span>address</span>

			<span>></span>

			<span>超链接标签</span>

			<span><</span>

			<span>/adress</span>

			<span>></span> <br />

			<span><</span>

			<span>a</span>

			<span>></span>

			<span>超链接标签2</span>

			<span><</span>

			<span>/a</span>

			<span>></span> <br />

			<span><</span>

			<span>bdo dir="rtl"</span>

			<span>></span>

			<span>文字方向</span>

			<span><</span>

			<span>/bdo</span>

			<span>></span> <br />

			<span><</span>

			<span>blockquote</span>

			<span>></span>

			<span>从一个源引用的部分;还没有用过！</span>

			<span><</span>

			<span>/blockquote</span>

			<span>></span> <br />

			<span><</span>

			<span>cite</span>

			<span>></span>

			<span>工作的名称，没用过！</span>

			<span><</span>

			<span>/cite</span>

			<span>></span> <br />

			<span><</span>

			<span>del</span>

			<span>></span>

			<span>删除文本的标签</span>

			<span><</span>

			<span>/del</span>

			<span>></span> <br />

			<span><</span>

			<span>ins</span>

			<span>></span>

			<span>插入文本的标签</span>

			<span><</span>

			<span>/ins</span>

			<span>></span> <br />

			<span><</span>

			<span>sub</span>

			<span>></span>

			<span>文本下标的标签</span>

			<span><</span>

			<span>/sub</span>

			<span>></span> <br />

			<span><</span>

			<span>sup</span>

			<span>></span>

			<span>文本上标的标签</span>

			<span><</span>

			<span>/sup</span>

			<span>></span> <br />	

			<hr />

			</div>

		</div>

		</div>

		<div style="background:#FDF5E6; width:700px; height:1200px;float:left;" >

			<div>

				<h2>图片</h2>

				<div style="background:#F0FFF0;width:590px;">

				<hr>

				<span><</span>

				<span>img  src="图片路径" alt="描述" height="高度" width="宽度"</span>

				<span>></span>

				<span>图片链接</span>

				<span><</span>

				<span>/img</span>

				<span>></span> <br />

				<hr />

				</div>

				<div>

				<h2>无序列表</h2>

				<div style="background:#F0FFF0;width:590px;">

				<hr>

				<span><</span>

				<span>ul</span>

				<span>></span><br />

				<span><<span>

				<span>li</span>

				<span>></span>

				<span>列表1</span>

				<span><</span>

				<span>/li</span>

				<span>></span>	<br />

				<span><<span>

				<span>li</span>

				<span>></span>

				<span>列表2</span>

				<span><</span>

				<span>/li</span>

				<span>></span>	</br>

				<span><</span>

				<span>/ul</span>

				<span>></span> <br />

				<hr />

				</div>

				</div>

				<div>

				<h2>有序列表</h2>

				<div style="background:#F0FFF0;width:590px;">

				<hr>

				<span><</span>

				<span>ol</span>

				<span>></span><br />

				<span><<span>

				<span>li</span>

				<span>></span>

				<span>有序列表1</span>

				<span><</span>

				<span>/li</span>

				<span>></span>	<br />

				<span><<span>

				<span>li</span>

				<span>></span>

				<span>有序列表2</span>

				<span><</span>

				<span>/li</span>

				<span>></span>	</br>

				<span><</span>

				<span>/ol</span>

				<span>></span> <br />

				<hr />

				</div>

				</div>

				<div>

				<h2>自定义列表</h2>

				<div style="background:#F0FFF0;width:590px;">

				<hr>

				<span><</span>

				<span>dl</span>

				<span>></span><br />

				<span><<span>

				<span>dt</span>

				<span>></span>

				<span>自定义列表1</span>

				<span><</span>

				<span>/dt</span>

				<span>></span>	<br />

				&nbsp &nbsp <span><</span>

				<span>dd</span>

				<span>></span>

				<span>自定义列表1.1</span>

				<span><<span>

				<span>dd</span>

				<span>></span><br />

				&nbsp &nbsp <span><</span>

				<span>dd</span>

				<span>></span>

				<span>自定义列表1.2</span>

				<span><<span>

				<span>dd</span>

				<span>></span><br />

				<span><</span>

				<span>dt</span>

				<span>></span>

				<span>自定义列表2</span>

				<span><</span>

				<span>/dt</span>

				<span>></span>	</br>

				&nbsp &nbsp <span><</span>

				<span>dd</span>

				<span>></span>

				<span>自定义列表2.1</span>

				<span><<span>

				<span>dd</span>

				<span>></span><br />

				&nbsp &nbsp <span><</span>

				<span>dd</span>

				<span>></span>

				<span>自定义列表2.2</span>

				<span><<span>

				<span>dd</span>

				<span>></span><br />

				<span><</span>

				<span>/dl</span>

				<span>></span> <br />

				<hr />

				</div>

				</div>

				<div>

				<h2>表格</h2>

				<div style="background:#F0FFF0;width:590px;">

				<hr />

				<span><</span>

				<span>table border="1"</span>

				<span>></span><br />

				<span><<span>

				<span>tr</span>

				<span>></span><br />

				&nbsp &nbsp <span><</span>

				<span>th</span>

				<span>></span>

				<span>表格标题1</span>

				<span><<span>

				<span>th</span>

				<span>></span><br />

				&nbsp &nbsp <span><</span>

				<span>th</span>

				<span>></span>

				<span>表格标题2</span>

				<span><<span>

				<span>th</span>

				<span>></span><br />

				<span><</span>

				<span>/tr</span>

				<span>><span><br />

				<span><<span>

				<span>tr</span>

				<span>></span><br />

				&nbsp &nbsp <span><</span>

				<span>td</span>

				<span>></span>

				<span>表格数据1</span>

				<span><<span>

				<span>td</span>

				<span>></span><br />

				&nbsp &nbsp <span><</span>

				<span>td</span>

				<span>></span>

				<span>表格数据2</span>

				<span><<span>

				<span>td</span>

				<span>></span><br />

				<span><</span>

				<span>/tr</span>

				<span>><span><br />

				<span><</span>

				<span>/table</span>

				<span>></span> <br />

				<hr />

				</div>

				</div>

				</div>

					<div >

					<h2>框架</h2>

					<div style="background:#F0FFF0;width:590px;" >

					<hr />

					<span><</span>

					<span>iframe src="要链接得html文件名"</span>

					<span>></span>

					<span>使用框架,你可以在同一个浏览器窗口中显示不止一个页面。</span>

					<span><</span>

					<span>/iframe</span>

					<span>></span> <br />

					<hr />

					</div>

					</div>

			</div>

				<div style="background:#FDF5E6; width:600px; height:1200px;float:left;">

				<div>

					<h2>表单</h2>

					<div style="background:#F0FFF0;width:590px;">

					<hr />

					<span><</span>

					<span>form action="demo_form.php" method="post/get"></span>

					<span>></span><br />

					<span><</span>

					<span>input type="text" name="email" size="40" maxlength="50"></span>

					<span>></span><br />

					<span><</span>

					<span>input type="password"></span>

					<span>></span><br />

					<span><</span>

					<span>input type="checkbox"  checked="checked"</span>

					<span>></span><br />

					<span><</span>

					<span>input type="radioo"  checked="checked"</span>

					<span>></span><br />

					<span><</span>

					<span>input type="submit"  value="提交"</span>

					<span>></span><br />

					<span><</span>

					<span>input type="reset"  value="重置"</span>

					<span>></span><br />

					<span><</span>

					<span>input type="hidden"</span>

					<span>></span><br />

					<span><</span>

					<span>select</span>

					<span>></span><br />

					<span><</span>

					<span>option</span>

					<span>></span>

					<span>苹果</span>

					<span><</span>

					<span>/option</span>

					<span>></span><br />

					<span><</span>

					<span>option  selected="selected"</span>

					<span>></span>

					<span>香蕉</span>

					<span><</span>

					<span>/option</span>

					<span>></span><br />

					<span><</span>

					<span>option</span>

					<span>></span>

					<span>樱桃</span>

					<span><</span>

					<span>/option</span>

					<span>></span><br />

					<span><</span>

					<span>/select></span>

					<span>></span><br />

					<span><</span>

					<span>textarea name="comment" rows="60" cols="20"</span>

					<span>></span>

					<span><</span>

					<span>/textarea</span>

					<span>></span><br />

					<span><</span>

					<span>/form></span>

					<span>></span><br />

				<hr />

				</div>

				</div>

				<div>

					<h2>实体</h2>

					<div style="background:#F0FFF0;width:590px;">

					<hr />

						<span> & lt: 等同于< </span><br />

						<span> & gt: 等同于> </span><br />

						<span> & copy: 等同于© </span><br />

						<span> & reg: 等同于®</span><br />

						<span> nbsp: 等同于空格 </span><br />

					<hr />

					</div>

				</div>

				<div>

					<h2>链接<h2>

					<div style="background:#F0FFF0;width:590px">

					<hr />

					<span>普通的链接:</span>

					<span><</span>

					<span>a href="http://www.baidu.com/"</span>

					<span>></span>

					<span>链接文本,普通链接</span>

					<span><</span>

					<span>/a</span>

					<span>></span> <br />	

					<span>图像的链接:</span>

					<span><</span>

					<span>a href="http://www.baidu.com/"</span>

					<span>></span>

					<span><</span>

					<span>img src="图片路径" alt="图片描述" width="宽度" height="高度" (图片四要素：路径、描述、宽度、高度)</span>

					<span>></span>

					<span>链接文本,图像链接</span>

					<span><</span>

					<span>/a</span>

					<span>></span> <br />	

					<span>邮件的链接:</span>

					<span><</span>

					<span>a href="mailto:webmaster@example.com"</span>

					<span>></span>

					<span>链接文本,邮件链接</span>

					<span><</span>

					<span>/a</span>

					<span>></span> <br />	

		</div>

		</div>

			</div>

		</div>

	</div>

	</body>

</html>

　　

HTML常用标签查询的更多相关文章

  1. [刘阳Java]_MyBatis_映射文件的常用标签总结_第5讲

    MyBatis中常用标签的总结,简单给出自己的总结 MyBatis映射文件中的标签使用介绍1.<select>:用于编写查询语句用的标签 id:表示当前<select>标签的唯 ...

  2. JSTL与EL常用标签（转）

    JSTL与EL EL相关概念 JSTL一般要配合EL表达式一起使用,来实现在jsp中不出现java代码段.所以我们先来学习EL表达式 EL主要用于查找作用域中的数据,然后对它们执行简单操作:它不是编程 ...

  3. java struts2入门学习--OGNL语言常用符号和常用标签学习

    一.OGNL常用符号(接上一篇文章): 1.#号 1)<s:property value="#request.username"/> 作用于struts2的域对象,而不 ...

  4. mapper.xml中的常用标签

    mybatis的mapper xml文件中的常用标签 https://blog.csdn.net/qq_41426442/article/details/79663467 SQL语句标签 1.查询语句 ...

  5. day45——html常用标签、head内常用标签

    day45 MySQL内容回顾 数据库 DBMS mysql -RDBMS 关系型 数据库分类 关系型:mysql\oracle\sqlserver\access 非关系型:redis,mongodb ...

  6. MyBatis - 常用标签与动态Sql

    MyBatis常用标签 ● 定义sql语句:select.insert.delete.update ● 配置JAVA对象属性与查询结构及中列明对应的关系:resultMap ● 控制动态sql拼接:i ...

  7. HTML常用标签

    HTML常用标签: HTML文档格式: 首先,HTML是一种超文本标签语言,它是制作网页的基础. 其次,HTML文档中至少包含基本的和成对的<html> </html>.< ...

  8. html常用标签介绍

    常用标签介绍 文本 最常用的标签可能是<font>了,它用于改变字体,字号,文字颜色. 点击查看效果 <font size="6">6</font&g ...

  9. HTML常用标签总结

    HTML 的常用标签总结 <font size="字体大小1-7" color="red或0xff00ff" face="字体类型(楷体等)&q ...

随机推荐

  1. 20155220吴思其 实验2 Windows口令破解

    实验目的: 了解Windows口令破解原理 对信息安全有直观感性认识 能够运用工具实现口令破解 实验人数 每组一人 系统环境 windows 实验工具 LC5 SuperDic 实验原理 口令破解方法 ...

  2. 从码云把之前的代码git push 回IDEA 对IDEA里的文件进行简单操作

    前情提要:我的IDEA里的项目之前已经和码云连接成功可以上传.但我直接在电脑文件夹里对文件进行重命名.剪切.粘贴等操作之后IDEA对操作后的文件不识别,无奈之下我将码云上之前的代码推回重新新建了项目. ...

  3. 3.MUI端APP获取Json数据，并且实现遍历

    在MUI中,对JSON的操作还是非常方便的. <script type="text/javascript"> var responseEl = document.get ...

  4. Android Sdk Manager更新

    现在Android Sdk Manager无法更新了,什么原因大家都知道,即使使用Goagent效果也不理想. 目前Goagent使用的3.2.2 修改C:\Windows\System32\driv ...

  5. treegrid -表格树异步加载

    问题: 机构维护时,前端框架用的是easyui,如果同步全加载会出现页面延迟严重,影响用户体验 解决: 机构逐层加载,点击后加载 逐层加载会出现一个问题:子节点只有点击后才能加载子集 所以开始为叶子节 ...

  6. URL特别字符处理

    import time,os,datetimeimport urllib3utcNow = datetime.datetime.utcnow()fifteen = utcNow +datetime.t ...

  7. 无旋treap的区间操作实现

    最近真的不爽...一道维修数列就做了我1上午+下午1h+1晚上+晚上1h+上午2h... 一道不错的自虐题... 由于这一片主要讲思想,代码我放这里了 不会无旋treap的童鞋可以进这里 呵呵... ...

  8. ubuntu 16.04 安装php 5 6等版本

    //加入ppa $ sudo add-apt-repository ppa:ondrej/php $ sudo apt-get update //安装5.6 $ sudo apt- //安装7 $ s ...

  9. 提取oracle awr报告

    做性能测试时有时需要分析sql的执行情况,以找出需要优化的sql,oracle数据库就提供了很好的数据库状态和sql执行情况的监控平台,数据库的监控平台可以时时的监控数据库的状态,同时还可以取监控的时 ...

  10. 用php做个简单的日历

    存档: index.php <html> <head> <title>日历</title> <style> table{border:1px ...