Une question ?
Message envoyé. Fermer
4
6 critiques

LES BASES DU HTML

La Programmation est littéralement partout où on regarde, des services que vous utilisez aux objets autour de vous, l’informatique n’a ... Voir plus
Instructeur
Ngangala Ligbo
35 Étudiants Inscrit
  • Description
  • Curriculum
  • FAQ
  • Annonce
  • Examens

Le code HTML est appelé un langage de balisage (et non un langage de programmation). En effet, le but de ce code informatique est de structurer les éléments visuels qui composent une page web : textes, images, paragraphes, etc. Dans la construction d’une page internet, le code HTML permet de poser des balises qui seront ensuite mises en forme via d’autres outils de programmation.

Structurellement, une page web est composée d’éléments textuels bruts dont la mise en page se base sur les balises HTML. Par exemple, l’éditeur de texte va considérer les indications du code HTML pour savoir comment présenter les titres, les sous-titres ou encore les listes à puces d’une page.

Les développeurs doivent donc intégrer à leur code HTML des indications précises, comme des balises d’ouverture afin de signifier le début d’un élément. En pratique, pour créer un bloc de texte comme un paragraphe, le code HTML doit incorporer une balise d’ouverture spécifique à la forme du texte voulue. Pour indiquer le commencement d’un paragraphe, on code donc.

Le code HTML a évolué : au début, il comprenait un grand nombre d’indications techniques pour mettre en forme les éléments textuels et leur apparence : mise en gras, en italique, etc. Désormais, ces composants sont pris en charge par des éditeurs de texte ou dans des feuilles de style. Toutefois, le langage HTML a gagné en technique sémantique.

Pourquoi utiliser le code HTML ?

Les éléments codés par le balisage HTML donnent des indications essentielles quant au sens à donner aux composants une page. Ce sens est crucial pour les robots d’indexation et d’analyse en ligne. Ces algorithmes passent en effet au scan le balisage HTML pour catégoriser le contenu d’un site, en extraire les mots-clés et indexer favorablement la plateforme dans les résultats de recherche.

C’est pour cette raison qu’il est crucial de maîtriser les bases du code HTML afin de proposer des plateformes web efficaces, bien indexées, esthétiques et fonctionnelles. Les professionnels du marketing et de la communication digitale le savent et prêtent une attention particulière au balisage structurel de leurs sites web.

Le langage HTML est essentiel pour proposer aux algorithmes une structure lisible, riche, originale et qui obtiendra un bon résultat d’indexation. Pour les internautes, c’est aussi un langage qui favorise une navigation en ligne fluide et agréable, qui contribue à fidéliser une clientèle sur le web.

Qu’est-ce que HTML, réellement ?

HyperText Markup Language (HTML) est le code utilisé pour structurer une page web et son contenu. Par exemple, le contenu de votre page pourra être structuré en un ensemble de paragraphes, une liste à puces ou avec des images et des tableaux de données. Comme le suggère le titre, cet article vous fournit les bases de compréhension du HTML et de ses fonctions.

HTML n’est pas un langage de programmation. C’est un langage de balises qui définit la structure de votre contenu. HTML se compose d’une série d’éléments, utilisés pour entourer, ou envelopper, les diverses parties du contenu pour les faire apparaître ou agir d’une certaine façon.

Les balises entourantes peuvent être rendues par un mot ou une image lien hypertexte vers quelque chose d’autre, un texte en italique, une police plus grande ou plus petite, et ainsi de suite. Par exemple, avec la ligne de contenu suivante :

Si vous souhaitez que cette ligne reste ainsi, nous indiquerons qu'il s'agit d'un paragraphe en l'entourant des balises paragraphe :
Mon chat est très grincheux
<p>Mon chat est très grincheux</p>

Anatomie d’un élément HTML

Regardons de plus près cet élément paragraphe :

Les composants principaux de notre élément sont :

  1. La balise ouvrante : celle-ci se compose du nom de l’élément (ici « p »), entre deux chevrons. Cela indique le début de l’élément, soit l’endroit à partir duquel celui-ci prend effet. Pour notre exemple, cela indique le début du paragraphe.
  2. La balise fermante : ici on a également des chevrons et le nom de l’élément, auxquels on ajoute une barre oblique avant le nom de l’élément. Cela indique la fin de l’élément. Pour notre exemple, cela indique la fin du paragraphe. Oublier la balise fermante est une erreur courante de débutant et peut conduire à de curieux résultats.
  3. Le contenu : C’est le contenu de l’élément. Ici, c’est simplement du texte.
  4. L’élément : Il est composé de la balise ouvrante, de la balise fermante et du contenu.

Les éléments peuvent aussi avoir des « attributs », ce qui ressemble à :

Les attributs contiennent des informations supplémentaires qui portent sur l’élément et qu’on ne souhaite pas afficher avec le contenu. Dans cet exemple, l’attribut class permet d’utiliser un nom pour identifier l’élément et ce nom pourra être utilisé plus tard pour la mise en forme ou autre chose.

Un attribut doit toujours avoir :

  1. Un espace entre l’attribut et le nom de l’élément ou l’attribut précédent (s’il y a plusieurs attributs) ;
  2. Un nom (le nom de l’attribut), suivi d’un signe égal « = » ;
  3. Des guillemets anglais (“) pour encadrer la valeur de l’attribut.
FAQ 1
Faq Content 1
FAQ 2
Faq Content 2

Productivity Hacks to Get More Done in 2018

— 28 February 2017

  1. Facebook News Feed Eradicator (free chrome extension) Stay focused by removing your Facebook newsfeed and replacing it with an inspirational quote. Disable the tool anytime you want to see what friends are up to!
  2. Hide My Inbox (free chrome extension for Gmail) Stay focused by hiding your inbox. Click "show your inbox" at a scheduled time and batch processs everything one go.
  3. Habitica (free mobile + web app) Gamify your to do list. Treat your life like a game and earn gold goins for getting stuff done!


4.0
6 critiques
Étoiles 5
3
Étoiles 4
0
Étoiles 3
3
Étoiles 2
0
Étoiles 1
0
maxresdefault (1)
Payement unique / Durée de la formation 1 mois 2 fois / semaine en présentiel
Course details
Durée 10 hours
Conférences 5
Vidéo 9 hours
Quizz 1
Niveau Avancé
Accès complet à vie
Accès sur le mobile et la télévision

Archive

Working hours

Monday 9:30 am - 6.00 pm
Tuesday 9:30 am - 6.00 pm
Wednesday 9:30 am - 6.00 pm
Thursday 9:30 am - 6.00 pm
Friday 9:30 am - 5.00 pm
Saturday Closed
Sunday Closed