1、1打开VisualStudioCode，选择文件夹，点击新建文本选项2给新建的文件对象重命名，文件名以html结尾，此处文件命名为imghtml3在代码块中编写代码文件，先插入文字代码，在输入图片代码4右击代码空白处，在弹出。

2、你是把所有文字放在一个img标签后面了将所有文字放进一个div中，然后再把这个div放再img后面就不会出现问题了。

3、1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltscript标签，输入js代码ltdiv style=quotbackground urlsmall2png height 60pxquot ltspan style=quotposition absoluteright 10p。

4、1新建html文件2创建两个div，并赋予id3为两个div设置宽高和背景，并设置左右浮动4预览效果如图5创建第三个div6为第三个div设置宽高和背景7预览效果如图注意事项随着HTML的成长，为了满足。

5、1新建html文档，在body标签中添加div标签，然后为div标签设置宽高和边框属性2在div标签中输入文字，这时默认情况下div里面的文字靠左居中3为div标签添加属性“textalign right”，“textalign”指的是文字对齐。

6、ltimg width=quot200pxquot height=quot150pxquot src=quotddddpngquot ltbr 你啥时候嫁给我，hahahahaahahahahahaah ltdiv ltbody lthtml 这样就会能够将文字放在图片的正下方，得到以下图片文字位于正右边的方法。

7、4通过url来连接图片，url里面放置的就是背景图片的路径5放一张图片用作背景，注意，路径要写对6保存之后文字就会覆盖在图片的上面了，而如果使用img标签，则没有这种效果。

8、1打开sublime text3，并且新建一个html文档和一个css文档2把最基本的html框架写出来3在html的head部分写上编码字符集并引入css文件4在html的body里面写一个div，打上文字并设置一个class名5在浏览器中。

9、img标签是行内块元素，具有行内元素的特性也有块元素的特性行内元素默认就是靠左的，除非父级元素有过其他的设置如果想让img靠左显示就给img父元素加上textalign left这样的样式。

10、文字文字文字~~文字文字文字~~文字文字文字~~不过这样的副作用是div里面的其他元素也会向右偏移所以也可以把padding定义在段落里面，例如 文字文字文字~~这是直接把css写在html里面的作法，把它写在css文件里面也可以的，我。

11、图片也要居中，这样图和底部文字也居中对齐了，quot点击图片和底部文字都可以链接到一个地址quot 这个也可以分别写两个链接地址类似这样lta href=quot链接地址quotltimg src=quot图片地址quotlta lta href=quot链接地址文字lta。

12、你设置的宽度是100% 和高度有什么关系呢你也是设置一个高度啊按照宽100%缩放，高不定啊。

13、1ltimg src=quotquot hspace=quotquot这里的hspace指水平方向与其他元素的间隔，填个你想要的整数就行了，如果是竖直方向就用vspace，简单吧2ltimg src=quot#quot width=quot100quot height=quot100quot style=quot marginleft10pxquot。

14、html是标准文档流，是从上往下的，img也一样的，除非你设置了float浮动，这样就会脱离标准文档流可以用clearboth清楚浮动。