Adding Static Images
In many cases, you’ll want to include static images that have fixed sizes. This is useful for simple web pages where the layout is constant across all devices. Let’s take a look at a basic example.
Syntax:
<img src="image_path" alt="image_description" width="40%">Where:
- src: Refers to the image file landscape.jpg located in the same directory as the HTML file.
- alt: Describes the image as “A scenic view of mountains and a lake.”
- width and height: Define the image size as 400x250 pixels. The easiest method is to use width percentage such as width="35%". This means the image will not distort and will only take up a certain amount on the FR page.
Example: This example shows the use of static images. When posting on FR you do not need the other webpage elements defined, such as <html> and <body> because you're already within a webpage.
<img src="https://media.geeksforgeeks.org/wp-content/uploads/20240911162743/GeeksforGeeks-Logo.png" alt="GFG logo" width="40%">
Output:
