APPRENDRE LE LANGAGE HTML ET CSS

APPRENDRE LE LANGAGE HTML ET CSS


Bonsoir ce soir je te fais un tuto sur le langage html qui est un des langages les plus connus au monde est des plus simples à prendre donc si tu tombes sur la vidéo c’est que tu cherches à apprendre la programmation et je peux te dire que tu es tombé sur le bon langage le langage html est vraiment un langage très simple à prendre allez c’est parti je te montre comment ça marche Alors le html je vais faire un petit récapitulatif un petit peu d’histoire sur le langage html donc ça a été inventé dans les années 90 par ce monsieur dans spe la spa elizabeth 2 c’est plutôt timide berne hassli donc qui était un ingénieur qui a travaillé au cern je crois et qui a inventé avec ses collègues j’ai pu le truc en tête mais qui est inventé donc 3 3 technologies donkey kirop kiki qui forme le web en fait ce sont les adresses url l’hypertexte http et enfin le troisième le langage html donc hypertext markup language donc le html c’est vraiment que je le disais c’est vraiment vraiment simple à apprendre je vais tu vas pouvoir le voir dans ce tuto ainsi tu t’es mis au mais si tu cherches à apprendre la programmation c’est vraiment très simple je sais même pas pourquoi on la prend pas dès la maternelle bah c’est parti je vais te faire donc maintenant je t’ai fait le petit le petit le la petite intro la sueur sur le html Je vais te faire un petit exemple sur le sur une page de base on va dire d’eux a ajouté m alors quand même première chose la première chose à savoir c’est que pour faire du html n’a vraiment pas besoin de machines très poussées ou de logiciels complexes tu peux y aller avec n’importe quel éditeur de texte comme notre patte de base le ski est plus qui ne marche pas notre patte hop je peux vous la me voilà donc ça c’est qu’on appelle un autre pas d’ un faire une page html c’est vraiment très simple quand je vais vous écrire dans un fichier n’importe quoi vous faites enregistrer sous Ensuite je vais l’appeler Notepad notes point html par exemple Et ses jeux louvre dans Voilà vous voyez html c’est ça on l’a même dire c’est pas vraiment du html effectivement s’il n’ya pas de balises mais ce que ce que vous pouvez voir c’est qu’effectivement tout ce que vous tapez dans un fichier qui s’appelle html retranscrit dans votre navigateur donc voilà donc en fait dans la réalité on utilise des outils un peu plus puissant un peu plus perfectionnés comme notamment notre pape plus + moi j’utilise plus vraiment sublime texte il ya un très bon éditeur de texte il ya aussi Je crois de microsoft qui a lancé visual studio code comme ça je le recommande c’est vraiment c’est vraiment pas mal microsoft a vraiment fait des Des efforts de ce côté là il ya aussi at home enfin il ya beaucoup d’éditeurs de texte que vous pouvez utiliser donc pour notre exemple on va utiliser Notre sublime texte donc ce qu’il faut savoir aussi c’est que mal le web ça fonctionne via un navigateur donc ce qu’il faut connaître parce qu’il faut savoir c’est que chaque page web sera donc exécuté par un navigateur et les navigateurs web qu on appelle ça mais il y en a plusieurs il ya notamment le plus connu c’est chrome est aussi firefox qui est un peu en perte de vitesse un peu en perte de vitesse mais qui est très connu il ya safari pour mac pour ios et tout ça et il y en a un bon paquet mais là je vous ai cité les trois plus connu aucun navigateur web parce que qu’est ce que ça va faire ça va lire votre fichier html ça va l’analyser et affichées à l’écran que je vous ai montré ici un résultat là le résultat était assez bidon parce que j’ai mis un simple texte est ce qu’il faut savoir c’est que sur la plupart des sites web si à des mises en forme un peu plus poussé donc la structure de base pour faire du html elle est très simple elle est ici je vais vous la copier voilà je la mets cook est d’ailleurs ici elle est donc la structure de base c’est d’avoir un on va peut-être commencer par Les balises hyper les balises wi des balises la tête parler des balises wi donc les balises qu’est-ce qu’est ce que c’est que les balises va en fait c’est alors les balises en fait c’est c’est un dérivé de lixheim elle donc les balises l on sait de cette forme là donc ce qu’il faut savoir c’est qu’une balise est toujours les ouvrante est toujours définie comme ça et pour la dea pour la fermer c’est la même avec un slash devant donc là c’est une balise de base et on un brick notre valise pendant la liste autonome qui n’existe pas c’est une pure invention si elle existait il faudrait la fermer avec un slash totaux par exemple Il est interdit De ne pas un briquet des balises donc on peut pas par exemple faire ça C’est pas possible toutes les balises sont toujours un briquet c’est à dire qu’il ya une hiérarchie le html totaux qu’un point à la rentrée la terre une petite de base voilà donc ça c’est pour les balises et les balises peuvent également avoir un attribut que j’ai inventé ici pas s’appeler totaux ce qu’on appelle un attribut et j’invente n’existe pas à mettre la paix color et yann gré donc ça c’est un attribut donc une page html c’est vraiment composé de balises qui contiennent des attributs donc je vais repartir sur une page html de base qu une page html de base ça ça cette forme c’est à dire que ça ces composés d’un aide Je vais remettre en forme donc ces composés de deux zones Vous dire que tous trois dans la zone principale qui est le html à l’intérieur ça contient deux zones très importante le head qui contient toutes les métadonnées c’est à dire toutes les inclusions de css l’an coding et genre de choses et enfin le body donc c’est le corps de la page donc là c’est tout ce qu’on va voir à l’écran par exemple dans le ed on peut mettre le système de la page trenchs mike Frenchy mike et ensuite donc ça c’est ce qu’ils aient ralenti theule et enfin les balise h1 donc c’est les balises de titres je vais appeler titre Et enfin un paragraphe c’est un paragraphe est donc là vous avez vraiment ça c’est la structure mais la plus basique possible pour faire une page html c’est vraiment toutes vos pages on l’a même la même structure c’est à dire un aide un body ça c’est la structure la plus simple je vais vous montrer ce que ça donne je veux ouvrir voit les voilà donc on voit le titre french mike le paragraphe pour ajouter Un deuxième par là par exemple deux on va rafraîchir paragraphe 2 le titre rim a évolué c’est ce qu’on voit ici dans le dans le nom de l’onglet donc c’est c’est utile aussi donc voilà pour la structure de base la structure de base html donc ce qui vous connaît aussi dans le html c’est les commentaires ça peut être qu’ils ont jetables commentaires html parce qu’il faut savoir c’est que je ne prépare jamais mais tuto donc ça se voit peut-être celle histoire de vous montrer comment comment aussi mon ont fait des recherches sur internet sur des sujets nous parle je cherche commentaires html voit que ceci est un commentaire non par exemple pour ajouter des commentaires par exemple ceux ci et puis mon body by disponi donc ça c’est un commentaire ou html est oui je vous ai pas je vais pas parler aussi d’un truc s’appelle l’indentation n’ayez pas peur avec ce mot donc j’en connais plein accord avec ces mots l’indentation c’est très important ça permet autre page d’avoir d’être un peu structuré c’est à dire que le to met au premier niveau vous mettre leur ajouter une tabulation et d’avoir tout n’importe comment à chaque indication ajouté tabulation ce qui fait que ça décale le code et du coup c’est un dans ce qu’on appelle ses seins dans ses notes c’est très important pour un repas jeux qu’ils soient un peu lisible sinon on n’y comprend plus rien donc voilà pour la partie commentaires donc ensuite on va passer à une chose très importante ce qui est donc sur vos navigateurs vous avez vous allez voir vous allez souvent quelque chose qui s’appelle alors sous chrome s’appelle inspecté éléments c’est très important si vous mettez enfin si tu te mets je vais te tutoyer se fait plus simple si tu te mets au développement html donc la partie inspecté élément est très important puisqu’il permet d’inspecter une page dont classe que vous pouvez voir c’est que c’est la même page que vous venez de développer ici mais ça permet aussi d’aller voir sur la page wikipédia on peut voir la structure de la page wikipédia donc comme je vous ai dit il ya deux parties le head le body là vous avez le est évidemment plus compliqué qui contient des styles et le body donc qui contient le contenu de la page avec toutes les zones donc c’est important à connaître est-ce qui est que possible de faire aussi ces deux en cliquant sur ce bouton cliquant sur ce bouton vous allez vous allez sélectionner une zone de la page hélas hélas partie code va se mettre un endroit où il ya la page ensuite vous pouvez vous pouvez même modifié par exemple ici si vous faites català voulu faire un test en mettant Par exemple à juin de modifier et comme vous pouvez le voir ça se met sur la page web donc il ya que vous qu’il verrait mais ça peut être utile dans certains cas pour faire des est lorsque votre cité et en ligne ou pour faire des blagues aussi à certains collègues ça arrive mais c’est pas le but de ce tuto donc maintenant on va passer à la partie Normalement la plus simple c’est à dire la découverte des balises donc les balises les plus connus on va par coiffure rapidement les balises les plus connus donc la vallée de la plus connue est évidemment une des balises et plus connus ch 1 qui est un titre de niveau 1 donc c’est un titre en gras donc qui est vraiment utile parce que google scanne 7,7 balisés et pour le référencement c’est très important il ya aussi dont pouvait faire une balise age 2 par exemple donc là en âge de ce que vous pouvez voir or les deux c’est un sous titre de niveau 2 qui est plus petit mais vous allez valises h3 qui a un sous titre etc je crois que ça va jusqu’à Je crois que cela va jusqu’à H6 on va pas tous les faire je vous montre voilà vous pouvez rajouter autant de donc ça c’est des des balises titre ce qui est aussi comme les importantes plus est ce que vous voyez ci c’est la balise paie donc ils représentent un paragraphe ça c’est une balise assez importante on ensuite Les listes alors les listes les listes les listes moi je des couches mais je vais faire le tutorat en même temps goût donc si vous voulez chercher à faire des listes très simple sur google tapez liste html alors n’ayez aucun scrupule à tester votre code entendu copier coller sur internet alors là il n’y a aucun problème si les gens qui vous diront qu’ils vont dire non mais moi je peux pas de copier coller jeux jeux côte tous deux têtes machin donc ça c’est des conneries que si vous apprenez le html n’hésitez pas vous prenez vous copiez collez vous bidouiller vous testé il ya aucun et aucun scrupule donc là par exemple un exemple de liste est un exemple de liste il ya un exemple de liste par exemple alors les balises lycée ul elle dit alors toujours à l’intérieur du body hop comme vous voyez mon orientation est pourri je suis un coup detat pour une orientation correct un petit coup d’arrêt fait et vous voyez que j’ai une liste ici vous pouvez aussi ce qui est pas mal c’est que sur beaucoup de sites sur toulouse le 6 du w3schools qui est le site un peu officielle du w3c dont je crois que je dise pas des conneries donc y faire qui référence à peu toutes les balises il ya cette partie iii reich recèle donc en gros c’est un c’est une sorte de baco comme un éditeur dans l’île il pouvait voir ce que ça donne en live en fait parfois ça peut être pas mal pour tester par exemple à vous propose un exemple de base vous pouvez rajouter hop un troisième élément analystes ont chanté Du cours cliquez sur run et là hop vient de se rajouter ça serait pas mal pour le tester en live c’est cool que meurt c’est vraiment cool comme système ensuite moi je vais pas m’attarder sur les listes c’est assez facile normalement Ensuite ce qui est vraiment utile aussi c’est de faire des liens donc les liens c’est très important donc ça permet de naviguer sur votre page sur votre page plage vous êtes vous avez une page basique admettons vous voulez passer sur une sur nos pages il vous faut faire un lien on va faire un exemple a un lien faire un lien simple donc le faire un lien c’est très simple c’est la balise à Vouvoyer a Comme je fais à chaque fois la balise à d’ouverture/fermeture avec un slash hop voilà plan on va rajouter un petit âtre il s’appelle h par f et là vous mettez l’url donc par exemple si vous voulez faire un lien vers google dont vous faites ça Fr est là c’est magique où c’est pas magique Ah mais j’ai pas mis texte donc forcément aux ivoiriens donc voilà je remette un texte à l’intérieur aller chez google Est là qu on pouvait voir un lien mains de se rajouter sur votre page et donc si vous cliquez dessus hop vous allez chez google donc ça c’est un lien ce qu’on appelle un lien externe puisque vous allez vers l’extérieur vous pouvez faire des liens à ce qu’on appelle des internes Dans ce cas là il suffit de mettre le nom de la page par exemple on est sur la page si apple si vous voulez aller sur la une page en page 2 points html vous mettez le nom de la page page 2 points html et là je vais aller chez ce sont les noms à les pages 2 Ensuite voilà donc là j’arrive sur la page 2 et qu’est ce qui me fait et me dit que la page de est introuvable parce que dans mon tuto jeunes et à deux pages 2 donc de créer une page 2 pages de hop là j’ai ma page 2 ensuite je suis un copier-coller je vais la renommée l’appli page 2 h deux Titres De place pour montrer que sur la la page 2 je reviens vous voyez page 1 allée chez page 2 j’utilise en la page 2 et donc vous pouvez construire comme ça toute l’arborescence de gucci de votre site juste à partir de liens se rappelle des liens des liens html un des liens donc des liens internes donc là comme vous avez pu voir un génie en relatif j’ai pas mis le nom de nom du rl http 2.2 chambre quand vous êtes sur le même nom de domaine ca sur le même site il n’y a pas besoin je vais vous apprendre aussi pour aller Dans des sections donc par exemple vous voulez aller dans une section la peine une section c’est maintenant que je vois ça comme ça Je l’appelais lancre mike vous mettez un dièse comme ça pour cela c’est un lien qui va aller sur la balise sur la digue maritime pour faire un test vive les dix égale brake donc là c’est simple d’yves Pop est dedans je vais mettre jouer avec des choses par exemple voilà Je suis davantage de là Mais la page est pas assez longue du coup si je suis là voilà il faut vraiment mais vraiment pas j’allais peut-il donc admettons mappage à plus de contenu sommes là et comprendre fait c’est un lien à l’intérieur de la page Moi je vais vous montrer par l’exemple c’est plus sympa si je clique là je vais mettre le lien en début de pages en tout en haut Et l’a donc le lien ici je vais cliquer et ça va descendre directement à la div up qui contient donc le coffee et le mix et c’est une encre interne fait ces internes Voilà donc qu’est ce que je voulais vous montrer d’autres aussi sur le Sur les balises de base oui mais je vais vous montrer par là comment intégrer une vidéo de youtube vous allez voir c’est finalement c’est très simple d’intégrer une vidéo youtube vous allez par exemple pour la chaîne votre chaîne préférée Là vous allez sûrement plus tôt il a plutôt que j’ai fait sur les bitcoin est pas longtemps Vous allez sur partager Intégrer là vous voyez un petit bout de code donc vous prenez ce petit bout de code et vous allez m je vais virer ça je le mets dans la dives di maria que la Voilà donc le code de google ensuite je ferme ça je retourne sur ma page Pl je suis ici je vais marquer glissement lien hommes non j’y arrive sur ma vidéo qui a été intégrée assez rapidement a pu et peut se lire à peu se lire à l’intérieur de votre page web donc c’est vraiment simple c’est vraiment simple alors je vais pas vous montrez vous faire découvrir ici la liste des balises qui existe mais il en existe un des centaines des milliers de tâter html html5 Vous allez voir Peut-être balisera school Jetons il m’a ainsi le plus sympa cinq balises Liste complète des balises html5 par exemple voilà donc la cd ou un paquet de balises je lui connais même pas tout si un jour je vais peut-être parfois rapidement je vais vous montrer les plus importantes donc la balise à pour les pour les liens ensuite la balise b pour mettre du texte en gras le br si c’est très important ça permet de faire des sauts de lignes les boutons le code enfin bon lady di hyper important après la plainte figurent les fouteurs les formes pour faire des formulaires image aussi mais je montrais aussi comment intégrer l’image que c’est vrai que mettre une image c’est quand même assez important donc pourra mettre une image très avec la balise img avec la valise img contient la tribu src 5 src égale le monde à photo Donc je vais aller sur google sur google photo photo Voilà l’image parrainant way cette superbe image donc une image est ce que sa fiche Non là l’ère moretton apprenez lot ce qu’elle s’affiche voilà s’affiche vous faites les drogues copier l’adresse de l’image vous la mettez dans src par exemple hop et du coup pas sur votre page elle devrait s’afficher voilà pour l’infléchir une image html c’est vraiment vraiment simple oui allant petite subtilité alors ça c’est très important comme je vous ai dit au début une balise qui elle est toujours ouverte ici et on la ferme avec un slash le nom de la balise parfois lorsque une petite subtilité qu’il faut connaître comme la balise père par exemple pourrait faire pour faire une seule valise qui fait ouverture fermeture d’un coup mettez le slash à la fin vous n’êtes pas obligé de le connaître c’est une petite subtilité Parlante la balise img je mets le slash à la fin ça évite en fait d’avoir la balise ouverte suivie de la balise fermeture derrière comme ça par exemple je sais même pas si moi aussi c’est permis car ça d’ailleurs j’ai un geste et moi jamais normalement oui le standard voudrais que ça marche mais je suis pas sûr en fait oui bon ça marche c’est normal l’utilisent jamais la balise img hop vous mettez comme ça qu’elle le sache à la fin parce que si vous mettez pas de slash là du coup il n’ya pas de balises ferme fermente comme on dit et du coup là vous restez pour respecter plus la hiérarchie et la structure donc voilà donc je rajoute on se lâche j’ai bien ça on a fait des images ensuite au les inputs les textes les liens on l’a vu frôler les balises objets par un pierre vraiment énormément de ben ali je vais pas tout les tout tout vous les présenter ce soir mais voilà admettons vous cherchez un c’est vraiment facile vous cherchez par exemple un menu déroulant à les menus déroulants html prégnant Voilà menus déroulants créé un menu déroulant et là vous allez tomber sur un bout de code et j’imagine non c’était pas ça elle cherchait en fait c’était une combo box parmi les volontaires au combo box Html Voilà c’est ce qu’on appelle les sélects auction up ou copier code Maître dans l’image Vous allez voir que j’ai mon menu déroulant sma prix absolument combien de secondes s’il n’ya même pas de Menus déroulants mangent pas assez voilà il est là quand vous voyez c’est très simple Donc là un petit boudache de javascript je vais l’enlever parce que c’est pas l’objet de ce tuto mais on pouvait rajouter du javascript ici Voilà sur les balises de base pouvait aller bidouiller sur internet il ya énormément de choses et j’ai énormément de de tutoriels deux bouts de codes à reprendre le site qui explique vraiment tout ça moi je voulais vraiment présenter les bases d’une page html avec les balises la structure de base est là je vais passer à la deuxième partie du tuto qui est le css ou la css qu’en fait une page html 5 css ça sert à rien en fait ce que vous avez jamais envie de présenter un site avec Regus du texte c’est moche c’est pas c’est pas présentables nos choix que la css a été inventé juste après donc pas long que je pense pas longtemps après la lâcheté ml mot peut-être plus plus tard au début je l’utilisé pas forcément de mise en forme assez poussées et ensuite donc la css est venu par dessus tout pour vous remettre en forme pour faire simple le html c’est le fond la structure des données la css c’est vraiment pour la forme les couleurs etc donc c’est vraiment l’idée c’est de séparer les deux choses c’est pour pas mélanger des données et de la des données de la présentation en fait pour faire de la css comment ça marche il ya deux méthodes pour faire de la css il ya une méthode qu’on appelle qu’il faut plus utilisent d’ailleurs une tête qu’on appelle inline donc par exemple Faire un exemple très simple ici j’ai la pallice paix avec un texte et peut mettre un poème être ce qu’on appelle un fumiste il yal et mettra en couleurs couleurs il ya le raid non là ça ferait quoi ça je vois pas si ça existe n’en avoir regardé je vais tout faire en live Il faut alors voilà donc et cie propose de faire un ça à peu près ce que les mines ouais je les lisais color spa égale ces deux points Longtemps je profite du html de base Vous voyez vous a mis le Vous a mis le texte en rouge Donc ça c’est une manière qui est vraiment pas recommandé c’est d’utiliser les balistes il dans le html en inline comme ça parce que admettons demain vous avez un client qui vous dit qu’ils utilisent une de vos pages et qui vous avez deux clients un client qui dit moins joue votre site en rouge et un autre client qui dit moi je vous dit envers ben bella quand vous allez faire vous êtes obligés de créer deux sites avec deux couleurs différentes deux sites à gérer donc c’est juste pas possible c’est le bordel du coup ce que vous pouvez faire avec les css est créé un fichier css à part et point clients vous appliquez la cdc du client à pour nos clients la css du client b c’était beaucoup plus simple donc on va faire un test Qui teste par exemple on va créer une nouvelle page moi je vais l’appeler on va l’appeler Jeu là les styles style point css Qui pointent css up est la même qu’on a un style point c est ce on va émettre le petit css ça vient de couper donc je sais pas où on en était mais je disais donc on était à la partie css je disais donc pour inclure une css dans une page web il suffit de mettre dans le ed un ben ali’s link comme ceux ci qui pointent donc moi je les appelais style point css donc vers le fichier style point css qui est normalement ici donc ça peut être aussi vers un style qui est situé sur une page sur internet dans ce cas là vous mettez l’adresse l’url de votre css donc moi je disais que dans ma css non je sais pas si ça a coupé mais nomment un csc j’avais défini ça veut dire que toutes les balises h 1 seront rouges est-ce que ça va fonctionner non ne fonctionne pas et c’est génial Elle a mille que la hache un pourquoi avec la hache main à la wii mais c’est normal je n’ai qu’une h 20 mais disons si je dis que les balises p on va plutôt faire ça tout et balises paie pas on peut copier sa entend dire plus les bannissant poupées Sont pas rouges mais verte green Et voilà donc il a appliqué le style à toutes les balises paix qu’il a découvert dans le site donc là l’élément clé ré des greens cds sont des mots clés prédéfini mais vous pouvez aller taper codes leurs codes couleurs html sur google vous allez tomber sur un site qui vous propose tout plein de code couleur je suis de cliquer pendant vous tapez ça vous avez bien lu rouge pas quoi prenez le cas de couleur vous le mettez là avec le dies devant Sauvegarder et normalement voilà votre couleur est appliqué directement donc ensuite donc ça c’est la première méthode donc ça c’est la première méthode pour appliquer de la css donc vous c’est ça la méthode ou mettez une balise définissait le nom de la balise et vous l’appliquez la salle 16 mai on pourrait rajouter en plus par exemple là je parle d’abord à quoi html css size Saleix par exemple Est par exemple on size hop là on y plonge compris que c’est un peu petit ou le mettre en forme style 45 sommes Toutes les belles la balise h1 est rencontre 16 45 ce sera beaucoup plus gros si vous voulez mettre encore plus vous mettez un an 80 Donc voilà à vous pour ajouter autant de propriétés vous voulez rajouter sur la balise sur la balise en question ça c’est ça c’est comme vous voulez donc ensuite vous pouvez appliquer comme je dis vous pouvez appliquer un style sur des sur des balises vous pouvez aussi appliquer un style sur dès qu’on appelle ça sur sur des classes par exemple si vous avez Je vais appeler pas un pays si je crie il dit voilà la div heidi mike doit entraîner une autre que je vais l’appeler la dives haïti Je vais l’appeler la dives par exemple Annie fraîche ample et dedans admettons mâché du texte Je suis région et du texte voilà Pourquoi j’ai dut tech dedans donc dans made in french lover du texte ou est ce texte on est un peu coincé ici simplement je veux remonter au dessus ici voilà La div quand même Donc là quand vous voyez la natation ça vient vite le bordel il faut vraiment penser un bien un dante est donc là par exemple voilà j’ai mon texte dans ma balise normative a qu’un c’est une classe et on peut mettre une classe qui s’appelle frank michael Et bien vous pouvez appliquer un bout de css sur cette classe donc pour cela vous mettez le nom de la classe avec un point devant ensuite c’est pareil les balises up Est la vôtre c’est ça va s’appliquer uniquement Eh ben je passe Voilà que vous voyez c’est alex est appliquée uniquement à la valise qui est de classe frenchy mike pourrait définir comme vous voulez Ensuite une autre une autre manière de faire c’est en passant par les uns ideal d’une classe donc qui vous avoir les classes et les a dit ça à peu près la même chose et des petites subtilités mais bon on va pas les remets pas l’aborder maintenant mais Vous pouvez identifier et classer unitive par sa classe ou par un édit donc là je vais l’appeler Oui k way up par exemple est là donc pour pour faire une css en fonction de la dit un petit peu différent je vois qu’il faut mettre un crime est un dièse devant normalement Mika up Ici Et là normalement comme on peut le voir mika et de cette couleur et je vais le mettre d’une autre couleur par les hommes je commente ex mikhail soir en orange je prends la couleur orange que je la mets ici Je sauvegarde Et comme vous voyez ne sait pas que réclère laurent je vais plutôt m Alors là ce sera plus plus marquants Alors Voilà donc là pour pourrait capituler donc acheter même c’est le fond la css c’est la forme et pour définir Une css vous la définissez par le nom de la balise acheter la balise la balise html les propriétés Vous pouvez aussi bon on verra ça plus tard même peut aussi combiner parents faire acheter un épais comme ça vous enlever ça et les deux ont la même propriété c’est une subtilité je vous ai pas d pas m’en faire et tout prend la propriété donc vous pouvez définir un css par rapport à des balises par rapport à sa classe ou par rapport à ce qu’on a dit ça c’est les principales fonctionnalités qu’il faut retenir de la css après pour aller plus loin il ya ce qui s’appelle les sélecteurs les sélecteurs css secteur css donc le but de ce tuto c’est pas du tout de vous présenter non plus tous les secteurs css sinon cette vidéo apprendre à apprendre deux heures mais en gros ça vous permet de bien cibler certaines certaine dit vous certains éléments dans votre page donc il y en a des tonnes de ses lecteurs ça c’est ça le mieux c’est de les apprendre au fur et à mesure lorsque vous aurez un projet concret donc voilà je vous ai fait un petit présentation du langage html donc vraiment n’ayez pas peur avec les gens qui vous disent que la programmation s’est compliquée la programmation c’est fait pour les gens ont bac +5 bac +10 des chercheurs des machins tout ça la programmation c’est vraiment facile tout le monde peut faire de la programmation donc si tu es tombé sur ce tuto enfin sûrement sur ma vidéo c’est que tu cherches à faire lancer dans la programmation n’hésite pas le langage html c’est vraiment un langage vraiment simple même les autres langages ça s’apprend assez facilement donc si tu es tombé sur cette page et si tu es tombé sur cette vidéo je t’invite à vraiment creuser le sujet avec des projets concrets c’est pas forcément de faire des gros projets je t’invite par exemple à faire des projets de type me faire une page avec trois autres petites pages à côté avec un menu par exemple avec avec des vidéos avec des éléments graphiques et des tchèques box des combo box des choses comme ça alors si tu fais ça évidemment pour à pain pour un site qui sera assez statique parce que là il ne des pages html on fait des choses statique c’est à dire que tu auras pas un site dynamique avec des éléments graphiques qui bouge des interactions tout ça pour cela s’est il faut un langage un peu plus évolué avec des conditions d yves des hells tout ça mais ça sera fait dans une autre vidéo choix et vidéos sûrement sur javascript qu’un langage très tendance qui est très utilisée qui est qui et qui est très fondamental dans le web je pourrais faire aussi des choses sur le php sur plein d’autres langages mais vraiment là pour le moment si tu commences concentre toi sur les balises de base c’est à dire le langage de base qui est html css si tu maîtrises ça déjà c’est vraiment top Tout le monde je pense peut apprendre ce langage c’est vraiment pas compliqué il suffit d’être un petit peu intéresser à tout ce qu’il faut sur le net pour apprendre assez rapidement voilà cette vidéo maintenant de touche à sa fin donc j’espère que tu as pu apprendre les bases de la programmation html si tu aimes et sa vidéo n’hésite pas à mettre un petit pouce bleu sur la vidéo tu peux mettre tous tes commentaires aussi sous la vidéo j’ai mis aussi si tu souhaites récupérer les fichiers un petit formulaire en tout a juste à mettre ton mail expliqué tu vas recevoir automatiquement le tout court là que j’ai fait avec toi ce soir par mail comme ça t’as plus qu’après à bidouiller à tester sur pas reprendre de zéro donc voilà c’est dans le formulaire en tout n’hésite pas à ta bonne et à ma chaîne jeudi à la semaine prochaine pour le langage javascript allez salut

9 Comments

  1. Merci Mike.
    Pour aller plus loin dans le dév web voici d'autres vidéos qui pourraient intéresser ton audience :
    Introduction à javascript -> https://www.youtube.com/watch?v=LH0yC9XYFzY&list=PLQ3fCkuuVJik-tFD6a7-oa7LdMdUCzNLW
    Introduction à CSS -> https://www.youtube.com/watch?v=QRvF0uBM7IY&list=PLQ3fCkuuVJinpBcBEyrGXtmcOjWq3hBdS
    Introduction à PHP -> https://www.youtube.com/watch?v=B51ueyhRvws&list=PLQ3fCkuuVJikKV8qvIMTC4r0ULHVqbvIU&index=3
    Bonne continuation Mike.

  2. Chez moi le "!DOCTYPE" de "!DOCTYPE html" n'est pas en rouge, c'est normal ? (j'utilise le même logiciel que toi)

Leave a Reply

Your email address will not be published.


*