Images HTML Codes. How To Add Images To Your Site Using HTML
To add images to your site use the html code below, but remember to load the image to your website first then replace the name of the image
with the name you called the image, the image url, also replace png, jpg, gif to what your image is, don't forget to replace the image width and height
to the new image you have uploaded. Alt text can also be added for SEO. If your hosting your image some where else then use that info, but its always
better to host your HTML images on your own site.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>How To Create a Website - Free Tutorial Site - Learn How To Make a Website</title>
<meta name="description" content="How To Create a Website isn't that difficult, once you know how! How to create a website
is a free tutorial site, learn how to make a website using easy to understand, website builders, design tips, website design tutorials
and lots more." />
<meta name="keywords" content="how to create a website, how to create a website, to create a website, create a website,
create website, create, website, make a website, make a free website, free website, Yola, affordable website design, website design,
design, free tutorial site, learn how to make a website, web, free, tutorial, site, how to create a website free,
website builders, HTML, webmaster tools" />
</head>
<body>
<h1>How To Create a Website</h1>
<h2>How To Create a Website - Free Tutorials</h2>
<p><b>How To Create a Website</b>
isn't that difficult - once you know how! But where do you start? How To Create a Website is a free tutorial
site on making a website, learn how to make a website.</p>
<p>The preparation phase of your website is very important. Not only will good site
planning make the building process much more effective, it will also increase the likelihood that your site will include all the
essential pieces.</p>
<h2>Webmaster Tools</h2>
<ul>
<li>Image Optimizer</li>
<li>Image Resizer</li>
<li>Browsershots</li>
</ul>
<p><a href="http://www.2createawebsites.com">Create a Website</a></p>
<img src="http://www.2createawebsites.com/resources/html-images.jpg?" width="512" height="386" alt="Add Images To Your Site Using HTML">
</body>
</html>
What do I replace on the above link? Replace the green text with your stuff.
<img src="http://www.2createawebsites.com/resources/html-images.jpg?"width="512 "height=" 386 "alt=" Add Images To Your Site Using HTML ">
Link a HTML Image
Below is the same image, except the image is linked, click on the image and it will open a new page you can copy the code below
and replace all the green text with your stuff.
<a href="http://www.2createawebsites.com" title="HTML Images"><img src="http://www.2createawebsites.com/resources/html-images.jpg?" width="512" height="386" alt="HTML Images"></a>
What do I replace on the above link? Replace the green text with your stuff.
<a href="http://www.2createawebsites.com" title="HTML Images">
<img src=" http://www.2createawebsites.com/resources/html-images.jpg? " width=" 512 " height=" 386 " alt=" HTML Images ">
Image Wrap Around
Here we can have text around the image, you can also adjust the space from the image (hspace="30") increase or decrease the 30
will move the text more or less from the image. All you will have to do is copy the code below, replace the image and text and add it
to your site.
What do I replace on the below link? Replace the green text with your stuff.
<p><img src="http://www.2createawebsites.com/resources/create-a-website-image04.jpg?" alt="make a website" align="left" border="0" height="110" hspace="30" width="110">Text goes here.</p>
Try the code in our web editor, copy the code and paste in the editor, make sure you push the View/Edit HTML button top left first
then paste the code, push the View/Edit HTML button again and you will see how the code will look on your site.
HTML Editor.
Always try name your images to the topic of your site, here I have named this image "2createawebsite-logo" as this helps SEO and also if some one does a image search
they could find this image using the search phrase "create a website logo" bringing the visitor to my site.
Images should be resized before loading onto your site, DON'T resize them using the width and height, why? because the smaller
a image is the quicker your site will load and if you resize your images using width and height your site is still loading the
bigger image. You can also optimize your images this all helps for a faster loading website, helping your site to rank higher
in search engines and load faster for your vistors, below are the links please use them.
Image Resizer
Image Optimizer
Try these codes yourself, copy the above codes and paste
the code onto our
HTML Editor.
Looking for more HTML Codes? Check this out
HTML Tags
Related Pages
|
