How to Insert a picture using HTML. Click on the steps in order for a demonstration. Step 1: Insert image code. Step 2: Insert the name of the image. Step 3: Insert the alternative text. Step 4: Insert height and width. Step 5: View picture.
Click on the steps in order for a demonstration.
Step 1: Insert image code
Step 2: Insert the name of the image
Step 3: Insert the alternative text
Step 4: Insert height and width
Step 5: View picture
Place your curser at the place you want your picture to appear in your HTML code. Type the line shown above. “imgsrc” stands for image source.
Type the height and width you desire the picture to be in the height= and width= section of the code. This is a placeholder, but it will change the height and width of the picture. Watch the ratio of height and width from the original so that you don’t alter the proportions too much. The size of the picture will be the same even if you change the height and width in the code. If you want a big change in the picture size, you should use photo editing software.
You picture should come out on your web page like this. What a cute cat!
After the code imgsrc = type the name of the picture including the type of picture.
alt= is where you will type the alternative text. Alternative text is the box that pops up when you mouse over the picture on the internet. This space is used to write what the picture contains. It is required by law for special needs. The computer will read what is in the alternative text.