养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

html中怎么把图片和文字并列

时间:2024-11-11 07:17:57

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

工具/原料

联想小新潮7000-13

Win10

VisualStudioCode1.47.2

方法/步骤

1、打开VisualStudioCode渭骑莉蓝软件打开VisualStudioCode软件,打开工作区空间,选择需要进行操作的文件夹,点击上方的新建文件选项

html中怎么把图片和文字并列

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

html中怎么把图片和文字并列

3、输入代码文件在新建的.html文件中输入相应的html代码,输入图片和文亨蚂擤缚字并列显示的代码<imgsrc=&鳎溻趄酃quot;../images/tubiao.png"><spanclass="introduction">欢迎登录主页面,期待与你的相遇</span>

html中怎么把图片和文字并列

4、查看代码效果右击新建的html文件—>在弹出的选项卡中选择ViewInBrowser选项

html中怎么把图片和文字并列

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

html中怎么把图片和文字并列

© 一点知识