HOW To Create New HTML Website For your business: Basic HTML Page Creation
Everybody is thinking about grow their business with new professional website. But problem is investing money. It is very necessary for any start up company to have their own website. Now many web development companies provides website in low cost. But if you want to create new website by your own. Here detailed document regarding new website creation.
First of all you need to have some design structure in your mind. If It is then you can start with this.
Here we are considering there is no editor available at your end and you are just working in notepad.
Open a new file in notepad and save it as .html extension i.e. in our case it is testnewwebsite.html
Basic HTML structure in all the website:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>My Website</title>
</head>
<body>
</body>
</html>
You can change charset value to "UTF-8" or any appropriate value as per your need.
Now you can add content with:
<h1> - For heading value
<h2> - For Sub heading value
<h3> - For content heading.
mily: Georgia, 'Times New Roman', serif;"><p> - For paragraph add
<img> - Insert Image
<table>- For creation new table
Now you can create basic Content with above mentioned tags:
Everybody is thinking about grow their business with new professional website. But problem is investing money. It is very necessary for any start up company to have their own website. Now many web development companies provides website in low cost. But if you want to create new website by your own. Here detailed document regarding new website creation.
First of all you need to have some design structure in your mind. If It is then you can start with this.
Here we are considering there is no editor available at your end and you are just working in notepad.
Open a new file in notepad and save it as .html extension i.e. in our case it is testnewwebsite.html
Basic HTML structure in all the website:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>My Website</title>
</head>
<body>
</body>
</html>
You can change charset value to "UTF-8" or any appropriate value as per your need.
Now you can add content with:
<h1> - For heading value
<h2> - For Sub heading value
<h3> - For content heading.
mily: Georgia, 'Times New Roman', serif;"><p> - For paragraph add
<img> - Insert Image
<table>- For creation new table
Now you can create basic Content with above mentioned tags:
<table cellpadding="0" cellspacing="0" border="0" width="400" align="center">
<tr>
<td><img src="mywebsite/images/logo.jpg" alt="my website title" /></td>
</tr>
<tr>
<td>
<h1>My Website Content</h1>
<h2>My Sub Heading</h2>
<p>My Text</p>
</td>
</tr>
</table>
<tr>
<td><img src="mywebsite/images/logo.jpg" alt="my website title" /></td>
</tr>
<tr>
<td>
<h1>My Website Content</h1>
<h2>My Sub Heading</h2>
<p>My Text</p>
</td>
</tr>
</table>
Now you can add your content between body tag:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>My Website</title>
</head>
<body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>My Website</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" width="400" align="center">
<tr>
<td><img src="mywebsite/images/logo.jpg" alt="my website title" /></td>
</tr>
<tr>
<td>
<h1>My Website Content</h1>
<h2>My Sub Heading</h2>
<p>My Text</p>
</td>
</tr>
</table>
</body><tr>
<td><img src="mywebsite/images/logo.jpg" alt="my website title" /></td>
</tr>
<tr>
<td>
<h1>My Website Content</h1>
<h2>My Sub Heading</h2>
<p>My Text</p>
</td>
</tr>
</table>
</html>
Here your basic HTML page without css has been ready.
No comments:
Post a Comment