Catégories liées :
|
|
Explications sur les bases du html
(Publié le 17/6/2006)
Le html (HyperText Markup Language) est le langage de base pour la construction d'un site Internet. Le moindre élément visible par l'internaute dans un site est introduit dans la page par du code html. Pour les débutants, le html peut paraître compliqué, mais en réalité il s'agit d'un langage très simple.
En effet, il suffit de quelques explications et d'un tout petit peut d'expérience pour maîtriser la programmation html.
Toutes les instructions html sont délimitées par des balises, ces balises sont toujours de cette forme : <balise> (c'est à dire avec < en ouverture et > en fermeture).
Ces balises doivent en générale être ouverte, puis refermée de la manière suivante : <balise> (ouverture de la balise) et </balise> (fermeture de la balise).
Une page est structurée par des balises principales qui sont les suivante :
<html>...</html> délimite la page;
<head>...</head> délimite le contenu de l'entête de la page (méta-tags, titre, styles, etc...);
<body>...</body> délimite le contenu du corps de la page (ce que vois l'internaute dans vos pages);
Ainsi, une page a toujours l'architecture générale suivante :
<html>
<head>
informations entête
</head>
<body>
Contenu visible de la page
</body>
</html>
Afin de documenter des sources html, il est possible de faire des commentaires, ces commentaires ne seront pas visibles par vos internautes mais apparaîtront dans les sources. Ces commentaires sont délimité par <!-- et -->.
Exemple :
<!--ce que vous lisez ici est un commentaire-->
Il y a en réalité peu de balises html, et ce sont en générale toujours les même qui reviennent.
Ces balises les plus utilisée sont les suivantes :
<br> : sauter une ligne;
<b>...</b> : mettre en gras (ou <strong>...</strong>);
<i>...</i> : mettre en italique (ou <em>...</em>);
<a href="adresse internet">...</a> : faire un lien (délimite par <a> et </a>, il peut y avoir plusieurs paramètres dans <a>);
<div align="center">...</div> : centrer un texte ou une image (remplacer "center" par "left" pour aligner à gauche, par right pour aligner à droite, et par "justify" pour aligner un texte des deux cotés);
<img scr="adresse image" alt="commentaire image"> : afficher une image, avec un commentaire;
<h1>...</h1> : faire un titre de grande taille (pouvant aller de <h1> jusqu'à <h6>, 1 étant la taille la plus grande et 6 la plus petite);
<font>...</font> : caractéristiques d'un texte, mettez dans la balise <font> toutes les caractéristiques du texte. Par exemple <font face="Arial"> définira la police "Arial", <font color="red" face="Arial"> définira la police "Arial" et la couleur rouge, <font color="red" face="Arial" size="2"> définira la police "Arial", la couleur rouge et la taille "2".
Ces balises sont les balises principales, mais vous avez un certain nombre d'autres balises permettant de faire des choses plus précises.
D'autres balises souvent rencontrées sont les balises pour faire un tableau :
<table>...</table> : délimite le tableau;
<tr>...</tr> : délimite une ligne;
<td>...</td> : délimite une colonne;
Ainsi, un tableau avec deux lignes et deux colonnes sera codé de la manière suivante :
<table>
<tr>
<td>
contenu de la première colonne première ligne
</td>
<td>
contenu de la deuxième colonne première ligne
</td>
</tr>
<tr>
<td>
contenu de la première colonne deuxième ligne
</td>
<td>
contenu de la deuxième colonne deuxième ligne
</td>
</tr>
</table>
Cela vous paraît encore compliqué ? je suis sure que non !
Cette brève explication ne reprend que quelques bases permettant de comprendre un peu mieux ce qu'est le code html et la façon dont il est organisé, si vous souhaitez en savoir plus et devenir un pro du code html, c'est très facile, il existe pour cela beaucoup de livres très bien fait, mais aussi énormément de sites qui traitent de ce sujet.
|
• Sites en rapport avec cet article :
Programmateur Flash PHP Mysql
Création de site internet, inlabs vous permettra de développer vos applications web en Flash ou html classique.
http://www.inlabs.net
Guide du code html
Description des balises HTML et de leurs attributs, illustré de nombreux exemples. Destiné aux webmasters débutants, initiés et développeur de site. Quelques trucs et astuces, les codes HTML des caractères, palette de couleurs. Programmation de site.
http://www.guide-code-html.com
Tutoriel XHTML
Un cours HTML, des explications simples pour les débutants, des précisions pour les confirmés, des exemples pour tous et enfin une source conforme aux standards.
http://www.elitwork.com/xhtml_tutoriel.html
• Thèmes liés :
 Html | Internet | Javascript | Mysql | Php | Programmation | Script | Webmaster | Tutorial | Site
• Autres articles et communiqués de presse pouvant vous intéresser :
|
