CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 Comprendre les Éléments HTML Neutres : div et span

Comprendre les Éléments HTML Neutres : div et span

div, span
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML 5
Revoir le teaser Je m'abonne
3,7
Transcription
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,7
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction aux Éléments div et span

Objectifs

À la fin de cette vidéo, vous serez capables d'utiliser les éléments div et span pour structurer et styliser efficacement vos pages web.

Résumé

Découvrez les différences et utilisations de deux éléments HTML neutres : div et span, pour organiser et styliser vos pages web.

Description

Dans cette leçon, nous explorons deux éléments HTML neutres : div et span. L'élément div est un conteneur générique de niveau bloc qui organise le contenu de votre page sans aucune valeur sémantique propre. Il est souvent utilisé pour regrouper d'autres éléments afin d'appliquer des styles CSS uniformes ou des scripts JavaScript.

En revanche, l'élément span est un conteneur générique en ligne, principalement utilisé pour styliser des parties spécifiques du contenu textuel. Contrairement au div, le span reste au sein de la ligne de texte, sans provoquer de rupture de ligne.

À travers cette vidéo, nous illustrerons des cas pratiques pour l'application de bordures et de couleurs à des contenus spécifiques avec div et span, démontrant leur utilité dans la création de pages web complexes et bien structurées.

Voir plus

Questions fréquentes

Quelle est la principale différence entre un div et un span ?
La principale différence réside dans le fait que div est un conteneur de niveau bloc alors que span est un conteneur en ligne.
Pour quel type de contenu utilise-t-on généralement l'élément span ?
L'élément span est généralement utilisé pour contenir et styliser des contenus textuels au sein d'une ligne.
Quand devrait-on utiliser un div plutôt qu'un autre élément HTML sémantique comme section ou article ?
On utilise div lorsque l'objectif est de grouper des éléments sans transmettre de signification sémantique spécifique, contrairement à section ou article qui ont des significations précises.

Programme détaillé

header 03:28
nav 01:05
main 01:22
footer 01:06
section 02:18
aside 01:09
article 04:21
9 commentaires
3,7
9 votes
5
4
3
2
1
henridjithat
Il y a 2 ans
Parfait pour un débutant.
geoffrey.monange
Il y a 3 ans
Excellent tout parait simple et logique à la fin !
PASTRI49
Il y a 3 ans
Bravo! car sincèrement dans l'ensemble il y a un vrai travail de fond et surtout d'excellentes bases que vous nous dévoilez. Après bien évidemment à chacun de se créer son univers de progression à travers différentes recherches autres... mais ne soyons pas trop dur non plus au niveau d'exigences démesurées et reconnaissons quand même avec un minimum de correction la qualité d'ensemble de ce qui nous est dévoilé. Sincèrement moi j'ai apprécié cette formation, qui m'a quand même appris des choses que je ne connaissais pas dans la profondeur. Donc merci !
jpe.beno
Il y a 3 ans
Bonjour, dans le site final, il y a les explications du html (ok pour moi) mais ou sont les vidéos pour expliquer le css du site final ?
passprod_1
Il y a 4 ans
Les vidéos des cours css dans cette formation "apprendre le HTML 5" sont impossibles à suivre pour une personne débutante... Les exercices css ne sont pas dans le dossier à télécharger.
allal73
Il y a 4 ans
Bonne formation , merci , svp je pense qu'il manque des cours au chapitre 11 c'est manquant, je n'ai aucune info sur cette épisode, vous passez directement sur un exercice dont nous n'avons pas traité merci de corrigé, je n'est pas tous fini ma formation cela m'a perturber énormément.
lcerva38
Il y a 4 ans
Je confirme certains modules traite du css et pas du html.
missant974
Il y a 4 ans
J'ai commencé à suivre ces vidéos qui sont de qualité, mais malheureusement certains modules ne correspondent pas au sujets abordés, erreur lors de l'upload. Exemple le module 16 traite du CSS et non pas du HTML.
stephane.cade
Il y a 4 ans
Bonne formation. Je me demande s'il n'y a pas une anomalie au niveau du module 11. Une leçon manquante.J'ai eu le sentiment d'avoir manqué un épisode, alors que ce n'était pas le cas. Il me semble que c'était dans le module 11. Merci.