Saturday, October 19, 2013

[Html school]How to create a simple web page in 4 steps

Create a simple web page in 4 steps


Today i will present you how to create a simple web page with tables, images, and some text. It is not be some special page, but it can be usefull, also you need to learn to make simple pages first. When you creating some page, you must to think about Seo optimization, so you need to do some keyword resarch, and you need to know what will be the name of web page. 

First step


Think about name of web page, also you need to do keyword reasrch. After you do keyword reasrch, take  notebook and pencil in your hand and draw how would you like to look your web page. 

Second step

Now you need to write code for your web page.
[Advice]Make some google reasrch for Html code, maybe you will find interesting code that you can use on your web page
 At the end of the post you will find code for simple html page.


Thrid step

Now save your web page, and open in your browser to see how it look like.



[Html code] Simple web page with tables, images and some text.

Simple web page with tables, images and some text











[Html code]



<!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=utf-8" />
<title>Simple web page</title>
</head>

<body>
<h1 align="center" style="color:#F00;">Simple web page</h1>
<div>
<h2 style="color:#00C;">Text and table</h2>
<table border="1" align="left" bordercolor="#0000FF" bgcolor="#00FFFF" cellpadding="0" cellspacing="0" height="98px">
<tr>
<td>some text</td>
<td>some text</td>
<td>some text</td>
</tr>
<tr>
<td>some text</td>
<td>some text</td>
<td>some text</td>
</tr>
<tr>
<td>some text</td>
<td>some text</td>
<td>some text</td>
</tr>
</table>
</div>
<div>
<p style="font-family:'Comic Sans MS', cursive"><b>Some text, some text some text, Some text, some text some text,</b> Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,<b>Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, </b>some text some text,</p><hr/>
</div>
<h2 style="color:#00C;">Image, tables and text</h2>

<img src="html-create-table.jpg" alt="images" title="images" style="float:left;"  />
<table border="1" align="left" bordercolor="#0000FF" bgcolor="#00FFFF" cellpadding="0" cellspacing="0" height="98px" style="float:right;">
<tr>
<td>some text</td>
<td>some text</td>
<td>some text</td>
</tr>
<tr>
<td>some text</td>
<td>some text</td>
<td>some text</td>
</tr>
<tr>
<td>some text</td>
<td>some text</td>
<td>some text</td>
</tr>
</table><p align="left" ><p><b>Some text, some text some text, Some text, some text some text,</b> Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text</p>
</body>
</html>

0 comments:

Post a Comment

 

Every monday and friday new html lesson on Computershole

X