julien.abadie
/
web1Atests
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tp2

Browse Source
master
Julien ABADIE 9 months ago
parent e1f691cac7
commit 54bb6bdfb8
5 changed files with 108 additions and 48 deletions
Show Stats Download Patch File Download Diff File

37
edt.html
Unescape View File

@ -13,25 +13,42 @@
<table class="Planning"> <table class="Planning">
<caption>Emploi du temps</caption> <caption>Emploi du temps</caption>
<tr> <tr>
<th>lundi</th> <th>Temps</th>
<th>mardi</th> <th>Lundi</th>
<th>mercredi</th> <th>Mardi</th>
<th>jeudi</th> <th>Mercredi</th>
<th>vendredi</th> <th>Jeudi</th>
<th>Vendredi</th>
<th>Samedi</th>
</tr> </tr>
<tr> <tr>
<th>Matin</th>
<td>Algo</td> <td>Algo</td>
<td>Systèmes</td> <td>Systèmes</td>
<td>Aglais</td> <td>Aglais</td>
<td rowspan="2">Dormir</td> <td rowspan="2">Dormir</td>
<td>WEB</td> <td colspan="2">WEB</td>
</tr> </tr>
<tr> <tr>
<th>Midi</th>
<td>Hacker l'iut</td> <td>Hacker l'iut</td>
<td>Francisco Chang</td> <td>Lorem.</td>
<td>Mexico</td> <td>ipsum</td>
<td colspan="2">Faire les courses</td>
<td>Faire les courses</td> </tr>
<th>Soir</th>
<td>MarioKart</td>
<td>Lorem.</td>
<td>ipsum</td>
<td colspan="2">Faire les courses</td>
<td rowspan="2"><img src="/images/photo_Julien.jpg" alt="" width="10%"></td>
</tr>
</tr>
<th>Illustrations</th>
<td><img src="/images/photo_Julien.jpg" alt="" width="10%"></td>
<td><img src="/images/photo_Julien.jpg" alt="" width="10%">.</td>
<td><img src="/images/photo_Julien.jpg" alt="" width="10%"></td>
<td colspan="2"><img src="/images/photo_Julien.jpg" alt="" width="10%"></td>
</tr> </tr>
</table> </table>
</body> </body>

BIN
images/Rick Astley - Never Gonna Give You Up (Official Music Video) [dQw4w9WgXcQ].mp4
View File

Binary file not shown.

77
index.html
Unescape View File

@ -16,28 +16,32 @@
Julien Julien
</h1> </h1>
</Header> </Header>
<div >
<img id="photo_Julien" src="images/photo_Julien.jpg" alt="photo de julien ABADIE"> <img id="photo_Julien" src="images/photo_Julien.jpg" alt="photo de julien ABADIE">
</div>
<section> <h2>
<h2 id=""> Bonjour, binvenue sur mon site !
Bonjour, binvenue sur mon site ! </h2>
</h2>
</section>
<br> <br>
<a href="https://www.google.com">When you have a problem, you just need Google! (lol)</a> <a href="https://www.google.com">When you have a problem, you just need Google! (lol)</a>
<h3>Some random articles</h3>
<div> <section>
<h3 class="center" >Some random articles</h3>
<aside class="container_aside"> <aside class="container_aside">
<p>mes supers liens de qualité!</p> <p>mes supers liens de qualité!</p>
<br> <ul>
<a href="discord">discord2</a> <li>
<br> <a href="discord">discord2</a>
<a href="">steam</a> </li>
<br>
<li>
<a href="">steam</a>
</li>
</ul>
</aside> </aside>
<br> <br>
<article class="clear_right"> <article class="clear_right">
@ -52,28 +56,29 @@
</article> </article>
<a href="article.html">voir plus</a> <a href="article.html">voir plus</a>
<br><br> <br><br>
<div class="double_article"> <table class="table_articles">
<h3>Article n°2</h3> <td>
<article> <h3>Article n°2</h3>
<p> <article>
L'emploi du team de l'année est sorti! <p>
<br> L'emploi du team de l'année est sorti!
cliquez ci dessous pour le voir! <br>
</p> cliquez ci dessous pour le voir!
</article> </p>
<a href="edt.html">voir plus</a> </article>
<a href="edt.html">voir plus</a>
<h3>Article n°2</h3> </td>
<article> <td>
<p> <h3>Article n°3</h3>
L'emploi du team de l'année est sorti! <article>
<br> <p>
cliquez ci dessous pour le voir! La dernière vidéo du chanteur est sortie, allez la regarder dès maintenant!
</p> </p>
</article> </article>
<a href="edt.html">voir plus</a> <a href="video.html">voir plus</a>
</div> </td>
</div> </table>
</section>
<br><br> <br><br>
<footer> <footer>
sike regardez ce super dsrgfresgfreshrvrfjksdvfedshfwklfbkesfsjkebfvlesbfkbdskjfvb sike regardez ce super dsrgfresgfreshrvrfjksdvfedshfwklfbkesfsjkebfvlesbfkbdskjfvb

26
le_super_css.css
Unescape View File

@ -6,7 +6,11 @@ html {
padding: 5vw; padding: 5vw;
} }
.center{
text-align: center;
}
.titre_prenom{ .titre_prenom{
font-weight: 550;
position: fixed; position: fixed;
margin-top: -4vw; margin-top: -4vw;
z-index: 1; z-index: 1;
@ -29,6 +33,7 @@ a{
border-radius: 1.5vw; border-radius: 1.5vw;
padding: 1vw; padding: 1vw;
margin-left: 10vw; margin-left: 10vw;
height: 400px;
} }
.clear_right{ .clear_right{
clear: left; clear: left;
@ -36,10 +41,27 @@ a{
.double_article{ .double_article{
display:flex; display:flex;
flex-wrap: nowrap; flex-wrap: nowrap;
border: solid 0.01vw wheat; border: solid 0.01vw white;
padding: 1vw; padding: 1vw;
} }
.Planning{ .Planning{
border: solid #00e1ff; border: solid 3px #ffffff;
border-collapse: collapse;
}
.Planning td, th{
border:solid 2px #ffffff;
padding: 1vw;
}
.table_articles{
border:solid #ffffff;
border-collapse: collapse; border-collapse: collapse;
}
.table_articles td, th{
border:solid #ffffff;
border-collapse: collapse;
padding: 1vw;
}
.video{
width: 50vw;
height: auto;
} }

16
video.html
Unescape View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vidéos</title>
<link rel="stylesheet" href="le_super_css.css">
</head>
<body>
<video controls class="video">
<source src="/images/Rick Astley - Never Gonna Give You Up (Official Music Video) [dQw4w9WgXcQ].mp4" type="video/mp4" />
<source />
</video>
</body>
</html>
Write Preview
Loading…
Cancel
Save