Hey Everyone, This is a Tutorial on Basic HTML Coding. It's basically the stuff you should be able to do blindfolded, if you want to become a good coder. (Try testing these codes in a ".HTML" Document first.)
Links
Code
<a href="http://example.com"/>Click here</a>
This is a basic Link. It's not that hard to make, and probably the first thing most people learn when learning HTML. You can Also add more to the Link to make it easier for people to understand. Try adding this.
Code
<a title="text here" href="http://example.com"/>Click here</a>
Now when someone scrolls over it, "Text here" will appear. Now that you know how to make a normal link, lets try making an image link.
Code
<a title="Text here" href="http://exmaple.com"/><img src="http://imageurl"/></a
You have successfully made your own Image Link. Now you can click an image to go to a page. Finally Lets try making an E-mail Link
Code
<a href="mailto:somebody@yahoo.com">Click here to E-mail me</a>
Now you've mastered making Links, lets move on.
Images
Image Codes are probably the second easiest thing when coding HTML, they can get really complex, but i won't confuse you, so for now lets make an image.
Code
<img src="http://tinypic.com/ajfj"/>
Now you have an image, try testing this out in a ".HTML" Document, replace the "http://tinypic.com/ajfj" with the image url you want to test. Now let's try a bit more complex image code.
Code
<img src="http://tinypic.com/ajfj" width="100" height="100" alt="Image" />
This is the more stable code, if you image disappears the words "Image" would appear. You can change that by changing "alt="Image". Now you can also change the height and width of your image, to fit you liking. Congrats you can now make your own image code. Let's Continue.
Fonts
Fonts, are a very important part when Coding HTML, changing the font's can make your whole page seem different. Here's a Basic Font Code. (Includes Color, Size, and Style)
Code
<p style="font-size:20pt; font-family:serif; color:orange">Text here.</p>
Here is a code, that you can change the font, the family and the color. How to change those parts are pretty self explanatory. That's all for now, Thanks for Reading!
