Activitat 6: projecte final
- Àlex Pica Castro
- 27 may 2022
- 3 Min. de lectura
Exercici 1: pàgina inicial. ( index.html )
<!DOCTYPE html> <html lang="es"> <head> <link rel="stylesheet" href="index.css"> <title>Pàgina inicial</title> <meta charset="utf-8"> </head> <body> <h1>Exercici 1: pàgina inicial</h1> <p>Benvinguts a la nostra web. Som el l'Àlex Pica, el Marc Remacho i Sergi Pla.</p> <header> <h2>Inici</h2> </header> <section> <nav> <ul> <li><a href="quisom.html">quisom</a></li> <li><a href="horaris.html">horaris</a></li> <li><a href="aficions.html">aficions</a></li> <li><a href="preferits.html">preferits</a></li> <li><a href="suggeriments.html">suggeriments</a></li> </ul> </nav> </section> <footer> <p>Alex Sergi Marc</p> </footer> </body> </html>
Exercici 2: pàgina qui som. ( quisom.html )
<!DOCTYPE html> <html lang="es"> <head> <link rel="stylesheet" href="quisom.css"> <title>Pàgina qui som</title> <meta charset="utf-8"> </head> <body> <h1>Exercici 2: pàgina qui som</h1> <p>Benvinguts a la nostra web. Som el l'Àlex Pica, el Marc Remacho i Sergi Pla.</p> <header> <h2>Qui som?</h2> </header> <section> <nav> <ul> <li><a href="index.html">index</a></li> <li><a href="horaris.html">horaris</a></li> <li><a href="aficions.html">aficions</a></li> <li><a href="preferits.html">preferits</a></li> <li><a href="suggeriments.html">suggeriments</a></li> </ul> </nav> </section> <article> <p>Descripcio sobre el grup, som tres nois un de 16 anys, un de 17 anys i un altre de 18 anys. Visquem a Blanes, un poble de Girona:</p> <div class="galeria"> <input type="radio" name="navegacion" id="_1" checked> <input type="radio" name="navegacion" id="_2"> <input type="radio" name="navegacion" id="_3"> <input type="radio" name="navegacion" id="_4"> <img src="a9085148631e7ade037d31be7efacfd4.jpg" width="200" height="200" alt="Galeria CSS 1" /> <img src="Girona_des_de_l_aire.jpg" width="200" height="200" alt="Galeria CSS 2" /> <img src="descarga.jpg" width="200" height="200" alt="Galeria CSS 3" /> <img src="Platja_blanes.jpg" width="200" height="200" alt="Galeria CSS 4" /> </div> <br> <h3>Aquest es el nostre institut:</h3> <a href="https://www.sapalomera.cat"><img src="1-0.jpg" width="200" height="200"></a> </article> <br> <footer> <p>Alex Sergi Marc</p> </footer> </body> </html>
Exercici 3: pàgina horaris. ( horaris.html )
<!DOCTYPE html> <html> <head> <title>Pàgina horaris</title> <link rel="stylesheet" href="horaris.css"> <h1><b>Exercici 3: pàgina horaris</h1></b> <p>Benvinguts a la nostra web. Som el l'Àlex Pica, el Marc Remacho i Sergi Pla.</p> <header> <h2>Horaris</h2> </header> <section> <nav> <ul> <li><a href="index.html">index</a></li> <li><a href="quisom.html">quisom</a></li> <li><a href="aficions.html">aficions</a></li> <li><a href="preferits.html">preferits</a></li> <li><a href="suggeriments.html">suggeriments</a></li> </ul> </nav> </section> <table class="default"> <tbody> <tr> <th>Hora</th> <th>Dilluns</th> <th>Dimarts</th> <th>Dimecres</th> <th>Dijous</th> <th>Divendres</th> </tr> <tr> <td>8.30 9.30</td> <td rowspan="2" style="background-color: aqua;">Xarxes</td> <td style="background-color:pink;">Anglès</td> <td rowspan="2" style="background-color: aqua;">Xarxes</td> <td style="background-color:rgb(4, 59, 16);"><p style="color: white"><b>Web</td></p></b> <td style="background-color:yellow;">Ofimàtica</td> </tr> <tr> <td>9.30 10.30</td> <td rowspan="2" style="background-color:orange;">Fol</td> <td rowspan="2" style="background-color:bisque;">Hardware</td> <td rowspan="2" style="background-color:coral;">Eie</td> </tr> <tr> <td>10.30 11.30</td> <td style="background-color:bisque;">Hardware</td> <td style="background-color:green;">Tutoria</td> </tr> <tr> <td>11.30 12.00</td> <td>Pati</td> <td>Pati</td> <td>Pati</td> <td>Pati</td> <td>Pati</td> </tr> <tr> <td>12.00 13.00</td> <td style="background-color:bisque;">Hardware</td> <td rowspan="2" style="background-color:yellow;">Ofimàtica</td> <b><td style="background-color:rgb(85, 71, 4);">Sistemes</td></b> <td rowspan="2" style="background-color:rgb(94, 93, 5);">Sistemes</td> <td style="background-color: aqua;">Xarxes</td> </tr> <tr> <td>13.00 14.00</td> <td rowspan="2" style="background-color:pink;">Anglès</td> <td rowspan="2" style="background-color:yellow;">Ofimàtica</td> <td rowspan="2" style="background-color:rgb(16, 73, 2);"><p style="color: rgb(255, 255, 255)"><b>Web</td></p></tr</b> </tr> <tr> <td>14.00 15.00</td> </tr> </tbody> </table> <br> <br> <footer> <p>Alex Sergi Marc</p> </footer> </body> </head> </html>
Exercici 4: pàgina aficions. ( aficions.html )
<!DOCTYPE html> <html lang="es"> <head> <link rel="stylesheet" href="aficions.css"> <title>Pàgina aficions</title> <meta charset="utf-8"> </head> <body> <h1>Exercici 4: pàgina aficions</h1> <p>Benvinguts a la nostra web. Som el l'Àlex Pica, el Marc Remacho i Sergi Pla.</p> <header> <h2>Aficions</h2> </header> <section> <nav> <ul> <li><a href="index.html">index</a></li> <li><a href="quisom.html">quisom</a></li> <li><a href="horaris.html">horaris</a></li> <li><a href="preferits.html">preferits</a></li> <li><a href="suggeriments.html">suggeriments</a></li> </ul> </nav> </section> <section> <article> <h3>Anar amb les motos</h3> <p>M'agrada anar amb les motos</p> <a href="https://www.motogp.com/es"><img src="21-motos-comprar-novedades-2021.jpg" width="200" height="200"></a> </article> <article> <h3>Escoltar musica</h3> <p>M'agrada Escoltar musica per relaxarme</p> <a href="https://www.spotify.com/es/"><img src="top-10-los-mejores-sitios-y-aplicaciones-para-conocer-musica.png" width="200" height="200"></a> </article> <article> <h3>Padel</h3> <p>M'agrada el padel i entreno al Espai Padel a Blanes</p> <a href="https://espaipadelblanes.business.site"><img src="1617987527_379089_1617987660_noticia_normal.jpg" width="200" height="200"></a> </article> <article> <h3>Cotxes</h3> <p>M'agraden molt els cotxes desde petit</p> <a href="https://www.formula1.com"><img src="coche-colores-Skoda-Fabia.jpg" width="200" height="200"></a> </article> <article> <h3>Ping Pong</h3> <p>Ens agrada molt jugar al ping pong els caps de setmana</p> <a href="https://www.ittf.com/tournaments/"><img src="2012_Summer_Olympics_Men's_Team_Table_Tennis_Final_1.jpg" width="200" height="200"></a> </article> </section> <br> <footer> <p>Alex Sergi Marc</p> </footer> </body> </html>
Exercici 5: pàgina grups de música preferits. ( preferits.html )
<!DOCTYPE html> <html lang="es"> <head> <link rel="stylesheet" href="Preferits.css"> <title>Pàgina grups de música preferits</title> <meta charset="utf-8"> </head> <body> <h1>Exercici 5: pàgina grups de música preferits</h1> <p>Benvinguts a la nostra web. Som el l'Àlex Pica, el Marc Remacho i Sergi Pla.</p> <header> <h2>Grups Preferits</h2> </header> <section> <nav> <ul> <li><a href="index.html">index</a></li> <li><a href="quisom.html">quisom</a></li> <li><a href="horaris.html">horaris</a></li> <li><a href="aficions.html">aficions</a></li> <li><a href="suggeriments.html">suggeriments</a></li> </ul> </nav> </section> <article> <ul> <li><h3>TRAP</h3> <ul> <li>Anuel aa</li> <li>Bad Bunny</li> </ul> </ul> <div align="left"> <img src="anuel-bad-bunny-rey-del-trap-1024x585.jpg" width="300" height="300"> </div> </article> <article> <ul> <li><h3>REGGETON</h3> <ul> <li>Nicky Jam</li> <li>Daddy Yankee</li> </ul> </ul> <div align="left"> <img src="1574350141_892342_1574350528_rrss_normal.jpg" width="300" height="300"> </div> </article> <article> <ul> <li><h3>RAP</h3> <ul> <li>Bnet</li> <li>Zasko</li> </ul> </ul> <div align="left"> <img src="2.-Metricas-2.webp" width="300" height="300"> </div> </article> </section> <footer> <p>Alex Sergi Marc</p> </footer> </body> </html>
Exercici 6: pàgina suggeriments. ( suggeriments.html )
<!DOCTYPE html> <html lang="es"> <head> <link rel="stylesheet" href="suggeriments.css"> <title>Pàgina suggeriments</title> <meta charset="utf-8"> </head> <body> <h1>Exercici 6: pàgina suggeriments</h1> <p>Benvinguts a la nostra web. Som el l'Àlex Pica, el Marc Remacho i Sergi Pla.</p> <header> <h2>Suggeriments</h2> </header> <section> <nav> <ul> <li><a href="index.html">index</a></li> <li><a href="quisom.html">quisom</a></li> <li><a href="horaris.html">horaris</a></li> <li><a href="aficions.html">aficions</a></li> <li><a href="preferits.html">preferits</a></li> </ul> </nav> </section> <article> <form action="/action_page.php"> <label for="fname">Nom:</label><br> <input type="text" id="fname" name="fname" value=""><br> <label for="lname">Cognom:</label><br> <input type="text" id="lname" name="lname" value=""><br><br> </form> <form action="/action_page.php"> <label for="name">Adreça electrònica:</label><br><br> <input type="text" id="fname" name="fname" placeholder="exemple@gmail.com"> </form> <br> </article> <section> <article> <form> <h3>T'agradat la web?</h3> <input type="radio" id="si" name="Opinio" value="si"> <label for="si">M'agradat</label><br> <input type="radio" id="no" name="Opinio" value="no"> <label for="no">No m'agradat</label><br> <input type="radio" id="Novullopinar" name="Opinio" value="Novullopinar"> <label for="Novullopinar">No vull opinar</label> </form> </article> </section> <br> <br> <textarea rows="4" cols="50" name="comment" form="usrform"></textarea> <h1 style="font-size: 10px">COMENTARIS (OPCIONAL)</h1> <br> <form> <input type="submit" value="ENVIAR"> </form> </article> </section> <br> <br> <footer> <p>Alex Sergi Marc</p> </footer> </body> </html>
Comentarios