MR. TOL COURSES

Bon, je vois que l'exercice n'a pas été fait... Même pas deux personnes... Ce sera tout pour aujourd'hui 🤝

Enfin, ce sera tout pour aujourd'hui... Vous avez tout votre temps pour réaliser ce projet. Bonne nuit à tous... J'attends que vos retours 📌

Créez un nouveau fichier projet.html puis réaliser la page-ci📌🗒️

Maintenant, nous allons passer à notre première composition. Elle va durer 30 minutes au plus. Un instant ✊

Bien voilà une petite mise en forme avec du HTML... C'est vrai HTML fait tout ça, mais n'oubliez pas que c'est le CSS le roi dans tout ça. C'est le CSS qui se charge de tout ce qui concernera la taille, la police...etc

📌 La balise <mark></mark> à son tour nous permettra de souligner ou de faire ressortir une portion de notre texte. Voyons voir 👇

📝 Mettre en valeur du texte: Revenons dans notre fichier index.html Dans notre texte, on pouvait bien mettre en forme certains mots.. Par exemple, mettre en gras, en italique ou autre... 📌 La balise <em></em> permet de mettre en italique le contenu mis à son intérieur. Il vous suffit juste d'encadrer un mot ou une phrase avec et ce dernier sera transformer en italique. 📌La balise <strong></strong> s'utilise exactement comme la balise <em> et permet de mettre en gras un mot ou une expression... (Strong signifie Fort ou Important) Voyons maintenant, dans notre éditeur de texte✨🔱

On dirait que je dis toujours la vérité inh😅😂 Eh bien ce que j'ai fait, ça peut se faire sur n'importe quel site... Allez tester et vous verrez. Certains sites ont derrières eux des milliers de ligne de code, et ne vous inquiétez pas, vous en serez capable si vous vous mettez à fond 😘 Enfin, passons à un autre level💪

📝Remarque : Au début de ce cours, je vous avais dire que le rôle d'un navigateur c'est de lire les codes en HTML et CSS que nous avons taper dans votre fichier pour renvoyer un résultat, il ne fait qu'exécuter vos instructions. Je voulais me justifier, mais...😋 J'étais pas encore inspiré. Maintenant je vais vous le prouver ☺️ Allez sur une de nos pages web que nous avons déjà créé à travers votre navigateur (Ex: Chrome). • Faites un clic droit, puis cliquez sur AFFICHER LE CODE SOURCE DE LA PAGE dans la petite fenêtre qui s'est ouverte. Vous verrez intégralement votre code HTML que vous aviez taper dans votre éditeur de code. Assez parlé, voyons voir ce que ça a donné 😋📌👇

Résultat👇

📌 LES LISTES Supposons, un instant on me commande un site web portant sur la cuisine... Et oops, mon premier article à poster, c'est une liste de repas (Ex: haricots, omelettes, spaghetti...etc). C'est très simple... J'ai même pas à réfléchir car j'ai d'ailleurs deux possibilités. Voyons voir ce qui peut se passer... 🚨1ère Possibilité: 1- Haricot 2- Omelette 3- Spaghetti 🚨 2ème Possibilité : • Haricot • Omelette • Spaghetti Voilà deux possibilités pour présenter une liste.... Eh bien, la première possibilité, c'est une liste ordonnée tandis que la deuxième est une liste non-ordonnée. Si, la première est ordonnée, c'est parce que ces constituants sont numérotées (1,2,3...etc) donc vous savez déjà pourquoi la deuxième est traitée de non. Bien maintenant, comment dit tout ça en HTML à l'ordinateur... C'est là notre vraie préoccupation. Pour le moment, tout ce que nous savons est que le langage HTML est rempli de rien que de balises.. ah oui, depuis le début du cours, on fait qu'en en parler. Pour réaliser une liste ordonnée, il nous faut juste utiliser la balise: <ol></ol> tandis que pour une liste non ordonnée , nous allons utiliser : <ul></ul> C'est à l'intérieur de ces balises que nous mettons les contenus de la liste précédés et suivie par la balise <li></li> Maintenant, que nous avons vu la théorie, passons à la pratique... Pour pratiquer, ouvrez notre dossier de travail qui est PROGRAMMATION WEB puis créez un nouveau fichier que vous allez nommer listes.html C'est à l'intérieur de ce dernier nous allons travailler sur les listes. Maintenant, voyons voir ce que ça donne dans sublime Text, cette théorie 😋👇

Concernant les exercices, nous les corrigerons à la fin du chapître sur HTML, avant de commencer CSS. Donc faites-les dans de nouveaux fichiers ☺️🤝

Bien, maintenant commencer par envoyer vos exercices.... J'en avais donné hier.... 20h est proche déjà 💪