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

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

Source de cet article sur le h t m l

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. Mais le code html obtenu n’est pas vraiment correct puisqu’il mélange les styles et les textes

Typora

Heureusement, il existe des logiciels intéressants : Typora, ReMARKable et Ghostwriter.

Nous avons testé :

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. malheureusement il est mal fini et l’équipe que l’a conçu semble l’avoir abandonné.

Ghostwriter, est non vocalisable, donc n’en parlons pas.

Le meilleur, à notre point de vue est Typora qui fonctionne sous Linux, Windows et Mac. La licence coûte moins de 20 euros, et on peut utiliser Typora sans acheter de licence.

il est en français,
il offre beaucoup de possibilités de personnalisation,
on peut insérer un tableau, faire : Paragraphe/Tableau,
on peut insérer une Table des Matières, faire : Paragraphe/Table des matières.
il permet d’exporter en pdf et en html et d’autres formats.

Typora est très facile à utiliser :

écrivez votre texte sur Libre Office, en veillant à l’accessibilité : titres d eniveau, listes à pucs, alternatives textuelles des images, etc. Le vérificateur de Libre-Office est d ebon secours.
lancez Typora et faites un copier-coller de votre texte. Typora respecte vos styles
faites ensuite : fichier/exporter et choisissez html. Vous obtenez un document html séparant bien la partie style de la partie texte. Ne vous affolez pas : les 700 premières lignes du code-source concernent les styles car tout a été passé en revue : la taille des caractères, les espacements, les bordures, etc.

Typora peut être personnalisé

La présentation de base du document html obtenu avec Typora est correcte. Mais on peut souhaiter une présentation personnalisée comme ici. Nous l’avons fait, mais comment ?

il faut d’abord disposer d’un ensemble de styles, une maquette.txt
ensuite, il faut obtenir le code-source du document html obtenu avec Typora et éliminer les 700 premières lignes qui correspondent au style de Typora
il faut ensuite coller les lignes qui restent à la fin de la maquette.txt
et ajuster un peu les choses par exemple faire en sorte de ne pas avoir deux fois <body> ou deux fois <head> et compléter <title></title>

Markdown

Ces 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.