Image de l'article Introduction au HTML : structure de base, balises et attributs : Comprendre les balises HTML

4.3. Introduction au HTML : structure de base, balises et attributs : Comprendre les balises HTML

Introduction au HTML : structure de base, balises et attributs

HTML, ou HyperText Markup Language, est le langage de balisage standard pour la création de pages Web et d'applications. Comprendre la structure de base du HTML, ainsi que les balises et les attributs, est essentiel pour tout développeur front-end. Dans ce chapitre, nous explorerons ces concepts en détail.

Structure de base du HTML

Un document HTML est composé d'éléments HTML, qui sont indiqués par des balises. Chaque document HTML commence par la déclaration de type de document , qui indique au navigateur que le document est un fichier HTML5. La balise <html> cela implique tout le contenu de la page.

<!DOCTYPE html>
<html>
...
</html>

Dans la balise <html>, nous avons deux parties principales : la balise <head> et <body>. La <head> contient des métadonnées sur le document, telles que le titre de la page (balise <title>), des liens vers des feuilles de style CSS (balise <link>) et des scripts JavaScript (balise <script>). Le <body> contient le contenu réel de la page qui est visible par les utilisateurs.

<!DOCTYPE html>
<html>
  <head>
    <title>Titre de la page</title>
  ≪/head>
  <body>
    Contenu de la page...
  </body>
</html>

Balises HTML

Les balises HTML sont utilisées pour définir des éléments dans un document HTML. Ils sont entourés de crochets angulaires (< et >). La plupart des balises sont présentées par paires et entourent le contenu qu'elles affectent. Par exemple, le symbole <p> est utilisé pour créer un paragraphe :

<p>Ceci est un paragraphe.</p>

Il existe de nombreuses balises HTML, chacune ayant son propre objectif. Certains des plus courants incluent <h1> à <h6> pour les en-têtes, <a> pour les liens, <img> pour les images, <ul> et <li> pour les listes, et <div> et <span> pour regrouper des éléments.

Attributs HTML

Les attributs HTML sont utilisés pour fournir des informations supplémentaires sur un élément. Ils sont toujours spécifiés au début de la balise d'ouverture et se présentent généralement sous forme de paires nom/valeur. Par exemple, le symbole <a> utilise généralement l'attribut href pour spécifier l'URL du lien :

<a href="https://www.example.com">Ceci est un lien</a>

D'autres attributs courants incluent src pour spécifier la police d'une image, alt pour spécifier un texte alternatif pour une image et style pour ajouter des styles CSS à un élément.

En bref, HTML est l'épine dorsale de toute page Web. Comprendre la structure de base du HTML, ainsi que les balises et les attributs, est la première étape pour devenir un développeur front-end efficace. Dans le chapitre suivant, nous explorerons CSS et comment il est utilisé pour styliser les éléments HTML.

Répondez maintenant à l’exercice sur le contenu :

Quelle est la fonction de la <tête> dans un document HTML ?

Tu as raison! Félicitations, passez maintenant à la page suivante

Vous avez raté! Essayer à nouveau.

Image de l'article Introduction au HTML : structure de base, balises et attributs : Attributs en HTML

Page suivante de lebook gratuit :

8Introduction au HTML : structure de base, balises et attributs : Attributs en HTML

0 minutes

Obtenez votre certificat pour ce cours gratuitement ! en téléchargeant lapplication Cursa et en lisant lebook qui sy trouve. Disponible sur Google Play ou App Store !

Get it on Google Play Get it on App Store

+ 6,5 millions
d'étudiants

Certificat gratuit et
valide avec QR Code

48 mille exercices
gratuits

Note de 4,8/5 dans les
magasins d'applications

Cours gratuits en
vidéo, audio et texte