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>

猜你喜欢

转载自jinhonglin001.iteye.com/blog/2262449