html中怎么把图片和文字并列? vscode图片文字并列排版的技巧

  发布时间:2023-01-29 14:55:38   作者:佚名   我要评论
html中怎么把图片和文字并列?想要让页面中的图和文字并列排版,该怎么操作呢?下面我们就来看看vscode图片文字并列排版的技巧

在html中可以将图片和文字并列,具体的实现过程如下

打开Visual Studio Code软件

打开Visual Studio Code软件,打开工作区空间,选择需要进行操作的文件夹,点击上方的新建文件选项

新建html文件

在弹出的文本框中给html文件命名,此时后缀名要以.html结尾,此处命名为img.html

输入代码文件

在新建的.html文件中输入相应的html代码,输入图片和文字并列显示的代码

<imgsrc="../images/tubiao.jpg">

<spanclass="introduction">欢迎登录主页面,期待与你的相遇</span>

查看代码效果

右击新建的html文件—>在弹出的选项卡中选择View In Browser选项

点击运行之后,在浏览器网页中出现图片和文字并列显示的效果

以上就是vscode图片文字并列排版的技巧,希望大家喜欢,请继续关注脚本之家。

相关推荐:

vscode同步功能在哪? VSCODE同步设置的图文教程

vscode怎么安装插件? vscode插件的安装的图文教程

VSCode文件图标主题怎进行美化? vscode文件图标插件的用法

相关文章

最新评论