Web Design Tutorial #1
In this entry, I will show you how to write few HTML codes which enable you to write a simple static website. If you don’t have and HTML editor, a notepad would be enough. If you want something greater than notepad, try ConText. Ready? Get set, go!
- Website
- A basic HTML page will have these codes in it. Well, just copy it if you want it.
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”"http://www.w3.org/TR/html4/loose.dtd”>
<html><head>
<title>Your Website Title</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
</head><body>
</body></html>
- Paragraph
- In order to write a paragraph, you need the paragraph tag.
<p>Your Text Here</p>
- Easy? I told you it isn’t that hard.
- Link
In order to write a paragraph, you need the paragraph tag.
<a href=”http://www.youlink.com/”>Your Link</a>Example: Mohd Rafie
- Images
In order to write a paragraph, you need the paragraph tag.
<img src=”Link of Your Image” alt=”Alternate text” />
Note: All of the paragraph, link, image codes can go anywhere between the body tag.
<body><— Place your codes here —></body> There are other properties as well that we can put like text-align, colour, and font in those tags, but for but this tutorial is just for you to get familiar with it. Well, I hope you will now know how to make a simple static HTML website. Download the tutorial file here and let see what you can do with it. :) If you have the basic idea about all of these things, perhaps you want to read by How to make your web RUN.
Have a nice day and try this tutorial out. Enjoy~
Other references:
October 29th, 2008 at 11:33 am
This is great info to know.