1.打開VisualStudioCode軟件，新建html文件

打開VisualStudioCode軟件，打開工作區空間，選擇需要進行操作的文件夾，點擊上方的新建文件選項

2.為html文件命名

在彈出的文本框中給html文件命名，此時后綴名要以.html結尾，文件命名為center.html，建議使用功能性的文件命名方式

3.輸入居中對齊的代碼

在新建的.html文件中輸入相應的html代碼，輸入圖片和文字居中對齊的CSS代碼。

4.查看代碼效果

在代碼的空白區域右擊—>在彈出的選項卡中選擇OpenInDefaultBrowser選項

5.顯示圖片文字居中效果

點擊運行之后，在瀏覽器網頁中顯示出圖片和文字居中對齊的效果