Lung Image

HTML Cheat-sheet - The Commons

Lung Image

 Here's a simple HTML code snippet to display an image of a lung on a web page:

Copyable HTML Code Frame
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Lung Image</title> </head> <body> <h1>Lung Image</h1> <img src="lung.jpg" alt="Lung Image" width="400"> </body> </html>

In this code:


- We start with the usual HTML boilerplate, including the `<!DOCTYPE>` declaration and `<html>`, `<head>`, and `<body>` elements.

- Inside the `<head>` section, we set the character encoding and define the viewport for responsive design.

- We give the page a title with the `<title>` element.

- In the `<body>` section, we add a heading `<h1>` with the text "Lung Image" to provide a title for the page.

- We insert an `<img>` element with the `src` attribute pointing to the "lung.jpg" image file. You should replace "lung.jpg" with the actual filename and path of your lung image.

- We include an `alt` attribute for accessibility, providing an alternative text description for the image.

- We use the `width` attribute to specify the width of the image in pixels, in this case, it's set to 400 pixels. Adjust this value to your preference.


Make sure to replace "lung.jpg" with the actual filename and path to your lung image. Save this code in an HTML file and open it in a web browser to view the image.