html5中如何实现网页图片的排版

可以使用Div+Css实现整个网页的布局，将图片放在img标签中，然后在css代码中设置float属性（left左浮动right右浮动）。就可以实现排版了。辛苦的打了这么多字，希望您能够采纳。

单词缩写： head 头部. 标题 title 文档标题

为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即

标题标签语义： 作为标题使用，并且依据重要性递减

其基本语法格式如下：

小结 :

单词缩写： paragraph 段落 [ˈpærəgræf]无须记这个单词

作用语义：

可以把 HTML 文档分割为若干段落

在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是

是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。

单词缩写： horizontal 横线[ˌhɔrəˈzɑntl]同上

在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，<hr />就是创建横跨网页水平线的标签。其基本语法格式如下：

在网页中显示默认样式的水平线。

单词缩写： break 打断 ,换行

在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签

这时如果还像在word中直接敲回车键换行就不起作用了。

div span是没有语义的 是我们网页布局主要的2个盒子 想必你听过 css+div

div 就是 division 的缩写 分割， 分区的意思 其实有很多div 来组合网页。

span 跨度，跨距；范围

语法格式：

他们两个都是盒子，用来装我们网页元素的， 只不过他们有区别，现在我们主要记住使用方法和特点就好了

边框我们会用到border，添加一个边框，只要加上style="border:1px dotted #080"1px代码边框的大小，而dotted是边框的样式，常用的样式用三个:solid(实边) dashed(虚线) dotted(点状虚线).

中文段落使用<p>标签（也可以是其他容器），左右（相当于缩进）、段前段后的空白，都可以用margin或padding。比如：

p{

margin: 18px 6px 6px 18px/*分别是上、右、下、左，十二点开始的顺时针方向*/

margin:18px 6px/*表示上下为18，左右为6*/

margin:1px 2px 3px/*表示上为1px，下为6px,左右为2px*/

}

文字的对齐方式用text-align，比如：

p{

text-align: center/*居中对齐*/

text-align: justify/*两端对齐*/

}

对齐方式还有left、right。

---