Quelles sont les bases du HTML ?
Publié: 2023-09-25HTML (Hypertext Markup Language) est un élément fondamental de la conception Web dans le comté d'Orange. Il s'agit d'un langage de balisage utilisé pour créer la structure et le contenu d'une page Web et constitue le fondement de tous les sites Web. Tous les concepteurs de sites Web ont probablement rencontré le HTML au cours de leur carrière !
HTML est le langage standard utilisé pour créer des pages Web statiques, c'est-à-dire des pages qui ne changent pas sans modification manuelle du code HTML, ce qui signifie que les utilisateurs ne peuvent pas l'affecter.
Les bases du HTML
HTML est un ensemble d'éléments ou de balises, et chaque élément représente un composant de page Web spécifique. Cela semble simple, n'est-ce pas ? C'est parce que c'est le cas ! Ces documents HTML sont créés à l'aide d'un éditeur de texte et enregistrés avec l'extension .html. Un document HTML de base doit contenir les éléments suivants pour fonctionner correctement :
La déclaration <!DOCTYPE>
La déclaration <!DOCTYPE> sert d'acte d'ouverture à votre document HTML, préparant le terrain en informant le navigateur de la version spécifique de HTML que vous utilisez. Considérez-le comme une introduction conviviale qui dit : « Hé, navigateur, nous allons danser au rythme du HTML5 ! » HTML5 est la star actuelle du monde du développement Web et apporte une multitude de fonctionnalités et d’améliorations intéressantes. Ainsi, lorsque vous incluez cette déclaration, vous dites essentiellement au navigateur de se préparer à une expérience HTML moderne et riche en fonctionnalités. C'est votre façon de vous assurer que votre contenu Web est présenté correctement et profite de toutes les fonctionnalités intéressantes du HTML5.
<!DOCTYPEhtml>
L'élément <HTML>
Considérez l'élément <html> comme le grand patron de votre document HTML. C'est le grand patron, le chef de file et celui qui garde tout en ordre. Tout comme un patron gère une entreprise, l'élément <html> gère l'intégralité de votre page Web. C'est le point de départ et le conteneur de tous les autres éléments que vous utiliserez pour créer votre contenu Web.
À l'intérieur de cet élément <html>, vous trouverez le plan de votre page Web, y compris les éléments <head> et <body>. L'élément <head> contient des informations importantes sur votre document, comme le titre, les balises méta et les liens vers des ressources externes. Pendant ce temps, l'élément <body> contient tout le contenu visible que les utilisateurs voient lorsqu'ils visitent votre site Web.
Ainsi, en un mot, l'élément <html> constitue la vue d'ensemble, le commandant en chef et l'organisateur ultime de votre document HTML. Il garantit que tout se passe bien et que votre page Web est structurée et présentée correctement à votre public.
L'élément <Head>
L'élément <head> est comme le cerveau de votre document, contenant des informations importantes telles que le titre, les balises méta et des liens vers des éléments sophistiqués comme des feuilles de style et des scripts. Ainsi, même si l'élément <head> n'est peut-être pas visible sur votre page Web, il joue un rôle essentiel pour garantir que votre site soit beau, fonctionne bien et communique efficacement avec les utilisateurs et les moteurs de recherche. C'est comme le centre de commande qui aide votre page Web à fonctionner de manière optimale.
L'élément <Titre>
L'élément <title> spécifie le titre du document, qui apparaît dans la barre de titre du navigateur. Il ne s’agit pas seulement d’une exigence technique mais aussi d’un puissant outil de communication. Créer un titre clair, concis et pertinent est essentiel pour garantir que votre page Web soit facilement reconnaissable, accessible et attrayante à la fois pour les utilisateurs et les moteurs de recherche.
L'élément <Body>
L'élément <body> contient tout le contenu de la page Web, tel que le texte, les images, les vidéos et d'autres éléments. C'est comme la scène principale d'un théâtre : c'est là que se déroule toute l'action dans votre document HTML. C'est l'un des éléments fondamentaux de toute page Web, et son rôle est assez simple mais essentiel : il contient tout le contenu visible que les utilisateurs voient lorsqu'ils visitent un site Web.
Éléments HTML
Les éléments HTML sont entourés de balises d'ouverture et de fermeture, entourées de crochets angulaires. La balise d'ouverture commence par le nom de l'élément, suivi de tous les attributs sous la forme de paires nom-valeur. La balise de fermeture est exactement la même que la balise d'ouverture, mais elle comporte une barre oblique (/) avant le nom de l'élément comme une sorte de remarque de fermeture.
Par exemple, le code suivant crée une simple page HTML :
<!DOCTYPEhtml>
<html>
<tête>
<title>Ma première page HTML</title>
</tête>
<corps>
<h1>Bienvenue sur mon site Web</h1>
<p>Ceci est ma première page HTML.</p>
</corps>
</html>
Ici, l'élément <html> est l'élément racine et il contient les éléments <head> et <body>. L'élément <head> contient l'élément <title>, qui spécifie le titre du document. L'élément <body> contient le contenu de la page, qui comprend un titre et un paragraphe. Dans un document HTML typique, vous devez commencer par l'élément le plus gros (dans ce cas, HTML), puis passer aux éléments plus petits au fur et à mesure que vous créez la page (par exemple, en-tête, titre, corps, etc.).
Attributs HTML
Les attributs HTML donnent des informations supplémentaires sur un élément et sont inclus dans la balise d'ouverture. Ils agissent en quelque sorte comme un descripteur. Les attributs les plus courants sont les suivants :
L'attribut ID
L'attribut id identifie un élément et en JavaScript et CSS pour manipuler l'élément.
L'attribut de classe
L'attribut class regroupe les éléments, leur permettant d'être stylisés avec CSS.
L'attribut de style
L'attribut style est une fonctionnalité HTML astucieuse qui vous permet d'appliquer des styles directement à un élément individuel, directement dans le code HTML. C'est comme donner à cet élément particulier une cure de jouvence, en spécifiant des éléments tels que les couleurs, les polices et l'espacement sans avoir à créer une feuille de style distincte. Cela peut être pratique lorsque vous souhaitez apporter une modification rapide et ponctuelle à l'apparence d'un élément sans affecter le reste des styles de votre site Web. C'est donc votre outil incontournable pour ajouter une touche d'unicité à des éléments spécifiques de votre conception Web.
L'attribut Href
L'attribut href est utilisé dans les liens pour spécifier l'URL de la page de destination.
Conclusion
HTML est la base de la conception Web et est essentiel pour créer une page Web bien structurée. Ce sont les premiers pas vers un site Web à part entière ! Ainsi, comprendre les bases du HTML est essentiel pour quiconque souhaite créer un site Web. HTML est un langage de balisage comprenant des éléments, des attributs et du contenu. Chaque élément représente un composant spécifique de la page Web et les attributs fournissent des informations supplémentaires sur un élément. Avec HTML, vous pouvez disposer des éléments d’un site Web structuré, visuellement attrayant et interactif.
Voir l'article connexe ici : https://www.drivetrafficmedia.com/the-différent-coding-linguals-of-web-design/
