Jon*_*ebo 0 html image move dreamweaver
Adobe Dreamweaver - 如何"移动"图像
我正在使用HTML,并且有三张我想要移动的图片,现在它看起来像这样:http: //jonathangurebo.tumblr.com/post/41614799078
如何让它变得更好.我希望它看起来像这样:http: //jonathangurebo.tumblr.com/post/41614824708
我怎么办？我是Dreamweaver的初学者.
我的HTML代码如下所示:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jonathan Gurebo</title>
<style type="text/css">
<!--
body {
background-color: #191919;
}
-->
</style></head>
<body>
<center>
<p><img src="Pictures/Jonathan Gurebo.png" width="405" height="76" />
</p>
<p><img src="Pictures/Apps.png" width="128" height="86" />f<img src="Pictures/Contact.png" width="194" height="72" /></p>
<p> </p>
</center>
</body>
</html>
正如hunzaboy所提到的,为这些图像添加一个类和浮动可能是实现所需效果的最快方法.
但是,我真正推荐的可能是购买一本书,如HTML和CSS:设计和构建网站
特别是这本书是一本精彩的书,它将帮助您真正理解HTML和CSS的基础知识以及构建网站时使用的良好实践.虽然Dreamweaver很适合作为编辑器,但当你只是初学者时,你可能想要了解更多关于如何编码而不是使用可视化编辑器的知识.
除了学习如何为自己的利益编写代码之外,Dreamweaver的视觉效果并不总是使用最佳标准 - 例如,它添加<center>标签并为图像添加宽度和高度,这应该使用CSS实现 -这是对您的网站进行视觉样式的方式.
如果您更喜欢在线学习而不是通过书本学习,您还可以尝试使用Treehouse或在Tuts +上学习CSS - 两者都是非常棒的,价格合理的(或免费的)在线课程,可以帮助您更好地理解它是什么正在努力做.
希望有所帮助!:)
| 归档时间： |
|
| 查看次数： |
5016 次 |
| 最近记录： |