您的位置首页生活百科

html插图片代码步骤

html插图片代码步骤

的有关信息介绍如下:

html插图片代码步骤

创建html文件,直接在html代码内插入图片;在CSS样式中插入图片;利用JavaScript语言插入图片。

创建html文件

打开Vscode创建一个html文件,准备一张图片用来演示效果。

直接在html代码内插入图片

在body标签中插入img标签:

在CSS样式中插入图片

第二种方法使用css样式background背景属性插入图片:background: url("图片地址")。

利用JavaScript语言插入图片

获取img标签id,在JS中设置src属性。

innerHTML方法插入图片

使用JavaScript语言声明一个img标签插入到div中。