HTML5网页布局的总结

时间2024-01-26 20:00:02发布访客分类HTML浏览370

导读：收集整理的这篇文章主要介绍了html5教程-HTML5网页布局的总结，觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。可以通过 <p>...

收集整理的这篇文章主要介绍了html5教程-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>