HTML is an universal computer language used to communicate on the web. It enables to
create web pages thanks to a coding language called "tags".
The html language has continuously evolved since its creation. There are several versions. As of today, the current version is
HTML 4.0
Important to prepare and modify html documents is that you need to use what is called an
html editor. The best known at the moment are
FrontPage (Microsoft), WebExpert (Visicom), Dreamweaver (Adobe) and PageMill (Adobe).
Now, let's get to it !
What you need to keep in mind about the html language is that it allows you to create web pages visible by all the internet users, thanks to attributes called html "tags".
The basic structure of an html document
<html> </html>
|
determine the html document
|
|
<head> </head> |
determine the header of the document (contains
information for the browsers)
|
|
<title> </title> |
set a title for the page |
|
<body> </body> |
determine the document's text area, called the body content
|
The table and
its attributes
<table> </table>
|
enables to create a table in an html document, between the <body> tags
|
<tr> </tr>
|
determine a table row
|
<td> </td>
|
determine a table cell
|
border="0"
|
determine the thickness of the cell's border, in pixels
|
Width="100 px" height="100 px"
|
determine the image
width and height, in pixels (px) or percentage (%) (the example shown here is for pixels values)
|
align="center"
|
determine the table type of
alignment in the page: justified, top, bottom, centered, aligned to the left or to the right
|
N.B: those attributes are placed between the <table> tags
The image and its attributes
<img src="folder/name of the image">
|
enables to display the image from the named folder
|
alt="title of the image"
|
alternative text allowing browsers to "read" the image
|
N.B.: the alignment, border and size attributes are also used for the images
The hyperlink
<a href="">name of the link</a>
|
enables to insert an hyperlink on a word, a sentence, an image, etc.
|
N.B: you can insert an hyperlink that points to:
-
an internal or external page (an another web site) :
<a href="http://www.keonnected.com/home" > back to home page </a>
-
an e-mail address:
<a href="mailto:info@keonnected.com">contact Keonnected </a>
Try these examples:
You don't know how to access the Keonet html editor? See the image below...
Now, you can easily create a lot of content type directly in the html editor !
You will find below a list of several reference web sites to learn more about the html language.
References
web sites
Here is a non-exhaustive list of the most instructive web sites about html :
One
example...
The Keonet articles are presented like a Microsoft
®
Word document, but they don't let you create the content as in this software.
That's why you will find below some advices to work directly in the Keonet html editor.
Add a row to a table
You created a table, then you want to add a row... You realize that this article doesn't let you do it, you think that you have to do it again....
STOP !
Here's below a practical tip to easily add a row, and fast.
This is your initial table and its corresponding html code:
To add a row :
-
Access and enter the html editor (see "
The Keonet html editor ")
-
Before the tabel closing tag </table>, create a new line by copying the row, including the <tr> </tr> tags
-
Insert the cells with the <td> </td> tags
-
Click on "Update" at the bottom right
-
Finally, validate the article
