Next we will take a look at what the actual code for an image looks like. I downloaded an image from Pixabay. When I uploaded it into my post, the code looks like this:


We will break out what all this means. You will notice that the beginning and end of this code start and end with < and />

img class=" This is the start of the marker for the image. It designates the size and the alignment--medium and alignright. The medium size is set when you decide what size image you want. Alignright was chosen right before i inserted the image into the post.

Src="http://.... This is the path to the image and tells Wordpress where the image is located. It ends with .jpg" This is the end of the image path.

alt="" This is for alternative text. I didn't add any alternative text into this image but if I did, it would look like this:

alt="this is my alternative text"

Notice how the alternative text is opened and closed with quotation marks.

Next comes width and height. Again both are opened and closed with quotation marks and no spaces. Notice that the end of the code ends with />





Join the Discussion
Write something…
Recent messages
JGuhlke Premium
Fantastic! It worked! Now I got some work to do on my posts, but I wanted to let you know this worked for me after I tweaked it a slight bit. It was good to mention the curly quotes, most people wouldn't pick up on that. There happens to be two different ascii character codes for the straight and curly quote marks.
All the Best
Reply
emerald860 Premium
So glad it worked for you, Jay! Alanna
Reply
Fleeky Premium Plus
Thank you! Great information, for all to use
Reply
emerald860 Premium
Hi Fleeky! Thanks for checking it out! Alanna
Reply
Top