💡c'est quoi le HTML ? 💡

30 Mars 2023

💡c'est quoi le HTML ? 💡

Le HTML est l'un des langages lisibles par les systèmes informatiques qui permettent des interactions entre les ordinateurs et les êtres humains. Il permet de définir et de structurer les éléments typiques d'un document textuel tels que les titres, paragraphes, listes, tableaux ou graphiques, tout en les marquant en conséquence. La représentation visuelle est réalisée à l'aide du navigateur Web qui interprète les lignes de code pour ensuite afficher les différents éléments. En outre, le code HTML peut contenir des informations sous forme de métadonnées. De nos jours, le HTML est principalement utilisé comme langage de balisage uniquement dans sa fonction descriptive, tandis que les langages pour les feuilles de style comme CSS (Cascading Style Sheets) sont utilisés pour définir le design. Dans les débuts du Web, cependant, il était assez courant de faire les ajustements visuels avec HTML.

HTML a évolué à partir de SGML (Standard Generalized Markup Language), un méta-langage de norme ISO reconnue (8879:1986) qui a largement disparu. Le style des éléments SGML peut donc se retrouver en HTML. La plupart du temps, on aura alors deux balises marquant l’une le début et l’autre la fin, à savoir respectivement <> et </>. Pour certains éléments, la balise de fin n'est pas nécessaire. Par ailleurs, quelques éléments sans contenu existent, comme le saut de ligne <br>. En plus des balises, on retrouve également quelques éléments d’origine dans les propriétés HTML suivantes :

Un peu de programmation.

Dans une page web vous avez 5 sections de code principale correspondant à son contenu.

Pour comprendre comment ça fonctionne, voici un exemple simple qui va vous permettre de créer votre première page web.

Pour programmer le HTML il vous faudra un éditeur de code comme NVU qui est gratuit sinon il en existe aussi en ligne

Comme celui-ci 1texte.com

Commençons la construction étape par étape les sections. 1-<html> 2-<Title> 3-<head> 4-<meta>-5-<Body>

1- Création de la première section qui sera la balise <html>

<html>Bienvenue sur mon nouveau site </html>

<html>Bienvenue sur mon nouveau site </html> remarquez que la balise est fermer après le texte.</html>

normalement si vous ouvrez la page vous devez voir ce message "coucou c'est mon nouveau site" dans l'onglet de navigation de votre page ouverte.

2- Création de la balise <Title>

<Title>Bienvenue sur mon superbe blog</Title> cette section est cruciale pour les moteurs de recherche

soignez la bien avec un titre accrocheur.

3-Création de la balise <head>

<head>Bienvenue sur mon Blog !</head> Remarque, le texte est facultatif dans head.

4-Création de la balise <Meta>

5- Création de la balise <Body>

<body>blablablablablabla</body> cette section est le corps de votre site c'est là que vous insérez tout votre contenu principale Text, Image, Javascript Bref tout le contenu principale du site.

Voyons voir se que ça donne !

Hum ! pas terrible il n'y à pas grand chose mais c'est déjà un début ! 👎

Nous allons remédier à l'amélioration visuelle de cette page.

Dans le Body par exemple on peut y ajouter une bannière par apport au thème du Blog.

Par exemple celui de notre blog. avec un lien cliquable.

Voici comment créer le code.

<body> "Lien ver notre Blog"<a href="https://videostuto.com/"><img
style="border: 0px solid ; width: 971px; height: 179px;"
alt="bannière" src="banniere.png (971×179) (free.fr)"></a>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type"></body>

Testons pour voir le résultat

Enfin une page qui ressemble à quelque chose ! 👍

Nous avons utilisé 3 nouvelles Balises. Titre <h1> Séparateur <hr> Centrage du contenu <center>

<h1> Pour la taille du titre vous pouvez diminuer la taille il suffit de mettre <h2> ou <h3> et ainsi de suite.

Voici le code source complet

<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Bienvenue sur mon superbe blog</title>
</head>
<body>
<center>
<body> <a href="https://videostuto.com/"><img
style="border: 0px solid ; width: 971px; height: 179px;"
alt="bannière" src="http://freeplaygames.free.fr/banniere.png"></a>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">

<h1>Bienvenue sur votre Blog!</h1>
"Balise < h1 > pour grossir le texte du titre"
<hr>
"Balise < hr > pour réaliser la barre de séparation"

<br>
"Ajoutons un lien de retour"

<div style="text-align: center;"><a
href="https://videostuto.com">Retour au Blog</a></div>
</center>

Bon d'accore vu comme ça cela a l'Aire complexe mais pas t'en que vous l'imaginez.

Maintenant passons aux choses sérieuses en créant un border et un article de bienvenue.

Pour créer une bordure dans un texte à moins d'avoir recourt au CSS mais nous y reviendrons plus tard.

C'est très simple il suffit d'utilisé une balise spécial <div></div> dans le <body>

Exemple

Pour trouver du contenu pour enrichir votre page

Testons pour voir !

Voila pour cette formation

La prochaine fois nous aborderons la mise en page aves du style CSS

Petit cadeau astuce pour créer un texte défilant

Avec une simple balise < marquee > et < /marquee >

Merci de réagir sur cet article.

Coucou les amis c'est mon premier texte défilant et c'est très simple à faire !

Dans une page web vous avez 5 sections de code principales correspondant à son contenu.

Pour comprendre comment ça fonctionne, voici un exemple simple qui va vous permettre de créer votre première page web.

Pour programmer le HTML il vous faudra un éditeur de code comme NVU qui est gratuit sinon il en existe aussi en ligne

Comme celui-ci 1texte.com

Commençons la construction étape par étape les sections. 1-<html> 2-<Title> 3-<head> 4-<meta>-5-<Body>

1- Création de la première section qui sera la balise <html>

<html>coucou c'est mon nouveau site </html>

💡c'est quoi le HTML ? 💡

Partager cet article

Vous aimerez aussi :