 |
    |
Home
How to create a website
How to create login in website
How to create feedback form
How to create Ajax website
How to create HTML file
How to create HTML file
Before we start creating html file let me tell you the basic structure of file and how it works.
HTML is set of <tags>. Browsers understand the tag and display the content available in tag. HTML file starts with the <html> tag and ends with </html>tag
HTML file consist of two sections <head> and <body>. After <html> tag starts <head>section and below is <body>
Head section
<head> </head> section is not displayed in browser it is only use for processing. For example we can define title <title>My page </title>. This title is displayed on the top bar of the html page in browser. we can define <style> tag for font size , color etc. for content used in the body. If external css, javascript files etc. are created, it can be called in head section.
Meta tag in the following code is use to set the characterset of file. utf-8 is universal set
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Page</title>
<style type="text/css">
body{ margin:0;}
.myContent{ font-family:Arial; font-size:12px; color:#6600FF }
</style>
</head>
In short head section is use for setting the sources for body section.
Body section
Lets move to body section. <body></body> section is use to display content available in it. We can set the placement of the content in the body using tables. You will the clear idea from the code I have given blow. We can set the width of the tables in percentage and in pixel also.
External images are displayed using image tag.
<img src=”image.jpg” />
Linking the page to other website is done by <a> tag
<a href="http://www.sudarshansoft.com"> link to other website</a>
Link to internal page
<a href="filename.html">Internal link</a>
Here is complete body section
<body>
<table width="50%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="myContent">My first html page</td>
</tr>
<tr>
<td class="myContent"><img src="myimage.jpg" /></td>
</tr>
<tr>
<td class="myContent"><a href="http://www.sudarshansoft.com">link to other website</a></td>
</tr>
</table>
</body>
</html>
For creating html file, text editor is required. But I suggest dreamweaver is the best for creating html, even I m using the same.
If you have any queries write to us on technobit@gmail.com
| © copyrights sudarshansoft 2009 |