Depuis le début d'Internet , HTML a été crucial pour rendre le travail Web mondial et apparaître comme nous le voulons. Jetons un coup d'œil à ce que HTML est et comment il se transforme en pages que vous voyez tous les jours.
La colonne vertébrale d'Internet
HTML signifie "Langue de balisage hypertexte". C'est un langage codant 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 que vous lisez cet article en ce moment, sont stockées en tant que fichier HTML. Les sites Web sont un groupe de pages HTML associées stockées sur un serveur quelque part. C'est pourquoi la langue est fréquemment appelée " BACKBONE D'Internet . "
Chaque fois que vous allez sur 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 HTML et l'affiche à vous de la manière dont il est destiné.
L'universalité et la polyvalence de HTML en font le plus populaire le plus populaire langage de balisage dans le 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.
EN RELATION: Qu'est-ce qu'une langue de balisage?
Comment fonctionne HTML
Comme n'importe quel langage de programmation, HTML ressemble à un tas de commandes et de blocs de texte avant qu'il soit transformé en visuel face avant. Si vous êtes curieux de voir à quoi ressemble le code HTML sur cette page et que vous êtes sur un ordinateur de bureau ou un ordinateur portable, essayez de cliquer avec le bouton droit de la souris sur cette page et sélectionnez «Afficher la source de page» (l'option peut varier en fonction de votre navigateur. ). Cela devrait vous emmener dans une paroi géante de code.
La plupart des HTML sont construits à l'aide de "blocs d'élément" 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ément, de même que 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.
Une partie cruciale de la construction de pages HTML est l'utilisation de feuilles de style en cascade (CSS). Ce sont des documents qui définissent quels éléments particuliers d'une page devraient ressembler. Par exemple, la façon dont les grandes images doivent être, quelles polices doivent apparaître sur une page et Comment une page Web doit répondre quand il est redimensionné ou étiré. Celles-ci sont toutes cruciales pour créer des sites Web attrayants, cohérents et élégants. Si vous avez remarqué des sites Web commençant à mieux paraître au cours de la dernière décennie, l'utilisation croissante de CSS est la principale raison. Vous pouvez en savoir plus sur CSS ici .
L'une des meilleures choses sur 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 Web, en vol stationnaire sur une image vous permettra de zoomer. Vous pouvez faire cet effet en codant dans un élément JavaScript.
EN RELATION: Comment désactiver (et activer) JavaScript dans Google Chrome
Bases HTML
Bien que HTML soit une langue assez complexe avec des tonnes de balises et de blocs différents, il existe quelques codes HTML qui pourraient être utiles lorsque vous parcourez le Web. Voici quelques balises HTML de base que vous pourriez rencontrer.
& lt; un href = "https://www.howtogeeek.com" & gt; comment geek & lt; / a & gt;
Comment geek
Vous utilisez le
& lt; a & gt;
commande de créer un lien. L'URL est l'endroit où le lien pointera et le texte qui lit "HOW-to Geek" est de savoir comment il apparaîtra à un utilisateur final.
& lt; B & GT; Bold & LT; / B & GT; & lt; i & gt; italique & lt; / i & gt; & lt; u & gt; souligné & lt; / u & gt;
gras italique souligner
Vous pouvez utiliser le
& lt; B & GT;
,
& lt; i & gt;
, et
& lt; u & gt;
Pour appliquer les options de formatage de texte standard: audacieux, italique et texte souligné.
& lt; img src = "image.jpg" & gt;
Les
& lt; img & gt;
La balise est utilisée pour intégrer une image dans une page. Il tire l'image du même domaine, soit vous pouvez le pointer vers un domaine externe. Vous pouvez également le personnaliser avec des attributs supplémentaires, tels que le redimensionnement et le texte alt.
& lt; H1 & GT; Rubrique 1 & LT; / H1 & GT; & lt; P & GT; paragraphe & lt; / p & gt;
Ce qui précède sont des balises de rubrique et de paragraphe. Semblable à la manière dont Microsoft Word vous permet de trier le texte dans les en-têtes et le texte du corps, HTML peut également formater le texte en fonction de l'en-tête et des options de paragraphe par défaut. Ces formats sont définis à l'aide de la feuille de style CSS.
& lt; p style = "Couleur: EDR;" & GT; paragraphe rouge & lt; / p & gt;
Vous pouvez également utiliser le
"style"
Attribut Pour personnaliser le texte avec différents paramètres de style, tels que la couleur du texte, la couleur de fond et la taille de la police.
Si vous souhaitez apprendre plus d'options de formatage HTML, consultez la Ressources gratuites de W3schools . Vous trouverez une liste complète des balises HTML que vous pouvez utiliser pour commencer à construire vos pages Web.
EN RELATION: Qu'est-ce que "conception réactif" et comment l'utilisez-vous?
