HTML5网页布局的总结

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

html 块元素

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

编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。

块级元素在显示时，通常会以新行来开始（和结束）。

例子：<h1>, <p>, <ul>, <table>

html 内联元素

内联元素在显示时通常不会以新行开始。

例子：<b>, <td>, <a>, <img>

html <p> 元素

html <p> 元素是块级元素，它是可用于组合其他 html 元素的容器。

<p> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 css 一同使用，<p> 元素可用于对大的内容块设置样式属性。

<p> 元素的另一个常见的用途是文档布局。

html <span> 元素

html <span> 元素是内联元素，可用作文本的容器。

<span> 元素也没有特定的含义。

当与 css 一同使用时，<span> 元素可用于为部分文本设置样式属性。

容器内部元素的布局使用 align 属性 ,默认是 左对齐。

<p align='left/center/right/justfy'>

<input/>

<img/>

</p>