html块 布局

可通过<div>和<span>将html元素组合起来。

Html块元素

大多数html元素被定义为块级元素或内联元素。

块级元素在浏览器显示时，通常会以新行来开始(和结束)。例<h1><p><ul><table>

html内联元素

内联元素在显示时通常不会以新行开始。例<b><td><a><img>

html<div>元素

html<div>元素元素是块级元素，意味着它的内容自动的开始一个新行，他是可用于组合其他html元素的容器，<div>元素没有特定的含义，浏览器会在其前后显示折行。

<div>元素的另一个常见的用途是文档布局。可以把文档分割为独立的、不同的部分。<table>元素的作用是显示表格化的数据。

html<span>元素

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

标签	描述
<div>	定义文档中的分区或节
<span>	定义span，用来组合文档中的行内元素

文档中的一个部分会显示绿色(div)：

This is a header

This is a paragraph.

This is a header

This is a paragraph.

网页布局：

大多数网站会把内容安排到多个列中(像杂志或报纸)。可以用<div>或者<table>元素来创建多列。

即使可以使用html表格来创建布局，但设计表格的目的是呈现表格化数据，表格不是布局工具。