Et ainsi, je ne boirai plus la tasse
Mar 21 Nov 2023 - 1:21
Coucou, me revoilà dans l'apprentissage !
J'en suis actuellement à : Module 1 - Manipulation 1
Et voici les trois premiers exercices :
J'en suis actuellement à : Module 1 - Manipulation 1
Et voici les trois premiers exercices :
- Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>La première page HTML de Cappuccino</title>
</head>
<body>
<!-- Ici se trouvera le contenu de l'exercice de Cappuccino -->
</body>
</html>
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: Et ainsi, je ne boirai plus la tasse
Mar 21 Nov 2023 - 21:41
Hello !
Ca fait longtemps que je n'ai pas fait de correction. Toutes mes excuses par avance si je suis parfois lente à répondre
Jusqu'ici tout va bien tu peux continuer Ca te rappelle quelques souvenirs ?
Ca fait longtemps que je n'ai pas fait de correction. Toutes mes excuses par avance si je suis parfois lente à répondre
Jusqu'ici tout va bien tu peux continuer Ca te rappelle quelques souvenirs ?
Re: Et ainsi, je ne boirai plus la tasse
Mar 21 Nov 2023 - 21:52
Coucou !
Oui, je crois qu'il y a une histoire de couleur un peu plus loin dans le module, non ? Je verrai bien ça. En tout cas, ça ne me fait pas de mal de reprendre le tout parce qu'à force j'avais zappé les p et tendance à tout mettre en div
Au tour des 6 exercices d'ici :Module 1 - Manipulation 2
Oui, je crois qu'il y a une histoire de couleur un peu plus loin dans le module, non ? Je verrai bien ça. En tout cas, ça ne me fait pas de mal de reprendre le tout parce qu'à force j'avais zappé les p et tendance à tout mettre en div
Au tour des 6 exercices d'ici :Module 1 - Manipulation 2
- Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>La première page HTML de Cappuccino</title>
</head>
<body>
<h1>Page HTML de Cappuccino</h1>
<div>
<h2>Sous-titre</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sodales ligula eu libero rhoncus tincidunt id dignissim ex. Nulla finibus tellus nec metus malesuada semper. Mauris sollicitudin justo a efficitur sodales. Integer odio nibh, dapibus nec ligula nec, tempor mollis odio. Aenean id rhoncus urna. Nulla eu suscipit erat, eget finibus tellus. Fusce ultrices ipsum fringilla, imperdiet sem quis, porta velit. Suspendisse mauris nibh, auctor eget nulla in, elementum facilisis diam. Nulla viverra feugiat leo efficitur semper. </p>
<p>Integer dignissim ut sapien id pellentesque. Praesent malesuada ac massa eu efficitur. Integer vel mi a sem ultrices commodo non eu erat. Aliquam a augue nec diam tincidunt dictum eu vitae nulla. Nam sit amet elit fringilla, blandit dolor ut, efficitur ipsum. Aenean vel semper tellus, vel consequat justo. Vestibulum lacinia dui vel dolor fermentum tincidunt non at mi. Mauris sapien elit, pretium et efficitur sed, fringilla in tortor. </p>
<img src="https://www.zupimages.net/up/20/53/kovp.png" alt="avatar cappuccino">
</div>
<div>
<h2>Sous-titre 2</h2>
<p><span>Je suis un texte.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet neque tellus, sit amet vulputate nibh fringilla quis. Proin egestas lorem sit amet libero blandit venenatis. Duis nec gravida ipsum. <a href="https://tambouille-raleuses.forumactif.com/" title="lien forum" target="_blank">La Tambouille des Râleuses</a> In rutrum aliquam posuere. Morbi id elit ut est vestibulum vulputate vitae nec mi. Aliquam et metus nulla. Nam ut pulvinar nisl. Suspendisse volutpat tincidunt leo sit amet aliquet. <span>Je suis un texte.</span> Nullam venenatis cursus interdum. Phasellus ut nibh eu lorem cursus scelerisque. Proin ultrices dictum purus vitae efficitur. Vestibulum facilisis mi non leo molestie vehicula vel aliquet purus. Suspendisse ut orci lacus. Pellentesque in sapien pulvinar lorem dictum vulputate eu ac nisl. Praesent augue massa, consequat sit amet est sit amet, dictum interdum leo. <span>Je suis un texte.</span></p><!--
Partie sous sous titre 1
--><h3>Sous-sous-titre</h3>
<p>Suspendisse potenti. Pellentesque ultricies luctus est, in molestie eros ultrices nec. Nullam tincidunt quis orci ultricies vestibulum. Cras dignissim placerat purus, in elementum leo suscipit ac. In diam arcu, posuere vitae felis nec, malesuada blandit mi. Integer aliquam, orci ut faucibus tristique, magna quam mollis augue, non porta sem nibh a nisl. Curabitur rutrum ornare turpis non ullamcorper. Fusce elementum ex a nisi sollicitudin, ac ullamcorper dui euismod. Fusce sit amet est eu nisl efficitur dapibus. </p>
<p>Duis ut lacus ipsum. Nulla sollicitudin metus sed erat aliquet, at sollicitudin nunc convallis. Etiam vulputate lacus sed dictum dictum. Vestibulum a est id felis viverra congue. In ultrices laoreet consequat. Nulla at facilisis leo. In eu faucibus eros, at mattis massa. Curabitur elit lorem, interdum eget sem id, elementum tempus metus. Proin in rhoncus augue. Nam convallis fermentum porta. Mauris nec velit ut sapien bibendum fringilla. Suspendisse pulvinar viverra maximus. Vestibulum et dapibus libero, quis vehicula leo. Pellentesque non purus eget purus euismod viverra. Nulla id laoreet eros. Cras venenatis metus eu tincidunt venenatis. </p><!--
Partie sous sous titre 2
--><h3>Sous-sous-titre 2</h3>
<p>Curabitur gravida nibh bibendum tortor rutrum auctor. Praesent vel quam sed risus luctus blandit quis tincidunt ex. Sed tristique ex nec ultrices maximus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris molestie congue eros a porttitor. Aliquam lobortis lorem ac erat suscipit, vitae fringilla nulla tincidunt. Vivamus semper ullamcorper mauris eget fermentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam est ex, aliquam sit amet malesuada nec, congue non dui. </p><!--
Partie sous titre 3
--><h2>Sous-titre 3</h2>
<p>Cras mattis semper ipsum quis consectetur. Phasellus ac laoreet sapien. Etiam efficitur sapien sed hendrerit pellentesque. Phasellus facilisis bibendum magna ut vehicula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur dui est, consectetur id auctor a, vehicula sit amet leo. Pellentesque lacinia nibh vel sapien placerat cursus. </p>
<p>Cras ut metus ullamcorper ipsum vulputate consequat non eget sapien. Aenean lorem leo, euismod sit amet cursus vitae, elementum in sapien. Phasellus gravida mauris risus, id fermentum lorem lacinia quis. Quisque vitae molestie ipsum, at molestie turpis. Vivamus ut ligula arcu. Ut ut justo vestibulum, fringilla diam eu, euismod lorem. Pellentesque imperdiet turpis sed lorem tempor fringilla. Integer bibendum lectus ut ligula vulputate consequat. Vestibulum convallis bibendum luctus. Nullam porttitor sem id arcu ullamcorper ullamcorper. In hac habitasse platea dictumst. Morbi in neque porta, dictum libero in, luctus purus. Donec egestas scelerisque enim blandit sollicitudin. Donec feugiat tellus dui. Maecenas fringilla viverra nibh, quis pharetra lectus iaculis vitae. </p>
<p>Proin augue dolor, dictum nec faucibus ac, consectetur sit amet lacus. Aenean tempus pulvinar massa, vitae ullamcorper nibh ultrices nec. Cras scelerisque massa in ullamcorper ultrices. In semper facilisis mauris in sollicitudin. Quisque non tristique ipsum, vitae fermentum massa. Donec ultricies pellentesque turpis sed efficitur. Quisque in ante nulla. Donec sed elit sem. In eget porttitor turpis, a auctor nisl. Integer eget augue interdum, rhoncus urna ullamcorper, bibendum lacus. </p>
</div>
</body>
</html>
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: Et ainsi, je ne boirai plus la tasse
Mar 21 Nov 2023 - 22:45
Hello
Alors juste 2 petites remarques :
- la balise image est une balise appelée "auto-fermante", est-ce que tu saurais voir pourquoi je te dis ça ?
- pour les exercices à la suite du 3, tu n'avais pas besoin de le mettre dans une div. La div est un bloc qui permet d'encapsuler d'autres choses. Ici à partir de l'exercice 3 ça doit être à la suite de la première div mais pas dans une div
Je te laisse corriger ces deux petites choses et ça me semble correct ensuite
Alors juste 2 petites remarques :
- la balise image est une balise appelée "auto-fermante", est-ce que tu saurais voir pourquoi je te dis ça ?
- pour les exercices à la suite du 3, tu n'avais pas besoin de le mettre dans une div. La div est un bloc qui permet d'encapsuler d'autres choses. Ici à partir de l'exercice 3 ça doit être à la suite de la première div mais pas dans une div
Je te laisse corriger ces deux petites choses et ça me semble correct ensuite
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|