HTML/CSS #6 - formatage technique
ฝัง
- เผยแพร่เมื่อ 7 ก.พ. 2025
- Cette séance vous présente des balises HTML qui vous seront moins utiles que les précédentes mais serviront pour mettre en évidence des textes techniques (informatique, mathématiques) ou d'autres cas bien spécifiques.
🔗 Mémento HTML : bit.ly/39lXjR0
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
💙 Si ce n'est pas encore fait, n'hésite pas à t'abonner à la chaîne
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
◾ Site web : jasonchampagne.fr
◾ Discord : discord.me/jas...
◾ Twitch : / jachampagne
◾ TH-cam (personnel) : / jasonchampagne
◾ Twitter : / jachampagne8
◾ Facebook : / jachampagne8
◾ Instagram : / jachampagne8
◾ Snapchat : / jachampagne8
🔵 Crédits :
Musique proposée par La Musique Libre
Wontolla - Can You Feel Me (ft. Nathan Brumley) : • |Musique libre de droi...
Wontolla : / iamwontolla
Nathan Brumley : / nathanbrumleysongwriter
MERCI DE VOTRE FIDÉLITÉ 💙 !
#HTML #CSS #Web
![[Cours HTML] Apprendre HTML de zéro (tuto débutant)](/img/n.gif)
Un grand merci pour ces cours si bien dispensés et passionnants. Je suis enseignante et je m'intéresse au codage web depuis 1 semaine à peine afin de pouvoir partager avec mon mari qui va entamer une formation de 9 mois pour être dev. Et bien, je suis complètement accro. Je trouve ça magique, énigmatique. J'ai le sentiment d'être une "Julie LESCAUT" du web development. Un grand merci pour toute cette transmission de connaissances.
Bienvenue par ici et j'espère que cette découverte te sera utile, que ce soit pour la curiosité te concernant, et la pratique pour ton mari 👍
Merci infiniment pour cette formation. Je suis débutant, vous avez parlé dans cette vidéo des pdf à télécharger que je n’arrive pas à trouver. Merci de me renseigner, et encore merci pour vos vidéos ça nous aide beaucoup ici en Algérie.
Tout est ici : github.com/jasonchampagne/FormationVideo/tree/master/Ressources/HTML-CSS
Jason tu est le meilleur, je cherchais tant à faire un site d'apprentissage de langues étrangères et j'étais de Ouf perdu, grâce à la découverte de la balise je me dis tiens.....
Et en travaillant avec Unicode, tu n'auras aucun souci d'affichage de caractères de toutes langues sur ton site web 👍
merci beaucoup. vous valez de l'or
Merci 🩵
vos vidéos sont vraiment intéressantes un grand merci pour ce que vous faites 👍😉
De rien, à bientôt 👋
C'est sympas que tu nous apprennes tous sa gratuitement
C'est le but, essayer de proposer mon contenu à un maximum de monde, en espérant que les gens contribueront à mon travail en retour en me permettant de vivre de mon activité, pour ne pas devoir un jouer restreindre ce dernier à du payant.
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
Merci, très bien expliqué
Tant mieux alors, même si les balises présentées dans cette vidéo sont peu courantes :)
Coucou super vidéo encore un SUPER GRAND MERCI POUR LA VIDÉO 😉😉
Oui, la formation HTML/CSS avance bien :)
t'es le meilleur ❤❤❤
✌
C'est vraiment tres bien expliqué, appréhende moins la suite, merci
En effet, ça devrait très bien se passer pour toi pour la suite :)
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
◾ MERCI DE TON SOUTIEN ! 🔻
◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙
◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
◾ Site web : jasonchampagne.fr
◾ Discord : discord.me/jasonchampagne
◾ Twitch : www.twitch.tv/jachampagne
◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
◾ Twitter : twitter.com/jachampagne8
◾ Facebook : facebook.com/jachampagne8
◾ Instagram : instagram.com/jachampagne8
◾ Snapchat : www.snapchat.com/add/jachampagne8
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
Merci beaucoup 🙏
Un grand merci 🙏
👍
Coucou, je te suis depuis pas très longtemps et je trouve tes vidéos juste génialles ! Mais je me pose une question, comment fais-tu pour retenir tous ces langages ? Par ce que a l'heure où je regarde cette vidéo je crois que tu as fait 9 cours où à chaque fois tu nous apprends parfaitement tous ces langages avec plein de détails. Donc bravo et merci !!!
Bonsoir, cela est une question de pratique, il m'arrive naturellement de ne pas retenir certaines choses, noms de fonctions, ou détails bien spécifiques, mais c'est pour cela que les documentations existent 😉
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
◾ MERCI DE TON SOUTIEN ! 🔻
◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙
◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
◾ Site web : jasonchampagne.fr
◾ Discord : discord.me/jasonchampagne
◾ Twitch : www.twitch.tv/jachampagne
◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
◾ Twitter : twitter.com/jachampagne8
◾ Facebook : facebook.com/jachampagne8
◾ Instagram : instagram.com/jachampagne8
◾ Snapchat : www.snapchat.com/add/jachampagne8
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
you are the best thank you very much
Au top !
tes videos sont geniales merci
Va falloir que je me la passe en boucle celle-la !!
OK ;)
commentaire hors sujet dsl ^^ : tu peux faire une vidéo sur les qualité d'un bon programmeur. bonne continuation est Mercie pour toute tes formations , je suis encore en C.
Oui je songe à faire ce genre de vidéo ;)
@SHAWPOUFO kouroro
Ah toi aussi t'a fait une pause en C pour du HTML mdr
Bonjour, à 15:40 (et dans d'autres vidéos) tu dis que ce n'est pas une question de visuel mais de sémantique pour les moteurs de recherche : quelle en est la conséquence concrètement ? un site qui a plus de chance d'apparaître dans les résultats de recherche ? ou quelque chose d'autre ?
Bonjour, c'est bien cela oui : un meilleur référence, pas de pénalités comme peut le faire Google notamment, et un site qui respecte les notions d'accessibilité (pour les gens souffrant de handicap)
@@formation-video Merci !
je sais pas si c'est moi qui n'a pas bien compris mais c'est possible d'ecrire carrément tout un texte de facon normale sans les balises si on se sert de la balise . ca devrait faire moins de travail je pense, alors pourquoi les gens ne s'en servent pas?
La balise permet d'afficher du texte pré-formaté, qui aura exactement la même présentation que dans le fichier source, chose que nous ne cherchons donc pas à obtenir quand on veut écrire du texte simple. Pour cela, on utilisera plutôt la balise pour des paragraphes, et éventuellement des pour quelques retours à la ligne.
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
@@formation-video ah je vois merci
De rien =)
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
@@formation-video Mais nous ça nous apporte rien que le texte soit dit préformaté ou pas, nous ce qui nous importe c'est qu'il c'est ce que voit l'utilisateur et non pas comment est la présentation dans le code source.
Bonjour, il y'a une variante de la barre "progress" qui est "progrss" qui permet d'affcher une barre annimée (j'ai pas trop compris car le code est wtf : Genre quand tu cree la balise tu la referme avec et pas c'est... Chelou ! (Je l'ai découvert avec une faute de frappe)
En fait j'ai demandé sur ton serv discord et il s'agit d'une faute de frappe qui marche mais l'animation se fait quand tu ne mets aucun argument.
Oui, c'est et rien d'autre, la balise n'existe pas
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
◾ MERCI DE TON SOUTIEN ! 🔻
◾ Pas encore abonné(e) ? N'hésite pas à le faire 💙
◾ Soutenir FormationVidéo : bit.ly/2L0xNXA
◾ Site web : jasonchampagne.fr
◾ Discord : discord.me/jasonchampagne
◾ Twitch : www.twitch.tv/jachampagne
◾ TH-cam (personnel) : th-cam.com/users/jasonchampagne
◾ Twitter : twitter.com/jachampagne8
◾ Facebook : facebook.com/jachampagne8
◾ Instagram : instagram.com/jachampagne8
◾ Snapchat : www.snapchat.com/add/jachampagne8
◼ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
merci beaucoup
✌
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
très intéressant !
vos cours m'aident beaucoup maintenant j'aimerai savoir comment faites vous pour modifier et exécuter en même temps
j'utilise le bloc note et je dois a chaque fois renommer pour voir le résultats 😖
cordialement !
Enregistrer tu veux dire, et cela n'est pas fait automatiquement de mon côté, je fais juste l'enregistrement du fichier (c'est obligatoire après chaque modification) avec le raccourci-clavier : Ctrl + S ( th-cam.com/video/SlcOSZQZaPY/w-d-xo.html )
top vraiment merci ✔
De rien =)
S'il vous plaît , expliquez un peu à propos des balises pour image, bouton , merci beaucoup
Expliquer quoi qui n'aurait pas déjà été dit dans la vidéo ?
Bonsoir Jason,
Tout d'abord merci pour la qualité de tes vidéos, après avoir bien avancé sur la formation python j'ai eu la curiosité de commencer celle d'HTML/CSS et j'adore donc je met ma précédente formation entre parenthèse pour le moment ahah (fâcheuse tendance d'être toujours attirer par ma curiosité).
J'ai une petite question, tu parles souvent de "'sémantique" par rapport à l'HTML. Je me demande donc, puisque l'expérience visuelle n'est pas affectée sur la page internet, à quoi sert une bonne sémantique? Serais-ce pour pour le passage sur css par la suite?
Merci d'avance!
Bonjour, la sémantique a surtout son importance dans l'indexation du contenu sur les moteurs de recherche, et du coup sa visibilité. Un site sémantiquement correct sera mis en avant sur les résultats de recherche, et c'est généralement ce que l'on recherche avec un site web : avoir un maximum de visibilité parmi la masse.
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
先生ありがとう
Sensei arigatō ;)
どう いたしまして =D
Bonjour,
j'aimerai savoir comment faire pour savoir quand de nouvelles balises sont disponibles ou encore comment faire pour savoir qu'une nouvelle version d'un langage de programmation est disponible
Bonjour, il faut regarder auprès du consortium (W3C) : www.w3.org
Hello, tu vas bien ?
Pour la balise , son attribut optimum est-il devenu obsolète ?
Je n'arrive pas à l'utiliser comme tu le fais ...
Bonjour, je vais bien merci. Pour la balise , son attribut "optimum" est toujours valide et sa valeur (nombre à virgule) doit être comprise entre les valeurs des attributs "min" et "max"
@@formation-video ah oui punaise je suis bête je le mettais après max, okay super merci ☺️
De rien ;)
je recontre un souci au debut je pouvai voir mon code via google mes vue que je code sur sublime text donc je ouvre mes code avec sublime text mes pour voir ma pages web je fait comment du coup je rencontre un souci je peu pas ouvrir sur sublime text pour coder et en meme temps ouvrir sur google j'espere que tu sera de quoi je parle :/
Normalement, tu peux sans soucis ouvrir un fichier HTML avec un éditeur de code et en même temps, l'afficher dans un navigateur web.
Il faut bien évidemment enregistrer à chaque fois le fichier sur l'éditeur (Ctrl + S) et actualiser la page sur le navigateur (F5)
d'accord merci
;)
bonjour ! j'aimerais savoir ce qu'il en ai des langues qui sont pas totalement connues universellement (les dialectes par exemple), est-ce possible de concevoir une page web dont le contenu est écrit dans ces langues là. merci
Bonjour, oui, puisque l'utilisateur concerné par la langue aura sans doute une police d'écriture pour l'afficher
Face aux applis tels que WordPress est ce encore nécessaire d'apprendre le html et css 🤔
Absolument : tout ne tourne pas autour de WordPress.
Cela reviendrait à dire « face aux véhicules à moteur, est-ce encore nécessaire d'apprendre à faire du vélo ? » 👍
bonsoir au faite ou est ce qu'on peut avoir le pdf de la formation
Bonsoir, ce n'est plus un PDF, mais un dépôt sur mon GitHub : github.com/jasonchampagne/FormationVideo/tree/master/Ressources/HTML-CSS
normalement je regarde 2 fois la video, une fois ou j'observe et ecoute, la 2eme fois jprend note, mais en ce moment je prend 1h a charger la video !!!!!!!!!! jpp c trop chiant d'avoir une co nul
Oui je peux comprendre, j'espère que tu retrouveras une connexion normale
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- Jason CHAMPAGNE - jasonchampagne.fr
+---------------------------------------------------------------------------------------------------------------------------------------------+
|- COUCOU, TU VEUX :
|--- Nous rejoindre sur Discord ? discord.me/jasonchampagne
|--- Me voir en direct sur Twitch ? www.twitch.tv/jachampagne
|--- T'abonner à mon autre chaîne TH-cam ? th-cam.com/users/jasonchampagne
|--- Me follow sur Twitter ? twitter.com/jachampagne8
|--- Liker la page Facebook ? facebook.com/jachampagne8
|--- Me follow sur Insta ? instagram.com/jachampagne8
|--- M'ajouter sur Snapchat ? www.snapchat.com/add/jachampagne8
+---------------------------------------------------------------------------------------------------------------------------------------------+
@@formation-video juste vous dire merci pour ce que vous faites.
Trep simpas pour le japonais cest le plus souvent des kana au dessus des kanji plus complex rarement du romanji
Oui, les fameux furigana 👍
abo je rend stp plzzz 😅 😂
MDR