常用标签

最新推荐文章于 2024-07-17 09:43:10 发布

hoho_12

最新推荐文章于 2024-07-17 09:43:10 发布

阅读量277

点赞数

分类专栏： HTML5 文章标签： html

本文链接：https://blog.csdn.net/hoho_12/article/details/52097213

版权

HTML5 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>常用标签</title>

		<!--
        1.<h1>~<h6> 表示是一个标题
		2.<p>   段落标签
		3.<hr/>  水平线标签
		4.<br/>  换行标签
		5.<sub>  下标
		6.<sup>  上标
		7.<pre>  原样标签： 原样标签会保留空格和换行符。
		8.<ol> <li> 有序的列表标签、
		9.<ul> <li> 无序的列表标签。
		10.项目列表标签(dl dt dd)
		11.行内标签(span)     
		12.块标签<div>    div标签的内容会独立占一行。

		-->
	</head>

	<body>

		<h1>标题1</h1>
		<h2>标题：h1~h6依次变小</h2>
		<p>段落一</p>
		<p>段落二</p>
		<hr /> 轻轻的我走了，正如你轻轻的来。<br /> 轻轻你走了，不留下一片云彩。
		<hr /> <br /> Android开发

		<sup>[1]</sup>
		<br /> 下标

		<sub>1</sub>
		<br />

		<pre>
		        静夜思
		床前明月光，疑是地上霜。
		举头望明月，低头思故乡。
		</pre>
		<!--htmL文档中使用回车换行，不能实现-->

		<hr />
		<h4>有序列表标签</h4>
		<ol>
			<li>Android</li>
			<li>IOS</li>
			<li>Wp</li>
		</ol>
		<h4>无序列表标签</h4>
		<ul>
			<li>Android</li>
			<li>IOS</li>
			<li>Wp</li>
		</ul>

		<br /> 董事长
		<h4>分层标签</h4>
		<dl>
			<dt>上层标签</dt>
			<dd>下层标签1</dd>
			<dd>下层标签1</dd>
			<dd>下层标签1</dd>
			<dt>上层标签2</dt>
			<dd>下层标签1</dd>
			<dd>下层标签1</dd>
			<dd>下层标签1</dd>
		</dl>

		<span style="color: red;">轻轻</span>的我走了，正如你<span style="color: blue;">轻轻</span>的来。<br />

		<h5>div块标签，在网页中划分出一块区域</h5>
		<div style="height: 100px;">
			第一块内容
		</div>
		<div>
			第二块内容
		</div>
	</body>

</html>