Back
Close

Exercices HTML

profThiernesse
2,397 views

Balises avec attribut

Ressources

BaliseLien
imgimages
aliens/ancres

Exercice 1

Insérer une image avec ses attributs obligatoires dans la page. Les 5 images suivantes sont disponnibles dans le répertoire images : concert.jpg, mer.jpg, paysage.jpg, route.jpg et urbain.jpg.

Images
<!-- Introduisez le HTML ici -->
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Exercice 2

Insérer un lien vers https://www.w3schools.com/.

Liens
<!-- Introduisez le HTML ici -->
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Exercice 3

Le document est au total constitué de 10 paragraphes. Avant le premier paragraphe insérer un lien vers une ancre placé avant le dernier paragraphe.

Liens et ancres
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec finibus tellus id nunc cursus, luctus vestibulum elit efficitur. Vestibulum congue tortor id massa dapibus mattis. Maecenas sollicitudin, risus et ultricies lobortis, sem neque egestas ligula, et vehicula diam dolor ac orci. Morbi non dictum augue. Suspendisse rutrum justo sed lobortis elementum. Nulla molestie nisi dui, ut pellentesque diam ultricies et. Cras sit amet mi id est vestibulum varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ut velit turpis. Praesent non pretium metus. Praesent iaculis suscipit vulputate. Duis quis sem sapien.
Duis convallis sem eget condimentum placerat. Maecenas magna metus, blandit ultricies lectus in, aliquet finibus metus. Sed ac dapibus est. Praesent vulputate leo ante, nec pellentesque lorem malesuada at. Sed pellentesque, sapien feugiat pellentesque dapibus, odio eros semper mi, vel tristique mauris augue id ligula. Donec tristique efficitur nibh, vel varius est. Donec sagittis at eros ut accumsan. Morbi non ex ex. Phasellus blandit libero nunc, et finibus velit suscipit nec. Nullam nunc risus, faucibus sit amet nisl convallis, luctus sollicitudin mi. Praesent nisl tortor, tempor at lobortis ac, aliquam at quam. Sed eu metus facilisis, facilisis est quis, ultrices elit. Ut tristique ut mi at ultrices. Donec luctus tortor diam, vitae venenatis sapien convallis eu.
Ut laoreet nisi in ex consequat dapibus. Curabitur lacinia quam vitae urna laoreet, ut interdum lorem viverra. Etiam congue nulla non erat mollis, fermentum vehicula magna faucibus. Donec gravida risus lorem, id rhoncus ligula luctus eu. Maecenas auctor iaculis commodo. Etiam lobortis magna purus. Pellentesque eu luctus velit, eu aliquam sem. Aenean at justo eleifend, facilisis libero non, sagittis tortor. Maecenas aliquam risus tempus nibh tincidunt tincidunt. Sed nec vulputate odio. Mauris sed velit eros. Maecenas pharetra tincidunt ligula, vel tristique nibh pretium ac. Nam a posuere neque. Suspendisse interdum volutpat ex id posuere.
Morbi massa dui, tempus quis eleifend nec, dictum eget massa. Pellentesque lacinia leo sit amet pellentesque convallis. Sed et accumsan massa. Nunc dictum lorem quis purus pellentesque, vulputate iaculis dolor pulvinar. Pellentesque at ullamcorper lorem, non volutpat dolor. Aenean nec pretium mauris, vel rhoncus mi. Donec et nunc sit amet libero efficitur ullamcorper. Aenean ultrices id orci a varius. Nam sodales leo sapien, congue congue nunc elementum quis. Duis sodales ante mi, in fringilla turpis facilisis in. Nam ac mauris vel nibh commodo sollicitudin. Ut ornare lacinia elit at porttitor. Donec neque sapien, mattis at fermentum vitae, efficitur vitae diam. Praesent at urna quis felis sollicitudin tincidunt in vulputate nunc.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis venenatis elit id sem porttitor rhoncus. In ut convallis nisi. Phasellus finibus volutpat sapien sit amet viverra. Ut elementum sit amet sapien id porttitor. Quisque consectetur accumsan ligula, sit amet sagittis velit consectetur vel. Maecenas efficitur vehicula augue ut porttitor.
Nunc dignissim enim in nunc placerat, vel porta dolor lobortis. Sed quis rhoncus magna, fringilla varius tortor. Morbi consectetur nec mi a pellentesque. Phasellus euismod diam quis pharetra porta. Duis faucibus mollis leo at viverra. Etiam lobortis, est a vehicula efficitur, nulla erat sollicitudin neque, non dignissim lorem ex nec felis. Sed tempus quis ante a accumsan. Integer et elit ac ipsum viverra fermentum. Aenean cursus metus condimentum nisi cursus bibendum. Donec ultricies faucibus turpis quis lobortis. Proin non turpis id tortor ultrices luctus eu sed mi.
Aenean rhoncus ipsum et pellentesque vestibulum. Duis consectetur, ante vitae sodales auctor, felis lacus imperdiet ante, eu condimentum neque eros et neque. Mauris ullamcorper lectus vehicula sem dapibus cursus. Curabitur ipsum eros, finibus eu porta eu, hendrerit nec turpis. Mauris elementum lacus et dolor interdum, id malesuada magna imperdiet. Sed eget tincidunt arcu. Quisque velit ante, eleifend vel hendrerit nec, condimentum sed lacus. Nullam et leo enim. Sed et bibendum mauris. Etiam eu orci dui.
Maecenas nec turpis in lacus sollicitudin rutrum. Sed aliquam arcu nec faucibus cursus. Curabitur ut tempor felis. Sed sed dolor nec neque interdum congue. Duis faucibus mi lorem, non cursus diam convallis at. Nunc ultricies enim a dignissim finibus. Suspendisse potenti. Morbi ex lorem, sagittis quis arcu sit amet, rutrum commodo felis. Suspendisse dignissim erat at leo dictum, non aliquam erat tristique.
Sed aliquam massa sed felis hendrerit vestibulum. Pellentesque at pellentesque nisi, sit amet condimentum tortor. Ut eu vestibulum massa. Vivamus a interdum neque. Morbi ut felis scelerisque, commodo odio vitae, ullamcorper augue. Phasellus tincidunt, nisl sed eleifend pretium, lacus enim feugiat ex, varius tincidunt nibh mi vitae libero. Aliquam quam felis, mollis sed odio eleifend, scelerisque imperdiet nunc.
Duis urna justo, egestas ut libero a, molestie fermentum dui. Quisque convallis ex et aliquet tincidunt. Morbi vulputate, dui nec dignissim varius, justo mi aliquam enim, et cursus nibh mauris in dolor. Morbi fringilla, tellus ac iaculis iaculis, nibh ligula ornare augue, eget vestibulum tellus leo sed tellus. Suspendisse nec ultrices libero, nec venenatis nulla. Nunc quis est erat. Donec placerat augue quis eleifend tincidunt. Nunc a quam vitae velit mollis hendrerit. Ut nibh sapien, pretium eu finibus quis, aliquam pharetra turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Create your playground on Tech.io
This playground was created on Tech.io, our hands-on, knowledge-sharing platform for developers.
Go to tech.io
codingame x discord
Join the CodinGame community on Discord to chat about puzzle contributions, challenges, streams, blog articles - all that good stuff!
JOIN US ON DISCORD
Online Participants