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

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

4.4. Introduction au HTML : structure de base, balises et attributs

HTML, qui signifie HyperText Markup Language, est le langage de balisage standard pour la création de pages Web. Il est utilisé pour décrire la structure et le contenu d'un document Web et est composé d'une série d'éléments ou de « balises » que le navigateur interprète pour afficher la page Web comme le souhaitait le développeur.

Structure de base d'un document HTML

Un document HTML de base commence par le doctype , qui indique au navigateur quelle version de HTML le document utilise. Le document HTML proprement dit commence et se termine par le symbole <html> et </html>.

Au sein de ces balises, nous avons deux parties principales : la "tête" (<head> et </head>) et le "corps" (<body> et </body>). L'« en-tête » contient des informations sur le document qui ne sont pas affichées dans la fenêtre du navigateur, telles que le titre de la page (qui est affiché dans la barre de titre ou l'onglet de la page du navigateur) et des liens vers des fichiers CSS et JavaScript pouvant être utilisés sur la page. . Le « corps » contient le contenu réel de la page affichée dans le navigateur.

Balises en HTML

Les balises sont utilisées pour marquer des éléments dans un document HTML. Ils sont généralement composés d’un nom d’élément entouré de crochets angulaires. La plupart des éléments HTML ont une balise d'ouverture et une balise de fermeture, le contenu de l'élément étant contenu entre les deux.

Par exemple, un paragraphe en HTML est marqué avec la balise <p> (la balise d'ouverture) et le </p> (la balise de fermeture). Tout ce qui se trouve entre ces deux balises est traité comme un paragraphe par le navigateur et affiché en conséquence.

Il existe de nombreuses balises différentes disponibles en HTML, chacune ayant un objectif spécifique. Certaines des balises les plus courantes incluent <h1> à <h6> pour les en-têtes, <p> pour les paragraphes, <a> pour les liens, <img> pour les images et <div> et <span> pour les divisions de contenu générique.

Attributs en HTML

Les attributs fournissent des informations supplémentaires sur un élément HTML. Ils sont toujours spécifiés dans la balise d'ouverture et se présentent généralement sous forme de paires nom/valeur. Par exemple, la balise de lien <a> inclut généralement l'attribut 'href', qui spécifie l'URL vers laquelle le lien doit pointer.

D'autres attributs courants incluent 'src' (qui spécifie la source d'un élément, tel qu'une image ou une vidéo), 'alt' (qui fournit un texte alternatif pour un élément, à afficher si l'élément ne peut pas être rendu) et 'style' (qui peut être utilisé pour ajouter du CSS directement à un élément).

Les attributs constituent une partie importante du HTML car ils vous permettent de personnaliser le comportement et l'apparence d'un élément en fonction de vos besoins. Cependant, ils doivent être utilisés avec parcimonie, car une utilisation excessive des attributs peut rendre le code HTML difficile à lire et à maintenir.

En bref, HTML est un langage de balisage puissant et flexible qui vous permet de créer une grande variété de pages Web. En comprenant la structure de base d'un document HTML, ainsi que l'utilisation des balises et des attributs, vous pouvez commencer à créer vos propres pages Web et devenir un développeur front-end efficace.

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

Quelle est la fonction de la balise 'head' 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 : balises de titre

Page suivante de lebook gratuit :

9Introduction au HTML : structure de base, balises et attributs : balises de titre

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