WEB代码：nobr不换行、center水平居中、pre //按源格式输出、ul //无序列表、dl //自定义列表+dt //自定义标题+dd //自定义列表内容、hr //导航线、DIV

1、nobr不换行

</body>
<nobr>
<img src="/img/cai.png">
<img src="/img/cai.png">
<img src="/img/cai.png">
<img src="/img/cai.png">
<img src="/img/cai.png">
<img src="/img/cai.png">
<img src="/img/cai.png">
<img src="/img/cai.png">
</nobr>
</body>

2、center水平居中

<center>
	<img src="/img/cai.png">
</center>

3、pre //按源格式输出

<h2>
		<pre>
			if($a=10){
			echo "hello woed!";
		}
		</pre>
	</h2>

<?php

$arr=array(
	'username'=>'user1',
	'password'=>'123',
	'age'=>'20',
	'sex'=>'man',
	'sex'=>'man',
	'sex'=>'man',
	'sex'=>'man',
	'sex'=>'man',
	'sex'=>'man',

);
echo "<pre>";
print_r($arr);
echo "</pre>";
?>

4、ul //无序列表

<ul>
		<li>linux is very much!</li>
		<li>linux is very much!</li>

		<li>linux is very much!</li>
		<li>linux is very much!</li>
		<li>linux is very much!</li>
	</ul>

制作菜单

<style>
	
	*{
		font-family: 微软雅黑;/*规定元素的字体系列*/
	}
	
	ul{
		list-style: none;/*指定所有列表属性*/
		padding: 0px;/*内边距*/
		background: #272822;
		color: #fff;

	}
	li{
		float: left;
		margin-left: 15px;/*左外边距*/
		font-size:20px;
		width: 130px;
		
	}
	.clear{
		clear: both;
	}
		

</style>
	
	
	
</head>
</body>
	<ul>
		<li>linux</li>
		<li>linux</li>
		<li>linux</li>
		<li>linux</li>
		<li>linux</li>
		
		<div class='clear'></div>
	</ul>

</body>

5、ol //有序列表

<ol>
		<li>linux is very much!</li>
		<li>linux is very much!</li>

		<li>linux is very much!</li>
		<li>linux is very much!</li>
		<li>linux is very much!</li>
	</ol>

6、dl //自定义列表+dt //自定义标题+dd //自定义列表内容

<dl>
		<dt>1、请选择你的爱好：</dt>
		<dd>linux</dd>
		<dd>php</dd>
		<dd>css</dd>

		<dt>2、请选择你的爱好：</dt>
		<dd>linux</dd>
		<dd>php</dd>
		<dd>css</dd>

		<dt>3、请选择你的爱好：</dt>
		<dd>linux</dd>
		<dd>php</dd>
		<dd>css</dd>
	</dl>

7、hr //导航线

	<dl>
		<dt>1、请选择你的爱好：</dt>
		<dd>linux</dd>
		<dd>php</dd>
		<dd>css</dd>
		<hr>

		<dt>2、请选择你的爱好：</dt>
		<dd>linux</dd>
		<dd>php</dd>
		<dd>css</dd>
		<hr>
		<dt>3、请选择你的爱好：</dt>
		<dd>linux</dd>
		<dd>php</dd>
		<dd>css</dd>
		<hr>
	</dl>

8、无意义块标签div

<style>
	
	*{
		font-family: 微软雅黑;/*规定元素的字体系列*/
	}
	
	.div1{
		width: 300px;
		height: 300px;
		background: #aaf;
	}
	.div2{
		width: 300px;
		height: 300px;
		background: #faa;
	}

</style>
	
	
	
</head>
</body>
	<div class="div1">
		
	</div>
	<div class="div2">
		
	</div>

</body>