html图片置顶和局中

html图片置顶和居中需要设置margin和text-align属性即可，接下来新建一个html文件具体的演示一下：

1、准备html文件和图片，如下图所示

2、在html文件的body标签内加属性margin和text-align，如下图所示

3、右键单击html文件选择浏览器运行，如下图所示

4、接下来就看到图片置顶居中了，如下图所示

1.怎样使用DW让网页图片置顶

使用DW让网页图片置顶，可分三种情况：

1. css reset

在HTML标签在浏览器里有默认的样式，例如 p

标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE

下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻

烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简

单的说法就是把浏览器提供的默认样式覆盖掉

根据本题提问主要涉及到以下CSS Reset

html, body,

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, aside,

pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,

*** all, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,

form, label, legend, caption, tbody, tfoot, thead, article, aside,

canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,

section, summary, time, mark, audio, video { margin:0padding:0

border:0outline:0vertical-align:baseline}

table { border-collapse:collapseborder-spacing:0}

fieldset, img { border:0}

td, td img { vertical-align:top }

2. 图片为页面中插入的img，如<img src=../images/1. />

如果已经设置了以上的css reset ，在没有专门设置其它任何间距的情况下，图片默认也是置顶的。

3. 图片为背景图片 如

div{width:100%height:50pxbackground:url(../images/1.) left top

no-repeat；} 其中的left top 就是定义图片位置的，让图片水平居左垂直居上显示，也就是说此时图片也是置顶的；left top

也可以换成数值 如 background:url(../images/1.) 0 0 no-repeat

2.在MSN空间中如果有两个HTML编辑器如何让图片置顶

在这个版块里我将教你如何更好的使用MSN的这个spaces！同时也希望你对MSN的使用有什么疑问的话请尽量在这里提出来，我会为你解答！希望大家多多支持M1，一起讨论下MSN的使用心得，共同学习！M1会在这里不断的更新添加，我的一些使用心得和小窍门，供大家参考学习！...................................MSN Space进阶技巧 起步篇..................................MSN Space进阶技巧 普通篇1. 如何复制图片/在BLOG里面发表带图片的日志：在你选中的图片上点右键.选择复制.然后在你的日志发表编辑框相应的地方点，Ctrl+V粘贴，即可！ （简单吧！） 说明下.只可以复制网络上的图片的哦，你电脑上的图片是不可以 直接发表在上面的！2 . 编辑网络日志项/单击“网络日志”选项卡/单击要编辑的项/进行所需更改/若要向您的网络日志发布此项，请单击“发布项”/您可以使用一些关键词组合，帮助您的网络日志项获得您想要的外观/用 SHIFT + ENTER 添加回车/用 CTRL + INSERT 复制文本/用 SHIFT + INSERT 粘贴文本/若要在发布网络日志项之前查看其外观，请单击“预览网络日志项”选项卡3. 关于类别/您可以为您的网络日志项指定类别，以帮助组织有关相同主题的项。

这使读者可以轻松地找到他们最感兴趣的项，还使您可以在存档 （包含您在网络日志中添加的所有项（新项和旧项）。） 中轻松地找到特定项。

类别列表包含默认类别，但您也可以创建自己的类别并重命名默认类别。包括默认的类别在内，您最多可以拥有 25 个类别。

类别名称最多可包含 128 个字符。4. 关于引用通告/引用通告是从一个网络日志发送到另一个网络日志的通知。

引用通告是网络日志用户 （发布或编写网络日志项的用户。） 了解相互间网络日志项引用情况的一种方式。

引用通告被添加到原始网络日志项的底部。它包含所引用内容的网址。

读者可以阅读原始网络日志项，然后单击引用通告以转到与该原始网络日志项关联的项。此 *** 作使读者可以查看多个网络日中有关特定项的全部讨论/注释：在分配为“Messenger”或“私人”权限的空间无法启用引用通告和联合 （使其他人可以使用以及在其网站上显示您的站点上的指定内容。

当您的站点上的联合内容更新时，包含该内容的其他站点也会更新。） 。

5. 关闭联合/MSN 共享空间 使您可以通过使用 RSS（真正简单联合供稿系统） （使您可以轻松联合网站的一种 Web 协议。） 来联合 （使其他人可以使用以及在其网站上显示您的站点上的指定内容。

