html常用标签

1.主要标签

 

<html>  --开始标签

   <head>
   
   <title>页面标题</title>

    <head>
  
    <body>   

换行1  Shif+Enter <br />
换行2<br>
&nbsp  空格<br>
<font color="" face="" size="">文字的颜色、字体、大小</font><br>
background 背景图片 bgcolor 背景色<br>
left/rightmargin    左/右边距    top/bottommargin 上/下边距<br>




     </body>

</html>  --结束标签

 

2.字体格式控制标签

<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 />

 

3.内容容器标签

123<p>p标签,段落标签。前后若有其他,执行前后换行,并且空开一行,保证自身成为一个整体。</p>
456
<ol>ol有序列表
<li>默认自带序号</li>
<li>默认自动换行</li>
<li>前后若有其他,执行前后换行,并且空开一行,保证自身成为一个整体。</li>
</ol>789
<ul>ul无序列表
<li>默认不自带序号</li>
<li>默认自动换行</li>
<li>前后若有其他,执行前后换行,并且空开一行,保证自身成为一个整体。</li>
</ul>
  <h1>h1~h6标签,标题控制标签</h1>
  <h2>默认自动换行</h2>
  <h3>前后若有其他,执行前后换行,并且空开一行</h3>
  <h4>重要性依次减小</h4>
  <h5>受到所在位置的文字默认大小的约束</h5>
  <div style="background:#0F3">div层标签,默认占用一行,若果一行放不开,继续占用下一行</div>
  <span style="background:#909">span层标签,默认使用多少占用多少</span><br />

 

4.常用标签

 <a name="top"></a>

<a href="http://www.baidu.com/" target="_top">百度一下</a>

<img src="牛1.jpg" title="这是一头牛" alt="zheshiyitouniu"/>
<img src="牛1.jpg" width="325"/>
<img src="牛1.jpg" width="650" height="300"/>
title 鼠标指向图片时显示 alt  图片加载不出来是显示<br>


<table align="center" width="480" height="90" border="1" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="120">汽车之家</td>
<td width="120">易车网</td>
<td width="120">太平洋汽车</td>
<td rowspan="2">新浪汽车</td>
</tr>
<tr align="center">
<td>赶集网</td>
<td>58同城</td>
<td>百姓网</td>

</tr>
<tr align="center">
<td colspan="2">天猫</td>

<td>聚美优品</td>
<td>京东</td>
</tr>
</table>

<a href="#top">返回最顶端</a>
posted @ 2016-04-06 16:29  凌零聆  阅读(177)  评论(0编辑  收藏  举报