Le HTML est le langage fondamental pour créer des pages... Affiche plus
NSI277 vues·Mis à jour May 23, 2026·4 pagesIntroduction aux Bases du Langage HTML
laure 💕@lauremsn
1 / 4
1
of 4
Les bases du HTML
Créer une page web, c'est comme construire avec des blocs : chaque balise a son rôle spécifique. Les balises fonctionnent par paires avec une ouvrante <tag> et une fermante </tag>.
La structure de base démarre toujours avec <html>, puis le contenu visible va dans <body>. Pour organiser ton texte, utilise <h1> pour les titres principaux et <p> pour les paragraphes.
Les attributs donnent des infos supplémentaires aux balises. Par exemple, pour créer un lien : <a href="https://www.google.com">Cliquez ici</a>. L'attribut href indique où mène le lien !
💡 Astuce : Les commentaires
<!-- comme ça -->t'aideront à t'y retrouver dans ton code sans être visibles sur la page.
2
of 4
Listes et tableaux
Les listes ordonnées (<ol>) numérotent automatiquement tes éléments, parfait pour des étapes ou un classement. Les listes non-ordonnées (<ul>) utilisent des puces, idéales pour des énumérations simples.
Pour les tableaux, c'est un jeu de construction : <table> crée la base, <tr> ajoute une ligne et <td> une cellule. Imagine un tableau Excel en HTML !
Les éléments comme <thead>, <tbody> et <tfoot> organisent ton tableau en sections logiques. <th> crée des cellules d'en-tête qui se démarquent visuellement.
💡 Bon à savoir : Pour les PDF, utilise simplement
<object data="nom.pdf">et c'est parti !
3
of 4
Contenu multimédia et liens
Les liens internes te permettent de naviguer dans la même page avec <a href="#section">, tandis que les liens externes pointent vers d'autres sites. L'attribut target="_blank" ouvre le lien dans un nouvel onglet.
Pour intégrer du contenu d'autres pages, utilise <iframe>. C'est comme avoir une fenêtre vers une autre page web directement dans la tienne !
Les images nécessitent l'attribut src pour l'adresse et alt pour la description. Les formats supportés incluent JPEG, PNG, GIF et SVG.
L'audio et la vidéo fonctionnent avec <audio> et <video> plus l'attribut controls pour afficher les boutons de lecture. N'oublie pas de spécifier le type de fichier !
💡 SEO tip : Les métadonnées dans
<head>commecharset,keywordsetauthoraident les moteurs de recherche à comprendre ta page.
4
of 4
Formulaires interactifs
Les formulaires rendent tes pages interactives ! Commence par <form> puis ajoute des champs avec <input>. Les types "text" et "password" sont les plus courants.
Les labels associés aux champs via id et for améliorent l'accessibilité. Le placeholder donne un exemple de ce qu'il faut saisir.
Pour les choix multiples, utilise les checkbox. Pour un seul choix, préfère les boutons radio avec le même attribut name. Les listes déroulantes <select> économisent l'espace d'affichage.
Les attributs min et max permettent de valider automatiquement les données saisies. Le bouton <button type="submit"> envoie le formulaire !
💡 Validation : HTML peut vérifier automatiquement si les données respectent tes critères avant l'envoi.
Si on te demande...
Qu'est-ce que le compagnon IA de Knowunity ?
Notre compagnon IA est spécialement conçu pour répondre aux besoins des étudiants. Sur la base des millions d'éléments de contenu que nous avons sur la plateforme, nous pouvons fournir des réponses vraiment significatives et pertinentes aux étudiants. Mais il ne s'agit pas seulement de réponses, le compagnon a encore plus pour but de guider les élèves dans leurs défis d'apprentissage quotidiens, avec des plans d'étude personnalisés, des quiz ou des éléments de contenu dans le chat et une personnalisation à 100% basée sur les compétences et les développements de l'étudiant.
Où puis-je télécharger l'appli Knowunity ?
Tu peux télécharger l'application dans Google Play Store et dans l'App Store d'Apple.
L'application est-elle vraiment gratuite ?
Oui, tu as un accès entièrement gratuit à tous les contenus de l'appli, tu peux chatter ou suivre les créateurs à tout moment. De plus, nous proposons Knowunity Premium, qui te permet de réviser sans limites!
Contenus les plus populaires en SI
9
SIÉquations RC et Condensateurs
Explorez les concepts clés des dipôles RC, y compris les formules essentielles, le chargement et le déchargement des condensateurs dans une résistance, ainsi que les équations différentielles associées. Ce résumé est idéal pour les étudiants en physique cherchant à maîtriser ces notions fondamentales.
2nde1073
NSIArbres Binaires Essentiels
Découvrez les concepts clés des arbres binaires, y compris la taille, la profondeur, et les parcours (préfixe, infixe, suffixe). Ce résumé est idéal pour préparer le bac de NSI et comprend des définitions et des exemples pratiques.
Tle3,858147
NSIRéseaux et Protocoles TCP/IP
Explorez les fondamentaux des réseaux informatiques, y compris les adresses IP, les protocoles TCP/IP, et les différentes topologies de réseau. Ce résumé couvre les concepts clés tels que le modèle OSI, l'encapsulation de paquets, et les types de réseaux comme Ethernet et Wi-Fi. Idéal pour les étudiants en informatique cherchant à comprendre la communication réseau.
1ère43510
NSICommandes SQL Essentielles
Explorez les commandes fondamentales du langage SQL, y compris INSERT, DELETE, UPDATE, et SELECT. Ce résumé couvre également les contraintes de domaine, de relation et de référence, ainsi que les opérations de tri et de jointure. Idéal pour les étudiants préparant le bac en NSI.
Tle5,527231
SNTChaînes d'Information et d'Énergie
Explorez les concepts fondamentaux des chaînes d'information et d'énergie en technologie. Cette fiche présente les étapes d'acquisition, de traitement et de communication des informations, ainsi que les conversions d'énergie nécessaires pour alimenter et transmettre des actions. Idéal pour les étudiants en technologie cherchant à comprendre les systèmes techniques.
4e1,42435
NSIGraphes et Arbres Binaires
Explorez les concepts fondamentaux des graphes et des arbres binaires, y compris les types de graphes, les matrices et listes d'adjacences, ainsi que les différentes méthodes de parcours d'arbres. Ce document est essentiel pour comprendre les structures de données en NSI.
Tle1,41139
NSIDictionnaires en Python
Explorez les concepts fondamentaux des dictionnaires en Python, y compris la création, la modification, et l'accès aux éléments. Ce document présente des exemples pratiques et des méthodes clés comme 'items()', 'keys()', et 'values()'. Type de contenu : fiche de révisions.
1ère1,46473
NSIDictionnaires en Python
Explorez les fondamentaux des dictionnaires en Python, y compris leur définition, création, accès aux valeurs, et méthodes essentielles comme keys(), values(), et get(). Ce résumé pratique vous guide à travers l'ajout, la modification et la suppression d'éléments dans un dictionnaire. Type de contenu : résumé.
1ère66512
NSIListes, Tuples et Dictionnaires
Découvrez les fondamentaux des listes, tuples et dictionnaires en Python. Ce document couvre les bases, les méthodes et les fonctions essentielles pour manipuler ces structures de données. Idéal pour les étudiants en NSI souhaitant maîtriser la programmation Python.
1ère3,730134
Contenus les plus populaires
9
HistoireGuerre Totale : 1939-1945
Explorez les événements marquants de la Seconde Guerre mondiale, de l'invasion de la Pologne à la capitulation du Japon. Ce résumé aborde les concepts clés tels que la guerre totale, le génocide des Juifs, la bataille de Stalingrad, et l'impact de la propagande. Idéal pour les étudiants en histoire cherchant à comprendre les enjeux et les conséquences de ce conflit majeur.
3e212,02217,314
I
HistoireIntroduction à la Seconde Guerre mondiale
Identifiez les causes du conflit, les alliances et les dates clés du déclenchement de la guerre en Europe et dans le Pacifique.
3e4,6430
PhilosophieConscience en Philosophie
Explorez la notion de conscience en philosophie à travers ses implications sur la justice, la liberté, et la connaissance. Cette fiche de révision aborde les débats philosophiques sur la conscience, le cogito, et les valeurs morales, tout en intégrant des perspectives contemporaines. Idéale pour les étudiants en philosophie cherchant à approfondir leur compréhension des enjeux éthiques et existentiels.
Tle105,4935,402
D
HistoireDéfaite de 1940 et Régime de Vichy
Comprendre l'armistice de juin 1940, la fin de la IIIe République et la mise en place du nouveau régime autoritaire de Philippe Pétain.
3e2,2780
FrançaisFigures de Style Essentielles
Explorez les figures de style clés pour enrichir vos commentaires composés et oraux du Bac de Français. Ce document présente des définitions claires et des exemples illustratifs pour chaque figure, y compris la métaphore, la comparaison, et la personnification. Idéal pour les étudiants préparant le Bac.
1ère19,9581,487
HistoireGuerre Froide : Conflits et Idéologies
Explorez les événements clés de la Guerre Froide (1947-1991), y compris le Plan Marshall, la crise de Berlin, la guerre de Corée et la crise de Cuba. Ce résumé met en lumière les tensions entre le communisme et le capitalisme, ainsi que les conséquences de cette période sur le monde moderne. Type : résumé de cours BAC PRO.
1ère46,8054,180
FrançaisCombat pour l'Égalité
Analyse approfondie du 'Discours de la servitude volontaire' d'Étienne de la Boétie, explorant les thèmes de la tyrannie, de la désobéissance civile et des droits du peuple. Ce document est conçu pour aider à la préparation de l'oral du bac de français, en mettant l'accent sur la lutte pour l'égalité et la liberté. Idéal pour les étudiants souhaitant comprendre les enjeux de la servitude volontaire et son impact sur la pensée politique moderne.
1ère6,693161
FrançaisCitations par thème, le discours de la servitude volontaire
Citations, Œuvres reliées, par idées sur le Discours de la Servitude Volontaire de Étienne de La Boetie
1ère2,59787
STMGAmazon : Performance et Conditions de Travail
Explorez l'étude de gestion sur Amazon, mettant en lumière la relation entre performance sociale et commerciale. Ce dossier aborde l'impact des conditions de travail sur la performance de l'entreprise, ainsi que les stratégies de croissance et d'innovation technologique. Idéal pour les étudiants en gestion souhaitant comprendre les enjeux contemporains du e-commerce. Type : Synthèse d'étude de gestion.
1ère19,365456
Rien ne te convient ? Explore d'autres matières.
Les étudiants nous adorent — il ne manque plus que toi.
4.6/5App Store
4.7/5Google Play
L'application est très facile d'utilisation et bien conçue. Jusqu'à présent, j'ai trouvé tout ce que je cherchais et j'ai pu apprendre beaucoup de choses grâce aux présentations ! Je vais certainement utiliser l'application pour un travail en classe ! Et comme source d'inspiration personnelle, elle est bien sûr aussi très utile.
Stefan Sutilisateur iOS
Cette application est vraiment super. Il y a tellement de fiches de révision et d'aide, [...]. Par exemple, la matière qui me pose problème est le français et l'appli a un choix d'aide très large. Grâce à cette application, je me suis améliorée en français. Je la recommanderais à tout le monde.
Samantha Klichutilisatrice Android
Waouh, je suis vraiment abasourdi. J'ai essayé l'application parce que je l'avais déjà vue plusieurs fois dans la publicité et j'ai été absolument choquée. Cette appli est L'AIDE dont on rêve pour l'école et surtout, elle propose tellement de choses, comme des rédactions et des fiches qui m'ont personnellement TRÈS bien aidé.
Annautilisatrice iOS
NSI277 vues·Mis à jour May 23, 2026·4 pagesIntroduction aux Bases du Langage HTML
laure 💕@lauremsn
Le HTML est le langage fondamental pour créer des pages web ! Tu vas découvrir comment utiliser les balises, créer du contenu multimédia et construire des formulaires interactifs.
1
of 4Inscris-toi pour voir le contenu. C'est gratuit!
- Accès à tous les documents
- Améliore tes notes
- Rejoins des millions d'étudiants
Les bases du HTML
Créer une page web, c'est comme construire avec des blocs : chaque balise a son rôle spécifique. Les balises fonctionnent par paires avec une ouvrante <tag> et une fermante </tag>.
La structure de base démarre toujours avec <html>, puis le contenu visible va dans <body>. Pour organiser ton texte, utilise <h1> pour les titres principaux et <p> pour les paragraphes.
Les attributs donnent des infos supplémentaires aux balises. Par exemple, pour créer un lien : <a href="https://www.google.com">Cliquez ici</a>. L'attribut href indique où mène le lien !
💡 Astuce : Les commentaires
<!-- comme ça -->t'aideront à t'y retrouver dans ton code sans être visibles sur la page.
2
of 4Inscris-toi pour voir le contenu. C'est gratuit!
- Accès à tous les documents
- Améliore tes notes
- Rejoins des millions d'étudiants
Listes et tableaux
Les listes ordonnées (<ol>) numérotent automatiquement tes éléments, parfait pour des étapes ou un classement. Les listes non-ordonnées (<ul>) utilisent des puces, idéales pour des énumérations simples.
Pour les tableaux, c'est un jeu de construction : <table> crée la base, <tr> ajoute une ligne et <td> une cellule. Imagine un tableau Excel en HTML !
Les éléments comme <thead>, <tbody> et <tfoot> organisent ton tableau en sections logiques. <th> crée des cellules d'en-tête qui se démarquent visuellement.
💡 Bon à savoir : Pour les PDF, utilise simplement
<object data="nom.pdf">et c'est parti !
3
of 4Inscris-toi pour voir le contenu. C'est gratuit!
- Accès à tous les documents
- Améliore tes notes
- Rejoins des millions d'étudiants
Contenu multimédia et liens
Les liens internes te permettent de naviguer dans la même page avec <a href="#section">, tandis que les liens externes pointent vers d'autres sites. L'attribut target="_blank" ouvre le lien dans un nouvel onglet.
Pour intégrer du contenu d'autres pages, utilise <iframe>. C'est comme avoir une fenêtre vers une autre page web directement dans la tienne !
Les images nécessitent l'attribut src pour l'adresse et alt pour la description. Les formats supportés incluent JPEG, PNG, GIF et SVG.
L'audio et la vidéo fonctionnent avec <audio> et <video> plus l'attribut controls pour afficher les boutons de lecture. N'oublie pas de spécifier le type de fichier !
💡 SEO tip : Les métadonnées dans
<head>commecharset,keywordsetauthoraident les moteurs de recherche à comprendre ta page.
4
of 4Inscris-toi pour voir le contenu. C'est gratuit!
- Accès à tous les documents
- Améliore tes notes
- Rejoins des millions d'étudiants
Formulaires interactifs
Les formulaires rendent tes pages interactives ! Commence par <form> puis ajoute des champs avec <input>. Les types "text" et "password" sont les plus courants.
Les labels associés aux champs via id et for améliorent l'accessibilité. Le placeholder donne un exemple de ce qu'il faut saisir.
Pour les choix multiples, utilise les checkbox. Pour un seul choix, préfère les boutons radio avec le même attribut name. Les listes déroulantes <select> économisent l'espace d'affichage.
Les attributs min et max permettent de valider automatiquement les données saisies. Le bouton <button type="submit"> envoie le formulaire !
💡 Validation : HTML peut vérifier automatiquement si les données respectent tes critères avant l'envoi.
Si on te demande...
Qu'est-ce que le compagnon IA de Knowunity ?
Notre compagnon IA est spécialement conçu pour répondre aux besoins des étudiants. Sur la base des millions d'éléments de contenu que nous avons sur la plateforme, nous pouvons fournir des réponses vraiment significatives et pertinentes aux étudiants. Mais il ne s'agit pas seulement de réponses, le compagnon a encore plus pour but de guider les élèves dans leurs défis d'apprentissage quotidiens, avec des plans d'étude personnalisés, des quiz ou des éléments de contenu dans le chat et une personnalisation à 100% basée sur les compétences et les développements de l'étudiant.
Où puis-je télécharger l'appli Knowunity ?
Tu peux télécharger l'application dans Google Play Store et dans l'App Store d'Apple.
L'application est-elle vraiment gratuite ?
Oui, tu as un accès entièrement gratuit à tous les contenus de l'appli, tu peux chatter ou suivre les créateurs à tout moment. De plus, nous proposons Knowunity Premium, qui te permet de réviser sans limites!
Contenus les plus populaires en SI
9SIÉquations RC et Condensateurs
Explorez les concepts clés des dipôles RC, y compris les formules essentielles, le chargement et le déchargement des condensateurs dans une résistance, ainsi que les équations différentielles associées. Ce résumé est idéal pour les étudiants en physique cherchant à maîtriser ces notions fondamentales.
2nde1073
NSIArbres Binaires Essentiels
Découvrez les concepts clés des arbres binaires, y compris la taille, la profondeur, et les parcours (préfixe, infixe, suffixe). Ce résumé est idéal pour préparer le bac de NSI et comprend des définitions et des exemples pratiques.
Tle3,858147
NSIRéseaux et Protocoles TCP/IP
Explorez les fondamentaux des réseaux informatiques, y compris les adresses IP, les protocoles TCP/IP, et les différentes topologies de réseau. Ce résumé couvre les concepts clés tels que le modèle OSI, l'encapsulation de paquets, et les types de réseaux comme Ethernet et Wi-Fi. Idéal pour les étudiants en informatique cherchant à comprendre la communication réseau.
1ère43510
NSICommandes SQL Essentielles
Explorez les commandes fondamentales du langage SQL, y compris INSERT, DELETE, UPDATE, et SELECT. Ce résumé couvre également les contraintes de domaine, de relation et de référence, ainsi que les opérations de tri et de jointure. Idéal pour les étudiants préparant le bac en NSI.
Tle5,527231
SNTChaînes d'Information et d'Énergie
Explorez les concepts fondamentaux des chaînes d'information et d'énergie en technologie. Cette fiche présente les étapes d'acquisition, de traitement et de communication des informations, ainsi que les conversions d'énergie nécessaires pour alimenter et transmettre des actions. Idéal pour les étudiants en technologie cherchant à comprendre les systèmes techniques.
4e1,42435
NSIGraphes et Arbres Binaires
Explorez les concepts fondamentaux des graphes et des arbres binaires, y compris les types de graphes, les matrices et listes d'adjacences, ainsi que les différentes méthodes de parcours d'arbres. Ce document est essentiel pour comprendre les structures de données en NSI.
Tle1,41139
NSIDictionnaires en Python
Explorez les concepts fondamentaux des dictionnaires en Python, y compris la création, la modification, et l'accès aux éléments. Ce document présente des exemples pratiques et des méthodes clés comme 'items()', 'keys()', et 'values()'. Type de contenu : fiche de révisions.
1ère1,46473
NSIDictionnaires en Python
Explorez les fondamentaux des dictionnaires en Python, y compris leur définition, création, accès aux valeurs, et méthodes essentielles comme keys(), values(), et get(). Ce résumé pratique vous guide à travers l'ajout, la modification et la suppression d'éléments dans un dictionnaire. Type de contenu : résumé.
1ère66512
NSIListes, Tuples et Dictionnaires
Découvrez les fondamentaux des listes, tuples et dictionnaires en Python. Ce document couvre les bases, les méthodes et les fonctions essentielles pour manipuler ces structures de données. Idéal pour les étudiants en NSI souhaitant maîtriser la programmation Python.
1ère3,730134
Contenus les plus populaires
9HistoireGuerre Totale : 1939-1945
Explorez les événements marquants de la Seconde Guerre mondiale, de l'invasion de la Pologne à la capitulation du Japon. Ce résumé aborde les concepts clés tels que la guerre totale, le génocide des Juifs, la bataille de Stalingrad, et l'impact de la propagande. Idéal pour les étudiants en histoire cherchant à comprendre les enjeux et les conséquences de ce conflit majeur.
3e212,02217,314
I
HistoireIntroduction à la Seconde Guerre mondiale
Identifiez les causes du conflit, les alliances et les dates clés du déclenchement de la guerre en Europe et dans le Pacifique.
3e4,6430
PhilosophieConscience en Philosophie
Explorez la notion de conscience en philosophie à travers ses implications sur la justice, la liberté, et la connaissance. Cette fiche de révision aborde les débats philosophiques sur la conscience, le cogito, et les valeurs morales, tout en intégrant des perspectives contemporaines. Idéale pour les étudiants en philosophie cherchant à approfondir leur compréhension des enjeux éthiques et existentiels.
Tle105,4935,402
D
HistoireDéfaite de 1940 et Régime de Vichy
Comprendre l'armistice de juin 1940, la fin de la IIIe République et la mise en place du nouveau régime autoritaire de Philippe Pétain.
3e2,2780
FrançaisFigures de Style Essentielles
Explorez les figures de style clés pour enrichir vos commentaires composés et oraux du Bac de Français. Ce document présente des définitions claires et des exemples illustratifs pour chaque figure, y compris la métaphore, la comparaison, et la personnification. Idéal pour les étudiants préparant le Bac.
1ère19,9581,487
HistoireGuerre Froide : Conflits et Idéologies
Explorez les événements clés de la Guerre Froide (1947-1991), y compris le Plan Marshall, la crise de Berlin, la guerre de Corée et la crise de Cuba. Ce résumé met en lumière les tensions entre le communisme et le capitalisme, ainsi que les conséquences de cette période sur le monde moderne. Type : résumé de cours BAC PRO.
1ère46,8054,180
FrançaisCombat pour l'Égalité
Analyse approfondie du 'Discours de la servitude volontaire' d'Étienne de la Boétie, explorant les thèmes de la tyrannie, de la désobéissance civile et des droits du peuple. Ce document est conçu pour aider à la préparation de l'oral du bac de français, en mettant l'accent sur la lutte pour l'égalité et la liberté. Idéal pour les étudiants souhaitant comprendre les enjeux de la servitude volontaire et son impact sur la pensée politique moderne.
1ère6,693161
FrançaisCitations par thème, le discours de la servitude volontaire
Citations, Œuvres reliées, par idées sur le Discours de la Servitude Volontaire de Étienne de La Boetie
1ère2,59787
STMGAmazon : Performance et Conditions de Travail
Explorez l'étude de gestion sur Amazon, mettant en lumière la relation entre performance sociale et commerciale. Ce dossier aborde l'impact des conditions de travail sur la performance de l'entreprise, ainsi que les stratégies de croissance et d'innovation technologique. Idéal pour les étudiants en gestion souhaitant comprendre les enjeux contemporains du e-commerce. Type : Synthèse d'étude de gestion.
1ère19,365456
Rien ne te convient ? Explore d'autres matières.
Les étudiants nous adorent — il ne manque plus que toi.
4.6/5App Store
4.7/5Google Play
L'application est très facile d'utilisation et bien conçue. Jusqu'à présent, j'ai trouvé tout ce que je cherchais et j'ai pu apprendre beaucoup de choses grâce aux présentations ! Je vais certainement utiliser l'application pour un travail en classe ! Et comme source d'inspiration personnelle, elle est bien sûr aussi très utile.
Stefan Sutilisateur iOS
Cette application est vraiment super. Il y a tellement de fiches de révision et d'aide, [...]. Par exemple, la matière qui me pose problème est le français et l'appli a un choix d'aide très large. Grâce à cette application, je me suis améliorée en français. Je la recommanderais à tout le monde.
Samantha Klichutilisatrice Android
Waouh, je suis vraiment abasourdi. J'ai essayé l'application parce que je l'avais déjà vue plusieurs fois dans la publicité et j'ai été absolument choquée. Cette appli est L'AIDE dont on rêve pour l'école et surtout, elle propose tellement de choses, comme des rédactions et des fiches qui m'ont personnellement TRÈS bien aidé.
Annautilisatrice iOS