赵龙 全栈之路

自学 div / span 的不同 ; class 与 id 的不同 ; p 与 br 的不同 ;如何使用 table 排版

| Comments

div / span 的不同

HTML 中的 <div> 元素 是块级元素,<span> 元素 是内联元素。块级元素就像是一个大衣柜,内联元素就像是放在大衣柜中的旅行箱。大衣柜发生变化了,会让其中的旅行箱发生变化,而旅行箱发生变化不会影响大衣柜。

class 与 id 的不同

在一个网页中的 HTML文档 中,对于元素来说 class 可以使用多次,而 id 具有唯一性。

p 与 br 的不同

<p>定义段落。
<br/> 插入单个折行(换行)。
在一个网页中的 HTML文档 中 <p> ... </p> 可以实现段落功能,而<br />与其配合可以实现换行功能。

如何使用 table 排版

<table> 定义表格
<caption> 定义表格标题。
<th> 定义表格的表头。
<tr> 定义表格的行。
<td> 定义表格单元。
<thead> 定义表格的页眉。
<tbody> 定义表格的主体。
<tfoot> 定义表格的页脚。
<col> 定义用于表格列的属性。
<colgroup> 定义表格列的组。

示例

<html>

<body>

<h4>这个表格有一个标题,以及粗边框:</h4>

<table border="6">
<caption>我的标题</caption>
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

</body>

这个表格有一个标题,以及粗边框:

我的标题
100 200 300
400 500 600

Comments

comments powered by Disqus