码迷,mamicode.com
首页 > Web开发 > 详细

HTML常用标签之格式标签

时间:2015-03-06 12:52:33      阅读:296      评论:0      收藏:0      [点我收藏+]

标签:

           首先我们把HTML的常用标签分为一下几类: 格式标签, 文本标签, 超链接标签, 锚点标签, 图像标签, "地图"标签.


一. 格式标签

1. 作用: 用于定义网页中的布局, 缩进, 位置, 换行列等等

2. 各属性作用:   <hr> <!-- 水平分割线 -->

<br> <!-- 换行 -->

<p></p> <!-- 段落 --> 

<center></center> <!-- 居中 -->

<pre> <!-- 保留文字在源代码中的格式 -->

<ul><li></li></ul><!-- 无序列表 -->

<ol><li></li></ol><!-- 有序列表 -->

3.代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description"content="Basic HTML5 App generated by MyEclipse Mobile Tools" />

<!-- 格式标签用于定义网页中文本的布局, 缩进 , 位置, 换行列等等 -->
<title>格式标签</title>

<script type="text/javascript" src="rte/cordova.js"></script>
<script type="text/javascript" src="rte/rte.js"></script>

<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<a href="Main.html">返回主页</a>
<hr>
	aaaaaaaaaaaa
	bbbbbbbbbbbb
	cccccccccccc
	
	<hr> <!-- 水平分割线 -->
	
	aaaaaaaaaaaa<br> <!-- 换行 -->
	bbbbbbbbbbbb<br>
	cccccccccccc<br>
	
	<hr>
	
	<p>ddddddddddd</p> <!-- 段落 -->
	<p style="color: blue;">ddddddddddd</p>
	<p align="center" style="color: green;">ddddddddddd</p>
	<p>zzzzzzzzzzz</p>
	
	<hr>
	
	<center>居中显示</center> <!-- 居中 -->
	
	<hr>
	
	eee   fff   ggg   hhh
	   iii   jjj   kkk
	   
	<hr>
	
	<pre> <!-- 保留文字在源代码中的格式 -->
		eee   fff   ggg   hhh
			iii   jjj   kkk
	</pre>   
	
	<hr>
	
	<!-- 无序列表 -->
	<ul>
		<li>列表项
			<ul>
				<li>项目1</li>
				<li>项目2</li>
				<li>项目3</li>
				<li>项目4</li>
				<li>项目5</li>
			</ul>
		</li>
	</ul>
	
	<!-- 有序列表 -->
	<ol>
		<li>列表项
			<ol>
				<li>项目1</li>
				<li>项目2</li>
				<li>项目3</li>
				<li>项目4</li>
				<li>项目5</li>
			</ol>
		</li>
	</ol>
</body>
</html>


技术分享技术分享

HTML常用标签之格式标签

标签:

原文地址:http://blog.csdn.net/anig2014/article/details/44096559

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!