HTML
Qu'est-ce que le language htlm ?
L'HyperText Markup Language autrement appelé HTML est une des inventions de Tim Berners- Lee. Il s'agit d'un langage descriptif pour structurer le contenu d'une page web. Un document HTML contient plusieurs balises, qui permettent à un ordinateur de savoir comment afficher la page web et que faire quand lorsque l'on clique dessus. Le langage HTML repose sur l'utilisation de chevron tels que : "<" et ">" . Nous allons maintenant expliquer quelques fonctionnalités du langage HTML : Le code de la page est englobé entre la balise ouvrante <html> et fermante </html>, les méta-données sont contenues entre <head> et </head> et <body> </body> contient le corps de la page, une balise de paragraphe en HTML peut-être représentée de la manière suivante : <p> Hello world!</p>, <h1> </h1> permet d'afficher un titre, <img addresse de l'image> permet d'inclure une image sur la page, <a></a> permet d'inclure des liens hypertexte, c'est le principe de base web et <br> permet le retour à la ligne. Dans l'en-tête <head> on met le titre <title>, dans les méta-données, on indique le codage des caractères choisis, historiquement le premier codage était "ascii", qui codait uniquement les caractères américains non-accentués, aujourd'hui l'utf 8 permet de coder tous les caractères du monde, sur des nombre de bits variables.
Un extrait d'une page codée en HTML :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-32" />
<title>HTML BRUT.</title>
</head>
<body>
<p><h1>Initiation au <strong>HTML</strong> pour les TS 1-2-3.</h1> (strong = mots importants)
<br />C'est pas si dur regardez:
<br /> <ul>Je peux faire des listes.
<li>texte en <em>italique</em>.</li> (em permet de mettre une écriture en italique)
<li>texte en <strong>gras</strong>.</li>
<li>texte <mark>surligné</mark>.</li>
<li><a href="#">un lien</a>.</li>
<li>une image : <img src="https://img11.hostingpics.net/pics/589515oldMC.png" /></li></ul></p>
<p>Voici donc quelques exemples de balises HTML couramment utilisée pour créer des pages web.
<br />Ces balises restent toutefois très rudimentaires et nous avons besoin de CSS pour les mettre en forme.</p>
</body>
</html>
