How to Add Images to Your Website

This recap was written from the class video. Watch it above or on YouTube.

What the class covered

In this class, Dr. Daniel Tanimawo showed how to add images to a website using Code Lab and AI tools. He demonstrated uploading images, referencing them in the website code, and updating or replacing images. The process included copying AI-generated code and pasting it back into Code Lab to build and preview the website with images. The class also covered publishing the website after adding images.

Key takeaways

• Upload images to Code Lab before using them on your website.
• Copy the exact image name after uploading to reference it correctly in the code.
• Use AI tools to generate or update website code that includes your images.
• Paste the AI-generated code back into Code Lab and build your website to see the changes.
• Always click 'publish as new website' to save your latest changes.
• You can add multiple images to different sections by repeating the upload and code update steps.

Prompts to try

We offer varieties of support to people.

Use these two images for the support care team section.

Generate an image for general medical and pharmacy care.

Use this image to replace the one here.

Test yourself