Qu’est-ce que le h.t.m.l ?

Balises et attributs
Éléments html
Faire une page html, Ghostwriter et ReMARKable
Modifier une page html

Le HTML ou HyperText Markup Language est un langage informatique. Il a été développé en 1990 par les groupes W3C et WHARWG. Sa version la plus aboutie est à ce jour le HTML5, qui fête son dixième anniversaire en 2024.

C’est notamment le code HTML que va lire votre navigateur, une fois que vous avez cliqué sur une URL, pour afficher sur votre écran le contenu que le concepteur du site voulait que vous voyiez.

Balises et attributs

Les balises
Les balises servent à organiser le contenu, structurer la page et indiquer au navigateur comment afficher chaque partie. Certaines balises sont purement structurelles (ex : section, article, header, footer), d’autres formatent le texte ou insèrent des médias.

Les balises les plus courantes sont :

 <html> ,  <head>,  <title>,  <body>,  <h1> à <h6>,  <a>,  <div>,  <ul>, <ol>, <li>

Balises normales :
Les balises normales en HTML sont des éléments qui s’ouvrent avec une balise ouvrante et se ferment par une balise fermante correspondante. Par exemple, une balise normale s’écrit ainsi :
```
contenu
```
, où
```

```
est la balise ouvrante et
```

```
la balise fermante. Ces balises sont essentielles pour structurer et organiser une page web.

Balises orphelines (auto-fermantes) :
Les balises auto-fermantes en HTML sont des balises qui sont à la fois ouvrantes et fermantes, ce qui signifie qu’elles s’écrivent en une seule balise. Par exemple :
```
 , <img />, <hr />
```

Les attributs
Les attributs servent à transmettre des informations supplémentaires aux navigateurs et robots d’exploration des moteurs de recherche. Exemples : « class », « src » et « alt ».

Les éléments HTML

On peut utiliser plus de 140 balises différentes pour bâtir un fichier HTML. On peut les répartir en deux catégories : niveau bloc et niveau ligne.

Éléments “de bloc”
Les éléments de niveau bloc couvrent toute la largeur de la page. Par exemple les titres, les paragraphes, les listes à puce.

Éléments “en ligne”
Les éléments "en ligne" permettent d’entrer dans le détail pour former les contenus et les mettre en valeur. Par exemple : caractères gras, ou italiques, liens hypertextes.

Importance du html

Comment faire une page html ?
On peut compter sur les CMS (Systèmes de Gestion de Contenu) comme SPIP qui aide à fabriquer les articles du site Aciah-linux.org, avec des blocs préprogrammés à remplir avec des images et du texte de notre choix.

On peut aussi, à partir d’un texte fait avec Libre Office, choisir ’enregistrer sous’ et prendre du html.

Et puis il existe deux logiciels intéressants, utilisables sur Linux ou Windows :

ReMARKable, qu’on peut vocaliser avec un lecteur d’écran,
Ghostwriter, non vocalisable.
Ces deux logiciels figurent dans les dépôts de Linux-Mint. Ils permettent de faire des titres de niveau, des listes à puces, d’insérer lien, image ou tableau, soit directement, soit ’à la main’.
Le plus complet est : ReMARKable.

Ces deux logiciels sont basés sur le langage Markdown.
Markdown est un langage de balisage léger qui sert à mettre en forme du texte (titres, listes, liens, tableaux…) à l’aide d’une syntaxe simple et lisible en clair.
il a été conçu en 2004 par John Gruber avec la participation d’Aaron Swartz.
il peut ensuite être converti en HTML, PDF ou d’autres formats.

Comment corriger une page html ?
Si vous recevez une page html, faites un clic-droit ou un menu-contextuel, et ouvrez avec un éditeur de texte. Avec un peu d’habitude vous pourrez modifier la page html.

Pour en savoir davantage, nous vous invitons à lire le document ci-inclus.

La stucture de base d’une page html

Notes et consignes

- Retour à la page-accueil du site

Attention, certains logiciels et certains raccourcis-clavier sont spécifiques : ils ne fonctionnent qu'avec Aciah-Linux. ils sont destinés à simplifier le fonctionnement global mais n'empêchent pas le fonctionnement classique.