HTML--1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>淄博汉企</title>
</head>

<body bgcolor="#66FFCC"  topmargin="200" leftmargin="200" bottommargin="200">
<a name="top"></a>
今天<br />天气&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;不错<br />
<font size="45" color="#CC0033">
格式控制标签:<br />
<b>文字加粗方式1,b标签</b><br />
<strong>文字加粗方式2,strong标签</strong><br />
<i>文字倾斜方式1 i标签</i><br />
<em>文字加粗方式2 em标签</em><br />
<u>字体下划线,u标签</u>
123<center>center 居中标签。默认,前后若是有其他内容,执行上下换行,保证自身是一个整体</center>456
<br />
内容容器标签:<br />
78<p>p标签,段落标签。默认前后,若有其他执行上下换行并且空开一行,表示内部是一个整体</p>90
<ol>有序列表,ol
<li>默认自带序号</li>
<li>默认自动换行</li>
<li>默认上下有空行</li>
</ol>
<ul>
<li>默认不自带序号</li>
<li>默认自动换行</li>
<li>默认上下有空行</li>
</ul>

<a href="http://www.sina.com.cn/" target="_blank">新浪网</a><br />
<img src="n0.jpg" title="这是一头牛"/><br />
<a href="http://www.baidu.com/"><img src="n0.jpg" width="325" /></a><br />
<img src="n0.jpg" width="400" height="200" /><br />


</font>

<h1>h1到h6标签,标题格式控制标签</h1>
<h2>默认换行</h2>
<h3>重要性依次递减</h3>
<h4>标题格式控制标签</h4>
<h5>标题格式控制标签</h5>
<h6>标题格式控制标签</h6>


<div style="background-color:#FF0">div 层标签,默认占用一行</div>
<span style="background-color:#0F0">span层标签,默认使用了多少就占用多少</span><br/>


<table width="400" height="90" border="0" cellpadding="0" cellspacing="0">

<tr align="center" bgcolor="#CC0000">
<td width="100">58同城</td>
<td width="100">赶集网</td>
<td width="100">百姓网</td>
<td width="100" rowspan="2">安居客</td>
</tr>
<tr align="center">
<td>太平洋汽车</td>
<td><a href="http://www.autohome.com.cn/beijing/">汽车之家</a></td>
<td>易车网</td>

</tr>
<tr align="center">
<td colspan="2" bgcolor="#00FF00">天猫</td>

<td>京东</td>
<td>唯品会</td>
</tr>
</table><br />

<a href="#top">返回最顶端</a><br />

</body>
</html>
View Code

posted @ 2016-03-19 21:28  1011042043  阅读(188)  评论(0编辑  收藏  举报