Qu’est-ce que le HTML ?

Depuis le début d’Internet, le HTML a été crucial pour que le World Wide Web fonctionne et apparaisse comme nous le souhaitons. Voyons ce qu’est le HTML et comment il se transforme en pages que vous voyez tous les jours.

L’épine dorsale d’Internet

HTML signifie « langage de balisage hypertexte ». C’est un langage de codage utilisé pour créer des pages qu’un navigateur Web peut afficher. La plupart des pages Web que vous trouvez sur Internet, y compris celle sur laquelle vous lisez cet article en ce moment, sont stockées sous forme de fichier HTML. Les sites Web sont un ensemble de pages HTML associées stockées sur un serveur quelque part. C’est pourquoi la langue est souvent appelée « la colonne vertébrale d’Internet ».

Chaque fois que vous accédez à une page sur Internet, vous demandez essentiellement un fichier HTML stocké sur le serveur. Ensuite, le navigateur que vous utilisez, tel que Chrome ou Firefox, analysera le code HTML et vous l’affichera comme prévu.

L’universalité et la polyvalence de HTML en font le langage de balisage le plus populaire au monde. La plupart des développeurs Web frontaux commencent par apprendre à coder en HTML. Les outils de glisser-déposer et les éditeurs WYSIWYG sont finalement traduits en HTML afin que les navigateurs puissent les analyser.

Qu’est-ce qu’un langage de balisage ?

Comment fonctionne le HTML

Comme tout langage de programmation, HTML ressemble à un tas de commandes et de blocs de texte avant d’être transformé en visuel de face. Si vous êtes curieux de voir à quoi ressemble le code HTML sur cette page particulière et que vous êtes sur un ordinateur de bureau ou un ordinateur portable, essayez de cliquer avec le bouton droit n’importe où sur cette page et sélectionnez « Afficher la source de la page » (l’option peut varier en fonction de votre navigateur ). Cela devrait vous amener à un mur de code géant.

La plupart du code HTML est construit à l’aide de « blocs d’éléments », qui sont des extraits de code HTML qui séparent différents éléments sur une page. Par exemple, le corps de cet article est un bloc d’éléments, tout comme le menu, les recommandations ci-dessous et le pied de page de la page. Ces éléments sont codés à leur manière, car ils peuvent se comporter différemment.

L’utilisation de feuilles de style en cascade (CSS) est une partie cruciale de la création de pages HTML. Ce sont des documents qui définissent à quoi doivent ressembler des éléments particuliers d’une page. Par exemple, quelle doit être la taille des images, quelles polices doivent apparaître sur une page et comment une page Web doit réagir lorsqu’elle est redimensionnée ou étirée. Tous ces éléments sont essentiels à la création de sites Web attrayants, cohérents et élégants. Si vous avez remarqué que les sites Web ont commencé à mieux paraître au cours de la dernière décennie, l’utilisation croissante de CSS en est la principale raison. Vous pouvez en savoir plus sur CSS ici.

L’une des meilleures choses à propos de HTML est sa capacité à exécuter des scripts dynamiques via JavaScript ou JS. Ces scripts peuvent créer des éléments dynamiques. Par exemple, sur certains sites Internet, le survol d’une image vous permettra de zoomer dessus. Vous pouvez créer cet effet en codant dans un élément JavaScript.

Comment désactiver (et activer) JavaScript dans Google Chrome

Bases du HTML

Bien que HTML soit un langage assez complexe avec des tonnes de balises et de blocs différents, il existe quelques codes HTML qui peuvent s’avérer utiles lorsque vous naviguez sur le Web. Voici quelques balises HTML de base que vous pourriez rencontrer.

<a href="https://www.howtogeek.com">How-to Geek</a>

Mode d’emploi Geek

Vous utilisez le <a> commande pour créer un lien. L’URL est l’endroit où le lien pointera, et le texte qui lit « How-to Geek » est comment il apparaîtra à un utilisateur final.

<b>bold</b> <i>italic</i> <u>underline</u>

gras italique souligner

Vous pouvez utiliser le <b>, <i>, et <u> pour appliquer les options de formatage de texte standard : texte gras, italique et souligné.

<img src="https://www.howtogeek.com/752587/what-is-html/picture.jpg">

Les <img> La balise est utilisée pour intégrer une image dans une page. Il extraira l’image du même domaine ou vous pourrez la pointer vers un domaine externe. Vous pouvez également le personnaliser avec des attributs supplémentaires, tels que le redimensionnement et le texte alternatif.

<h1>heading 1</h1> <p>paragraph</p>

Les balises ci-dessus sont des balises de titre et de paragraphe. Semblable à la façon dont Microsoft Word vous permet de trier le texte en en-têtes et en corps de texte, HTML peut également formater le texte en fonction des options d’en-tête et de paragraphe par défaut. Ces formats sont définis à l’aide de la feuille de style CSS.

<p style="color:edr;">red paragraph</p>

Vous pouvez également utiliser le "style" attribut pour personnaliser le texte avec divers paramètres de style, tels que la couleur du texte, la couleur d’arrière-plan et la taille de la police.

Si vous souhaitez en savoir plus sur les options de formatage HTML, consultez les ressources gratuites de W3Schools. Vous trouverez une liste complète des balises HTML que vous pouvez utiliser pour commencer à créer vos pages Web.

Qu’est-ce que le « Responsive Design » et comment l’utilisez-vous ?