当您的站点上的联合内容更新时，包含该内容的其他站点也会更新。） 您的共享空间 （Web 上的位置，您可以通过在其中发布您的想法和感兴趣的内容（例如网络日志、照片和列表）来与其他人共享信息。）

。如果联合您的空间，则可以通过新闻阅读器 （一种程序，使用户可以阅读张贴到各种新闻组中的消息。）

或聚合器 （一种程序，监视通过指定的 RSS（真正简单联合供稿系统）Feeds 传递的新内容。） 来阅读您的空间。

在您向您的空间发布更新后，使用这两个工具的用户可以立即获取更新。 创建您的空间时，默认情况下联合处于启用状态。

如果不希望您的网络日志被联合，您可以关闭联合。单击“设置”选项卡。

（如果在您的空间的右上方没有看到“设置”选项卡，请首先单击“主页”选项卡。） 单击“空间设置”。

向下滚动到“联合”部分，然后清除“联合”复选框。 单击“保存”。

注释：联合您的空间时，您的网络日志、列表、相册和音乐列表均被联合。6. 查看存档的网络日志项/为防止网络日志时间太长，每月会从空间中删除网络日志项并进行存档。

存档不会影响固定链接 （固定的网址 （URL）。每个网络日志项都有一个与其关联的固定链接。

如果需要，您可以使用网络日志项的固定链接来返回到该项。） 的功能。

在“存档”内容模块中：单击创建项的月份。 该月的网络日志项按从新到旧的顺序显示（首先显示最新的项）。

单击要阅读的网络日志项。 注释/如果没有显示“存档”模块，则网络日志项可能仍然存在，但“存档”模块本身可能已被删除。

空间的所有者可以恢复“存档”模块。有关添加和删除模块的详细信息，请参阅添加或删除内容模块。

7. 对相册进行重新排序/使用 Microsoft Inter Explorer 6 或更高版本：单击“主页”选项卡。 在“相册”模块中，单击要移动的相册并将其拖动到列表中的新位置。

重复上述步骤直到所有相册均按照所需的顺序列出。 注释/MSN 共享空间 相册和照片编辑工具设计用于 Microsoft Inter Explorer 6 或更高版本。

下载最新版本的 Inter Explorer，转到 Inter Explorer 网站。8. 设置移动设备以发布网络日志项/当您无法使用计算机时，可以使用移动设备来发布网络日志项。

如果您的移动设备能够发送电子邮件，则可以设置它来发布网络日志项。 在您的计算机上的 MSN 共享空间页面上：单击“设置”选项卡。

（如果在您的空间的右上方没有看到“设置”选项卡，请首先单击“主页”选项卡。

3.用HTML制作网页怎样把表格置顶

1. html中表格中的文字可以置顶、居中、底部显示

2. 置顶需要用到属性valign="top"

3. 具体 *** 作代码如下：

<table>

<tr>

<td height=100 valign="top">

文字

</td>

<td height=100>

</tr>

</table>

4中,怎么把背景图片置于最低层

1、用css的z-index的属性就可以实现。

首先新建一个html文件，在文件中写入一个div容器和一个图片： 2、然后在上方设置它们的样式，这里给div设置成绝对定位，图片设置成相对定位，然后设置一下它们的z-index属性，该属性用来显示元素的上下层的叠加顺序，数值越大表示的层级越高，但是只有在有定位的情况下该属性才会生效。最后设置一下div的背景颜色方便观察效果： 3、最后打开浏览器查看效果，div是在图片上面的。

以上html中就是把背景图片置于最低层的方法： 。

方法如下：

1、首先 新建a.html文件，并准备一张小标，如下：

2、使用浏览器打开a.html，可以看到默认情况，是图片置顶对齐，文字置底对齐，所以通常图片高，文字低，不能水平居中对齐，如下：

3、再次编辑a.html，加入以下css代码：.hlong *{display:inline-blockvertical-align:middle}保存

4、再次使用浏览器访问a.html页面，效果如图。是不是很简单呢？

扩展资料

HTML是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。

网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

---