How To HTML Code Images Pictures For Dummies
HTML Coding Images
This is a basic guide for beginners and/or dummies to learn how to HTML code images into your blog or webpage.
Coding An Image
When you have a blog or website you have to be able to add pictures so knowing how to code images is a must!
So, let's get right to it...
An image code looks like this:
<img src="image source">
So, if you have an image that is hosted online, and the URL of the image is say: "http://www.photothing.com/12345" then your image code will look like this:
If your image is saved on your computer in this location; C/MyPhotos/Picture then your code will look like this:
Just remember, the code for images is image source but shortened down to "img src" and remember to close your code (>).
Changing The Size Of The Image
To change the size of your image you have a few options...
Your first option is to change the size of the image by percentage. Like this:
<img src="imagesource" width=45%>
Your next option is to change the image size by pixels. Like this:
<img src="imagesource" width=1000 height=1200>
Insert your "imagesource" and try this out with different percentages and pixels, and see how it changes and what you like.
You can change the alignment of your image by adding this tag; "align="
<img src="imagesource" size="50%" align="center">
Test this out as well and see how it works for you.
You can align; center, left(default), or right.
Thank you for reading my hub and good luck with your future web projects.
Please feel free to suggest/ask for new hubs on HTML coding, and keep an eye out for my new upcoming HTML hubs.
- Web Hosting Services From Just $3.99/month From HostGator
Enter coupon code: "SeansCoupon" for a $9.94 discount on your hosting plan!
More by this Author
There are so many things that can go wrong when you are driving your vehicle and overheating is a big one. Hopefully you realize that while you are driving you should pay attention to your car's gauges. I hate the...
HTML coding is a must when it comes to creating web pages online. HTML can be simple to learn. This guide will teach you some of the basic HTML coding that will help you create your first web page! The HTML code of a...
Ebay has made it easy for buyers to scam sellers on their site. This article helps sellers prepare themselves for dishonest buyers and offers tips on how to prevent and deal with scammers.