New messages Members Forum rules Search
  • Page 1 of 1
  • 1
Forum moderator: kostova, Brazen  
uCoz Support Forum by uCozers » Coding » HTML » How to - Basic HTML Coding (sml[tutorial]Basic HTML Coding Help)
How to - Basic HTML Coding
Z10Date: Saturday, 2009 August 01, 8:59 PM | Message # 1
Font size: A | A |
Major
Group: uCozer
Message: 100
[ ]
Offline
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!


"When life gives you lemons, make orange juice. Sit back, relax, and let the world wonder how you did it."
 
uCoz Support Forum by uCozers » Coding » HTML » How to - Basic HTML Coding (sml[tutorial]Basic HTML Coding Help)
  • Page 1 of 1
  • 1
Search:


Copyrights uCozers 2009 - 2019 To TOP
Refresh Smileys Manager