- Internet & the Web
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!