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