Aels.- Messages : 38
Les petits essais d'Aels.
Dim 29 Nov 2020 - 13:09
Bonjour, bonjour !
Je me permets de vous partager mon avancée, concernant le fait d'enlever les ouvertures au CSS et avascript, j'ai juste supprimé les lignes mais je doute que ce soit ce qu'il fallait faire...
Je vous laisse juger de mon travail !
Merci d'avance pour votre retour !
Je me permets de vous partager mon avancée, concernant le fait d'enlever les ouvertures au CSS et avascript, j'ai juste supprimé les lignes mais je doute que ce soit ce qu'il fallait faire...
Je vous laisse juger de mon travail !
- Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>La première page HTML de Aels.</title>
</head>
<body>
...
<!-- Ici se trouvera le contenu de l'exercice de Aels.-->
<h1> Page HTML de Aels</h1>
<h2> Sous-Titre</h2>
<h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo. Donec aliquet maximus erat, et vestibulum nisl volutpat sed. Ut ut neque vestibulum, porttitor urna eget, dictum nulla. Pellentesque non tempus est.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
</h4>
...
</body>
</html>
Merci d'avance pour votre retour !
MiettesRâleuse (Admin)- Informations :
► Présente en semaine (09h00 - 18h00)
----
Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203 
Re: Les petits essais d'Aels.
Dim 29 Nov 2020 - 13:26
Coucou 
Du coup, tu étais sur cet exo :
Module 1 - Manipulation 1
*** relit l'exo ***
Pour les exercices 1 et 2, c'est bon
il te reste donc l'exercice numéro 3 pour ce premier 'chapitre'
Du coup, tu étais sur cet exo :
Module 1 - Manipulation 1
*** relit l'exo ***
Pour les exercices 1 et 2, c'est bon
il te reste donc l'exercice numéro 3 pour ce premier 'chapitre'
- Aels.
- Messages : 38
Re: Les petits essais d'Aels.
Dim 29 Nov 2020 - 13:48
Merci pour ton retour ! Donc il fallait juste virer les deux lignes ? 
Je vais donc m'atteler à l'exercice 3 Et je vais bien mettre le lien que j'ai zappé de mettre dans mon premier message !
Je vais donc m'atteler à l'exercice 3 Et je vais bien mettre le lien que j'ai zappé de mettre dans mon premier message ! - Aels.
- Messages : 38
Re: Les petits essais d'Aels.
Dim 29 Nov 2020 - 14:01
Module 1 - Manipulation 1
C'est encore moi ! Pour le coup j'ai remis au propre mon code précédent sur lequel j'avais glissé un sous-sous-titre dans un des paragraphe (c'est qu'un détail, mais bon ! 
)
Voilà donc pour l'exercice 3 :
C'est encore moi !
Pour le coup j'ai remis au propre mon code précédent sur lequel j'avais glissé un sous-sous-titre dans un des paragraphe (c'est qu'un détail, mais bon ! )Voilà donc pour l'exercice 3 :
- Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>La première page HTML de Aels.</title>
</head>
<body>
...
<!-- Ici se trouvera le contenu de l'exercice de Aels.-->
<h1>Page HTML de Aels</h1>
<h2>Sous-Titre</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo. Donec aliquet maximus erat, et vestibulum nisl volutpat sed. Ut ut neque vestibulum, porttitor urna eget, dictum nulla. Pellentesque non tempus est.
</p>
<h4>Sous-sous Titre</h4>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h4>Sous-sous Titre</h4>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h3>Sous-Titre</h3>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
...
</body>
</html>
- MiettesRâleuse (Admin)
- Informations :
► Présente en semaine (09h00 - 18h00)
----
Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
Re: Les petits essais d'Aels.
Dim 29 Nov 2020 - 14:32
ouiAels a écrit:Merci pour ton retour ! Donc il fallait juste virer les deux lignes
Tu verras que dans nos modules, les premiers exo sont super simple L'idée c'est vraiment de comprendre l'utilité de chaque code. Donc là, en te demandant avec des mots de supprimer la CSS et le javascript, on voulait vérifier que tu savais les repérer dans le code ----
Nickel pour l'exercice 3 ^^ (ne prends pas trop d'avance, tu verras qu'on va ajouter du contenu juste après :p)
Du coup, c'est bon pour ce chapitre Si tu n'as pas de question, tu peux passer au chapitre suivant de ce module, c'est à dire Nos premières balises.Bon courage ^^
Au vue de ce que tu as codé pour le contenu, tes bases semblent bonnes Ces premiers exos seront surtout des révisions pour toi Mäven aime ce message
- Aels.
- Messages : 38
Re: Les petits essais d'Aels.
Dim 29 Nov 2020 - 17:08
Voici le résultat de l'exercice 4 , 5 et 6 :
- Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>La première page HTML de Aels.</title>
</head>
<body>
...
<!-- Ici se trouvera le contenu de l'exercice de Aels.-->
<h1>Page HTML de Aels</h1>
<h2>Sous-Titre</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo. Donec aliquet maximus erat, et vestibulum nisl volutpat sed. Ut ut neque vestibulum, porttitor urna eget, dictum nulla. Pellentesque non tempus est.
</p>
<img src="https://2img.net/u/4014/30/77/56/avatars/34-99.png"/>
<h2>Sous-Titre</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo.
<span>Je suis un texte. Je suis un texte. Je suis un texte.
</span>
<a href="https://tambouille-raleuses.forumactif.com/" target="_blank">La Tambouille des Râleuses</a>
</p>
<h4>Sous-sous Titre</h4>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h4>Sous-sous Titre</h4>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h3>Sous-Titre</h3>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
...
</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: Les petits essais d'Aels.
Lun 30 Nov 2020 - 10:16
Coucou !
Penses bien à nous remettre le lien de exercices stp, ça nous permet de ne pas chercher 2 minutes
Module 1 - Manipulation 2
Alors pour l'exercice 4 : nous avons besoin de 3 éléments en ligne contenant tous les 3 le texte "je suis un texte". Ici tu as un seul élément contenant trois fois la phrase
Pour l'exercice 5 c'est ok
Et pour le 6, je t'invite à relire le tutoriel associé, il te manque un attribut sur ton image De plus, pour les balises "auto-fermantes" / "Orphelines" il faut un espace avant le / pour que le navigateur se rende bien compte que c'est fermé.
Je te laisse regarder ça ?
Penses bien à nous remettre le lien de exercices stp, ça nous permet de ne pas chercher 2 minutes
Module 1 - Manipulation 2
Alors pour l'exercice 4 : nous avons besoin de 3 éléments en ligne contenant tous les 3 le texte "je suis un texte". Ici tu as un seul élément contenant trois fois la phrase
Pour l'exercice 5 c'est ok
Et pour le 6, je t'invite à relire le tutoriel associé, il te manque un attribut sur ton image
De plus, pour les balises "auto-fermantes" / "Orphelines" il faut un espace avant le / pour que le navigateur se rende bien compte que c'est fermé. Je te laisse regarder ça ?
- Aels.
- Messages : 38
Re: Les petits essais d'Aels.
Lun 30 Nov 2020 - 12:22
Oups pardon ! 
Etant donné que sur le haut de la fiche de ces exercices c'est écrit Module 1, ça m'a perdue un peu et je pensais que c'était le même lien.
Module 1 - Manipulation 2
Pour le coup merci du retour, j'ai retenté ! le "alt="description"" est forcément obligatoire ?
Etant donné que sur le haut de la fiche de ces exercices c'est écrit Module 1, ça m'a perdue un peu et je pensais que c'était le même lien. Module 1 - Manipulation 2
Pour le coup merci du retour, j'ai retenté !
le "alt="description"" est forcément obligatoire ? - Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>La première page HTML de Aels.</title>
</head>
<body>
...
<!-- Ici se trouvera le contenu de l'exercice de Aels.-->
<h1>Page HTML de Aels</h1>
<h2>Sous-Titre</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo. Donec aliquet maximus erat, et vestibulum nisl volutpat sed. Ut ut neque vestibulum, porttitor urna eget, dictum nulla. Pellentesque non tempus est.
</p>
<img src="https://2img.net/u/4014/30/77/56/avatars/34-99.png"alt="description" />
<h2>Sous-Titre</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo.
<span>Je suis un texte.</span>
<span>Je suis un texte.</span>
<span>Je suis un texte.</span>
<a href="https://tambouille-raleuses.forumactif.com/" target="_blank">La Tambouille des Râleuses</a>
</p>
<h4>Sous-sous Titre</h4>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h4>Sous-sous Titre</h4>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h3>Sous-Titre</h3>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
...
</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: Les petits essais d'Aels.
Lun 30 Nov 2020 - 15:08
Pas de souci, c'est écrit en bas de chaque messages, en gros un message = un lien
eh oui le alt est obligatoire. Il a plusieurs raisons d'être :
> Si l'image bug, c'est ce texte qui sera écrit au lieu d'avoir une image cassée
> Pour les personnes mal voyantes, qui utilisent des aides qui leurs décrivent ce qu'il ya sur la page, c'est ce texte qui sera "lu".
Tu vois ?
N'oublies pas non plus les espaces entre les attributs d'une balise : là tu as ton alt collé à la fin de ton lien d'image
Le reste est ok
As-tu des questions là dessus ?
Si non, tu peux passer à la suite
eh oui le alt est obligatoire. Il a plusieurs raisons d'être :
> Si l'image bug, c'est ce texte qui sera écrit au lieu d'avoir une image cassée
> Pour les personnes mal voyantes, qui utilisent des aides qui leurs décrivent ce qu'il ya sur la page, c'est ce texte qui sera "lu".
Tu vois ?
N'oublies pas non plus les espaces entre les attributs d'une balise : là tu as ton alt collé à la fin de ton lien d'image
Le reste est ok
As-tu des questions là dessus ?
Si non, tu peux passer à la suite
- Aels.
- Messages : 38
Re: Les petits essais d'Aels.
Mar 1 Déc 2020 - 14:34
Je vois très bien, ça me permet de comprendre l'importance de le mettre !
J'ai donc continué le prochain module !
Module 1 - Manipulation 3
J'ai donc continué le prochain module !
Module 1 - Manipulation 3
- Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>La première page HTML de Aels.</title>
</head>
<body>
...
<!-- Ici se trouvera le contenu de l'exercice de Aels.-->
<h1>Page HTML de Aels</h1>
<h2>Sous-Titre</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo. Donec aliquet maximus erat, et vestibulum nisl volutpat sed. Ut ut neque vestibulum, porttitor urna eget, dictum nulla. Pellentesque non tempus est.
</p>
<img src="https://2img.net/u/4014/30/77/56/avatars/34-99.png" alt="description" />
<h2>Sous-Titre</h2>
<p><font color="#248c48"><font size="2">Lorem<sup>(1)</sup> ipsum<sub>(a)</sub> dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo.
<span><u>Je suis un texte.</u></span>
<span>Je <del>suis</del> un <mark>texte.</mark></span>
<span>Je suis un texte.</span>
<a href="https://tambouille-raleuses.forumactif.com/" target="_blank"><b><i>La Tambouille des Râleuses</b></i></a>
</font></font></p>
<h4>Sous-sous Titre</h4>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h4>Sous-sous Titre</h4>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h3>Sous-Titre</h3>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
...
</body>
</html>
- MiettesRâleuse (Admin)
- Informations :
► Présente en semaine (09h00 - 18h00)
----
Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
Re: Les petits essais d'Aels.
Mer 2 Déc 2020 - 9:40
Coucou @Aels.
Allons-y pour la correction ^^
> Exercice 1 : nickel
> Exercice 2 : parfait
> Exercice 3 : Ici, ce que tu as fait est bon, mais tu peux simplifier en mettant plusieurs attributs dans la même balise font, par exemple :
> Exercice 4 : parfait ici aussi ^^
> Exercice 5 : Tu as bien compris la différence entre del et s ? Tu saurais m'expliquer ? Ici, visuellement, ce n'est pas faux, mais sémantiquement, c'est pas tip top ^^
> Exercice 6 : Parfait !
----
Je te laisse répondre à la question de l'exo 5 avant de poursuivre ^^
Allons-y pour la correction ^^
> Exercice 1 : nickel
> Exercice 2 : parfait
> Exercice 3 : Ici, ce que tu as fait est bon, mais tu peux simplifier en mettant plusieurs attributs dans la même balise font, par exemple :
- Code:
<font color="#248c48" size="2"></font>
> Exercice 4 : parfait ici aussi ^^
> Exercice 5 : Tu as bien compris la différence entre del et s ? Tu saurais m'expliquer ? Ici, visuellement, ce n'est pas faux, mais sémantiquement, c'est pas tip top ^^
> Exercice 6 : Parfait !
----
Je te laisse répondre à la question de l'exo 5 avant de poursuivre ^^
- Aels.
- Messages : 38
Re: Les petits essais d'Aels.
Mer 2 Déc 2020 - 11:10
Merci pour ta correction !
Le del permet de considéré la partie entre valise comme étant supprimée tandis que le s permet de barrer visuellement, non ? Je suis mauvaise pour expliquer ! 
Le del permet de considéré la partie entre valise comme étant supprimée tandis que le s permet de barrer visuellement, non ?
Je suis mauvaise pour expliquer ! - MiettesRâleuse (Admin)
- Informations :
► Présente en semaine (09h00 - 18h00)
----
Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
Re: Les petits essais d'Aels.
Mer 2 Déc 2020 - 11:33
C'est bien ça Du coup, ici, on ne supprime pas "suis", on veut juste le barrer visuellement (sans donner de sens à ce trait ^^). On va donc plutôt utiliser le "s" Tu vois bien la nuance ?
Du coup, ici, on ne supprime pas "suis", on veut juste le barrer visuellement (sans donner de sens à ce trait ^^). On va donc plutôt utiliser le "s" Tu vois bien la nuance ? - Aels.
- Messages : 38
Re: Les petits essais d'Aels.
Mer 2 Déc 2020 - 12:20
Je vois très bien, j'ai hésité je dois avouer ! 
Je peux faire l'exercice final ? D'ailleurs y'a-t-il un ordre particulier ? Devons nous faire exactement pareil que le modèle ?
Je peux faire l'exercice final ? D'ailleurs y'a-t-il un ordre particulier ? Devons nous faire exactement pareil que le modèle ? - MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: Les petits essais d'Aels.
Mer 2 Déc 2020 - 13:33
Coucou !
Tu peux passer à l'exercice final oui
Du moment qu'il y a les éléments demandés, tu peux mettre les couleurs et texte que tu veux, l'important c'est vraiment qu'on retrouve les éléments demandés
Tu peux passer à l'exercice final oui
Du moment qu'il y a les éléments demandés, tu peux mettre les couleurs et texte que tu veux, l'important c'est vraiment qu'on retrouve les éléments demandés
- Aels.
- Messages : 38
Re: Les petits essais d'Aels.
Mer 2 Déc 2020 - 18:14
Module 1 - Exercice final
Voilà !
Voilà !
- Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Mon premier exercice de codage</title>
</head>
<body>
...
<!-- Ici se trouvera le contenu de l'exercice de Aels.-->
<h1>Titre</h1>
<img src="https://zupimages.net/up/20/23/3iao.png" alt="avatar" />
<h2><mark>Titre</mark></h2>
<p><strong><font size="2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo. Donec aliquet maximus erat, et vestibulum nisl volutpat sed. Ut ut neque vestibulum, porttitor urna eget, dictum nulla. Pellentesque non tempus est.
</font></strong></p>
<h3>Sous-Titre</h3>
<p>Lorem<sup>(1)</sup> ipsum<sub>(a)</sub> dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo.</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.</p>
<a href="https://tambouille-raleuses.forumactif.com/" target="_blank"><b><i>La Tambouille des Râleuses</b></i></a>
<h4><font color="#824D10">Sous-sous Titre</font></h4>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h4><font color="#824D10">Sous-sous Titre</font></h4>
<p>Praesent egestas felis ac eros facilisis convallis. <mark>Mauris</mark> turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h3><u>Sous-Titre</u></h3>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. <font color="#653c00" size="1">Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor.</font> Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada.<s>Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.</s>
</p>
<p>Praesent egestas felis ac eros facilisis convallis. Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti.
<span>Sed hendrerit diam eget viverra venenatis.</span>
</p>
<p><strong>Praesent egestas felis ac eros facilisis convallis.</strong><u> Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor.</u>
<span>Integer ultricies orci in elit vehicula porttitor.</span>
Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
...
</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: Les petits essais d'Aels.
Sam 5 Déc 2020 - 18:58
Coucou !
Désolée pour le retard
ça me semble OK, mais pourquoi as-tu mis un span ici :
?
A bientôt =)
Désolée pour le retard
ça me semble OK, mais pourquoi as-tu mis un span ici :
- Code:
<span>Integer ultricies orci in elit vehicula porttitor.</span>
?
A bientôt =)
- Aels.
- Messages : 38
Re: Les petits essais d'Aels.
Sam 5 Déc 2020 - 21:47
Oups, c'était un reflexe, j'ai employé tout ce qu'on avait vu au cours des exercices, je n'ai pas fait attention au fait que vous ne l'aviez pas demandé !
J'ai réalisé la totalité des exercices du Module 2 - Manipulation 1
J'espère ne rien avoir oublié ! Merci pour vos corrections en tous cas !
J'ai réalisé la totalité des exercices du Module 2 - Manipulation 1
- Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Mise en Page HTML/CSS</title>
</head>
<body>
<style type="text/css">
/* Paragraphe en vert */
#couleur-paragraphe{
color:#009E00;
}
/* Taille de la police */
#span-police{
font-size:18px;
font-family:Verdana;
}
/* Placement et style police */
#italic{
font-style:italic;
text-align:center;
}
/* Lien non souligné */
#lien{
text-decoration:none;
font-weight : bold ;
font-variant:small-caps;
}
/* Alinéas sur 3 paragraphes */
.alinea{
text-indent:15px;
}
/* Span souligné */
#souligne{
text-decoration:underline
}
</style>
<!-- Ici se trouvera le contenu de l'exercice de Aels.-->
<h1 id="italic">Titre Principal</h1>
<p id="couleur-paragraphe">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo. Donec aliquet maximus erat, et vestibulum nisl volutpat sed. Ut ut neque vestibulum, porttitor urna eget, dictum nulla. Pellentesque non tempus est.
</font></p>
<p>Praesent egestas felis ac eros facilisis convallis. <a id="lien" href="https://tambouille-raleuses.forumactif.com/t1219-les-petits-essais-d-aels#21715" target="_blank">mon lien</a> Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h2>Sous-Titre 1</h2>
<p class="alinea">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis eget ligula a varius. Duis porttitor semper diam ac dignissim. Cras turpis elit, venenatis at volutpat et, faucibus luctus lorem. Donec eu ante eu tortor dictum auctor feugiat ac augue. Maecenas lacinia sapien ipsum, ac dapibus ipsum ullamcorper vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel ornare dolor. Nam lacinia arcu ante, sed sagittis sem consectetur lacinia. Vivamus mi est, laoreet quis ornare vitae, aliquam in justo. Nulla condimentum convallis est. Sed placerat elementum felis sed semper.
</p>
<p class="alinea">Donec quis tortor iaculis odio sagittis congue. Nulla eleifend consectetur mi, id posuere lacus aliquet eget. Quisque nibh mauris, commodo et tortor in, porta pulvinar enim. Donec risus erat, vehicula vel pulvinar ac, porta sed sem. Mauris ut sem neque. Curabitur a imperdiet risus, sed dignissim eros. Sed vel erat ut tellus consequat aliquet. Fusce vitae scelerisque nisl. Phasellus iaculis non risus vel sagittis. Fusce imperdiet gravida massa, ut fermentum nulla accumsan in. Proin maximus euismod enim eget egestas. Nunc lacinia est sed elit molestie egestas. In faucibus tortor a libero lacinia blandit. Nunc sagittis eu lacus at aliquam. Nunc erat arcu, tristique et libero eu, gravida euismod massa. Aliquam lacinia tellus nulla, a posuere metus vulputate posuere.
</p>
<p class="alinea">Vivamus sit amet scelerisque lorem. Quisque non magna non arcu feugiat aliquam non at ante. Etiam ultricies purus quis eros sagittis, quis eleifend arcu semper. Etiam vitae purus ac felis convallis vehicula. Duis tempor tincidunt felis, vel consequat quam tincidunt nec.
<span id="span-police">Sed lacus sapien, interdum vitae congue rhoncus, pretium ac lacus.</span>
<span id="souligne">Nulla at dignissim ligula.</span>
<span>Mauris vitae dapibus neque.</span>
</p>
<h2>Sous-Titre 2</h2>
<img src="https://zupimages.net/up/20/23/3iao.png" alt="avatar" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo. Donec aliquet maximus erat, et vestibulum nisl volutpat sed. Ut ut neque vestibulum, porttitor urna eget, dictum nulla. Pellentesque non tempus est.
</p>
</body>
</html>
J'espère ne rien avoir oublié ! Merci pour vos corrections en tous cas !
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4055
Re: Les petits essais d'Aels.
Dim 6 Déc 2020 - 11:33
ça marche
Alors pour ce nouvel exercice, avant de rentrer dans le détail : tu as un soucis de HTML.
Là tu as un souci de structure. Je te laisse regarder ton code et essayer de le corriger ?
Tu as aussi, à l'intérieur du body, une balise fermée mais pas ouverte BRef y a un petit souci de balise, je te laisse essayer de le corriger mais si tu n'y arrives pas dis le
Alors pour ce nouvel exercice, avant de rentrer dans le détail : tu as un soucis de HTML.
Là tu as un souci de structure. Je te laisse regarder ton code et essayer de le corriger ?
Tu as aussi, à l'intérieur du body, une balise fermée mais pas ouverte
BRef y a un petit souci de balise, je te laisse essayer de le corriger mais si tu n'y arrives pas dis le - Aels.
- Messages : 38
Re: Les petits essais d'Aels.
Dim 17 Jan 2021 - 17:56
C'est moi à nouveau ! Je me permets de montrer ma correction, n'étant pas sûre de mon coup !
- Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Mise en Page HTML/CSS</title>
</head>
<style type="text/css">
/* Paragraphe en vert */
#couleur-paragraphe{
color:#009E00;
}
/* Taille de la police */
#span-police{
font-size:18px;
font-family:Verdana;
}
/* Placement et style police */
#italic{
font-style:italic;
text-align:center;
}
/* Lien non souligné */
#lien{
text-decoration:none;
font-weight : bold ;
font-variant:small-caps;
}
/* Alinéas sur 3 paragraphes */
.alinea{
text-indent:15px;
}
/* Span souligné */
#souligne{
text-decoration:underline
}
</style>
<body>
<!-- Ici se trouvera le contenu de l'exercice de Aels.-->
<h1 id="italic">Titre Principal</h1>
<p id="couleur-paragraphe"><font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo. Donec aliquet maximus erat, et vestibulum nisl volutpat sed. Ut ut neque vestibulum, porttitor urna eget, dictum nulla. Pellentesque non tempus est.
</font></p>
<p>Praesent egestas felis ac eros facilisis convallis. <a id="lien" href="https://tambouille-raleuses.forumactif.com/t1219-les-petits-essais-d-aels#21715" target="_blank">mon lien</a> Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h2>Sous-Titre 1</h2>
<p class="alinea">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis eget ligula a varius. Duis porttitor semper diam ac dignissim. Cras turpis elit, venenatis at volutpat et, faucibus luctus lorem. Donec eu ante eu tortor dictum auctor feugiat ac augue. Maecenas lacinia sapien ipsum, ac dapibus ipsum ullamcorper vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel ornare dolor. Nam lacinia arcu ante, sed sagittis sem consectetur lacinia. Vivamus mi est, laoreet quis ornare vitae, aliquam in justo. Nulla condimentum convallis est. Sed placerat elementum felis sed semper.
</p>
<p class="alinea">Donec quis tortor iaculis odio sagittis congue. Nulla eleifend consectetur mi, id posuere lacus aliquet eget. Quisque nibh mauris, commodo et tortor in, porta pulvinar enim. Donec risus erat, vehicula vel pulvinar ac, porta sed sem. Mauris ut sem neque. Curabitur a imperdiet risus, sed dignissim eros. Sed vel erat ut tellus consequat aliquet. Fusce vitae scelerisque nisl. Phasellus iaculis non risus vel sagittis. Fusce imperdiet gravida massa, ut fermentum nulla accumsan in. Proin maximus euismod enim eget egestas. Nunc lacinia est sed elit molestie egestas. In faucibus tortor a libero lacinia blandit. Nunc sagittis eu lacus at aliquam. Nunc erat arcu, tristique et libero eu, gravida euismod massa. Aliquam lacinia tellus nulla, a posuere metus vulputate posuere.
</p>
<p class="alinea">Vivamus sit amet scelerisque lorem. Quisque non magna non arcu feugiat aliquam non at ante. Etiam ultricies purus quis eros sagittis, quis eleifend arcu semper. Etiam vitae purus ac felis convallis vehicula. Duis tempor tincidunt felis, vel consequat quam tincidunt nec.
<span id="span-police">Sed lacus sapien, interdum vitae congue rhoncus, pretium ac lacus.</span>
<span id="souligne">Nulla at dignissim ligula.</span>
<span>Mauris vitae dapibus neque.</span>
</p>
<h2>Sous-Titre 2</h2>
<img src="https://zupimages.net/up/20/23/3iao.png" alt="avatar" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo. Donec aliquet maximus erat, et vestibulum nisl volutpat sed. Ut ut neque vestibulum, porttitor urna eget, dictum nulla. Pellentesque non tempus est.
</p>
</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: Les petits essais d'Aels.
Lun 18 Jan 2021 - 10:06
Hello !
Il y a toujours un souci dans ta structure
Je te laisse relire ce tutoriel pour comprendre ce qui ne va pas sur la structure de base de ta page HTML. Ici il est très très important que tu comprennes cette erreur par toi même
Il y a toujours un souci dans ta structure
Je te laisse relire ce tutoriel pour comprendre ce qui ne va pas sur la structure de base de ta page HTML. Ici il est très très important que tu comprennes cette erreur par toi même
- Aels.
- Messages : 38
Re: Les petits essais d'Aels.
Lun 18 Jan 2021 - 11:21
Merci de ton retour ! L'erreur venait-t-elle de la manière dont j'ai écrit les commentaires ?
- Code:
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Mise en Page HTML/CSS</title>
</head>
<style type="text/css">
<!-- Paragraphe en vert -->
#couleur-paragraphe{
color:#009E00;
}
<!-- Taille de la police -->
#span-police{
font-size:18px;
font-family:Verdana;
}
<!-- Placement et style police -->
#italic{
font-style:italic;
text-align:center;
}
<!-- Lien non souligné -->
#lien{
text-decoration:none;
font-weight : bold ;
font-variant:small-caps;
}
<!-- Alinéas sur 3 paragraphes -->
.alinea{
text-indent:15px;
}
<!-- Span souligné -->
#souligne{
text-decoration:underline
}
</style>
<body>
<!-- Ici se trouvera le contenu de l'exercice de Aels.-->
<h1 id="italic">Titre Principal</h1>
<p id="couleur-paragraphe"><font>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo. Donec aliquet maximus erat, et vestibulum nisl volutpat sed. Ut ut neque vestibulum, porttitor urna eget, dictum nulla. Pellentesque non tempus est.
</font></p>
<p>Praesent egestas felis ac eros facilisis convallis. <a id="lien" href="https://tambouille-raleuses.forumactif.com/t1219-les-petits-essais-d-aels#21715" target="_blank">mon lien</a> Mauris turpis nunc, iaculis id risus vel, scelerisque varius dolor. Integer ultricies orci in elit vehicula porttitor. Suspendisse potenti. Suspendisse tristique, lectus et ultrices suscipit, dolor velit dapibus dui, id mattis enim lorem pellentesque tortor. Ut non efficitur nibh. In egestas mauris nunc, rhoncus lobortis elit commodo non. Cras rhoncus congue malesuada. Ut congue metus eros, semper porta nunc tincidunt sit amet. Suspendisse potenti. Sed hendrerit diam eget viverra venenatis.
</p>
<h2>Sous-Titre 1</h2>
<p class="alinea">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis eget ligula a varius. Duis porttitor semper diam ac dignissim. Cras turpis elit, venenatis at volutpat et, faucibus luctus lorem. Donec eu ante eu tortor dictum auctor feugiat ac augue. Maecenas lacinia sapien ipsum, ac dapibus ipsum ullamcorper vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel ornare dolor. Nam lacinia arcu ante, sed sagittis sem consectetur lacinia. Vivamus mi est, laoreet quis ornare vitae, aliquam in justo. Nulla condimentum convallis est. Sed placerat elementum felis sed semper.
</p>
<p class="alinea">Donec quis tortor iaculis odio sagittis congue. Nulla eleifend consectetur mi, id posuere lacus aliquet eget. Quisque nibh mauris, commodo et tortor in, porta pulvinar enim. Donec risus erat, vehicula vel pulvinar ac, porta sed sem. Mauris ut sem neque. Curabitur a imperdiet risus, sed dignissim eros. Sed vel erat ut tellus consequat aliquet. Fusce vitae scelerisque nisl. Phasellus iaculis non risus vel sagittis. Fusce imperdiet gravida massa, ut fermentum nulla accumsan in. Proin maximus euismod enim eget egestas. Nunc lacinia est sed elit molestie egestas. In faucibus tortor a libero lacinia blandit. Nunc sagittis eu lacus at aliquam. Nunc erat arcu, tristique et libero eu, gravida euismod massa. Aliquam lacinia tellus nulla, a posuere metus vulputate posuere.
</p>
<p class="alinea">Vivamus sit amet scelerisque lorem. Quisque non magna non arcu feugiat aliquam non at ante. Etiam ultricies purus quis eros sagittis, quis eleifend arcu semper. Etiam vitae purus ac felis convallis vehicula. Duis tempor tincidunt felis, vel consequat quam tincidunt nec.
<span id="span-police">Sed lacus sapien, interdum vitae congue rhoncus, pretium ac lacus.</span>
<span id="souligne">Nulla at dignissim ligula.</span>
<span>Mauris vitae dapibus neque.</span>
</p>
<h2>Sous-Titre 2</h2>
<img src="https://zupimages.net/up/20/23/3iao.png" alt="avatar" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum posuere nulla, in aliquam libero consectetur at. Aliquam justo purus, molestie et erat ut, laoreet pretium massa. Duis imperdiet efficitur placerat. Nulla sodales quis justo at vulputate. Duis lacinia odio non lectus sollicitudin facilisis. Nulla eu dapibus justo. Donec aliquet maximus erat, et vestibulum nisl volutpat sed. Ut ut neque vestibulum, porttitor urna eget, dictum nulla. Pellentesque non tempus est.
</p>
</body>
</html>
- MiettesRâleuse (Admin)
- Informations :
► Présente en semaine (09h00 - 18h00)
----
Viens papoter avec nous sur le discord
Pseudo Discord : Miettes
Messages : 2203
Re: Les petits essais d'Aels.
Lun 18 Jan 2021 - 12:07
Coucou
Non le souci ne venait pas des commentaires (qui sont, du coup, faux dans ton dernier message). Vérifie bien chaque balise, leur ouverture/fermeture, leur emplacement, etc
Reprend bout par bout, tu vas vite trouver le souci, j'en suis sûre :p
Non le souci ne venait pas des commentaires (qui sont, du coup, faux dans ton dernier message). Vérifie bien chaque balise, leur ouverture/fermeture, leur emplacement, etc
Reprend bout par bout, tu vas vite trouver le souci, j'en suis sûre :p
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum