LANGAGE HTML

Langage HTML (Hyper Text Markup Language)

* Le langage HTML permet de rédiger des page web en utilisant des balises placées entre chevrons, (< ou >) c'est un langage de description de page.

* Le World Wide Web est né au CER à Genève.

* Le HTML permet de créer des liens entre les pages pour passer d'une page liée à une autre.

* Pour créer une page web, nous n'avons seulement besoin du bloc note.

Voici un exemple d'une page par le codage HTML :

<!DOCTYPE html>

<html> = Début de fichier Html

<head> = En-tête

</head>

<body> = Attribut du fichier

<p><h1>Initiation au <strong>HTML</strong> pour les TS 1-2-3.</h1>

<br />C'est pas si dur regardez:

<br /> <ul>Je peux faire des listes.

<li>texte en <em>italique</em>.</li>

<li>texte en <strong>gras</strong>.</li>

<li>texte <mark>surligné</mark>.</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> = Fin de fichier Html

Explications :

* Balise ouvrante du début du fichier HTML : <html> et balise fermante de fin : </html>.

De mêmes :

* <head> contenu de l'en tête </head>.

* <title> titre affiché par le navigateur </title>.

* <body> contenu du fichier </body>.

* <p> permet de délimiter les paragraphes </p>.

* <ul> utilisé pour créer une liste </ul>.

* <li> pour chaque élément de la liste </li>.

* <body bgcolor=colcod> permet de mettre une couleur en arrière-plan.

* <body background=urling> permet de mettre une image en arrière-plan.

Ces deux dernières balises sont plus spécifiques, on les appelle attributs.

Décaler les lignes de code est une indentation. L'indentation facilite la lecture, (utilisé également en langage JAVA).

* <a href ''?''> définit un lien sur une page </a>.

Cette balise est un hyperlien.

* <img src='' permet d'insérer le lien d'une image ''

Il existe aussi ce que l'on appelle les balises orphelines, une balise qui ne possède ni de balise ouvrante ni fermante :

* <br/> permettant le retour à la ligne.

L'UTF 8 est un codage des caractères du clavier. Il utilise un plus petit nombre de bits pour les caractères les plus fréquents.

Le <strong> est le mot important qui va être référencé par les moteurs de recherchent en temps que mot clé.

Les balises <h1> à <h6> sont utilisées pour mettre en valeur les titres présents dans le document html.

Remarque : la mise en forme du texte de la page Html peut être faite en langage CSS avec un feuille de style.