html的标签（一）

<img src="picture.jpg" width="104" height="142" />

        学过一段时间后，竟然发现对html的标签不是那么熟悉，总结一下对待一些基础总是有这些不好的习惯，认为简单的不值一提。希望以此为戒。

一、html标签

       1、html的标题Heading（<h1>-<h6>标签定义）

<h1>heading1</h1>
<h2>heading2</h2>
<h3>heading3</h3>
<h4>heading4</h4>
<h5>heading5</h5>
<h6>heading6</h6>

        2、段落（通过<p>标签定义）

<p>paragraph</p>
 

      3、链接（通过<a>标签定义   href为链接地址）

<a href="http://www.baidul.com">This is a link</a>

      4、图片（通过<img>标签定义   图片属性可以设定）

<img src="picture.jpg" width="104" height="142" />

 

     5、换行（<br/>标签  当想要在一个段落内换行是使用这个标签）

<p>
break<br />line<br />in a<br />paragraph</p> 

    结果

break
lines
in a
paragraph, 

需要注意一直看到<br>和<br/>，很相似去找到了到底使用哪个比较好“未来的html不允许省略结束标签”，所以从长远看，还是使用<br/>

   6、表格

   每个表格由table标签开始

   每个表格由tr标签开始

  每个表格由td标签开始

  

<h4>一列：</h4>
<table border="1">                                                  
<tr>
  <td>100</td>
</tr>
</table>     

一列：

100

 

<h4>一行三列：</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
</table>

一行三列：

100

200

300

 

<h4>两行三列：</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

两行三列：

100	200	300
400	500	600

    7、列表

     html中列表有三种

       a：无序列表   <ul> 

        无序列表是一个项目的列表，此列项目使用粗体圆点进行标记

        无序列表始于<ul>   每个列表始于<li> 

<ul>
<li>tea</li>
<li>meal</li>
</ul>   

       b:   有序列表      <ol>

       同样，有序列表也是一列项目，列表项目使用数字记性标记

        有序列表始于<ol>.每个列表始于<li>标签

<ol>
<li>tea</li>
<li>meal</li>
</ol>

       c:    自定义列表 

      自定义列表不仅仅是一列项目，而是项目及其注释的组合；

      自定义列表一<dl>标签开始，每个自定义列表项以<dt>开始，每个自定义列表项的定义以<dd>.开始

<dl>
<dt>Coffee</dt>
<dd>tea</dd>
<dt>Milk</dt>
<dd>water</dd>
</dl>