HTML自学：论博客标题的有趣程度，我只服乌龙明月

文章目录

1. 1.
   / 的不同
2. 2. class 与 id 的不同
3. 3.

   与
   的不同

4. 4. 如何使用 table 排版

自学网址：http://www.w3school.com.cn/html/html_elements.asp

哇哈哈哈，好开心！！！
今天读了部分乌龙明月的博客，真心太有趣了。
论博客标题的有趣程度，我只服乌龙明月。看着她的博客标题，她的生活是多么积极开朗了。
人生就应该这么开心啊，我要向她学习。

而且她喜欢用大量的类比，让知识变得通俗易懂。我虽然不认识她，但是她的学以致用的态度另外佩服，这几天遇到很多牛人，非常棒。
下面内天基本上都来自她的博客。

<div> / <span> 的不同

HTML自学教程是这样描述<div>的

HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

是这样描述<span>的

HTML <span> 元素是内联元素，可用作文本的容器。
<span> 元素也没有特定的含义。
当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。

乌龙明月的解释。<div>就相当于一整条地铁线，<span>就是一个一个地铁站啦。当两者用来设置文本样式时，前者包含后者。

class 与 id 的不同

class是名称属性,后面一定跟的是“classname”，定义了类别的名称。
id是身份属性，就跟手机号一样，一个手机号对应一个身份。

<p>与 <br> 的不同

先来段英语：p是paragraph,p肯定是段落的意思，也就是说，<p>文本</p>是可以产生段落的。text
<br/>一般是单独出现的，它的斜杠是在字母下面的。因为他只是用来插入换行的html，结束标签页对它来说没有太大的意义。
<br/>不会产生段落。

如何使用 table 排版

解释如下：

<table>定义表格
<tr>定义表格的行。一对<tr> 内容</tr>表示一行。
<td>定义单元格。一对<td>内容</td>表示一个单元格
<th>定义表头
border=" "可以让表格显示边框。