Activitat 5: introducció a CSS II
- Àlex Pica Castro
- 25 may 2022
- 2 Min. de lectura
Part 1
<!DOCTYPE html>
<html lang="es">
<head>
<link rel="stylesheet" href="Menu.css">
<title>Menu</title>
<meta charset="utf-8">
</head>
<body>
<h2>Inici</h2>
<p>Aquesta és la primera pàgina de la activitat 5</p>
<header>
<h2>Inici</h2>
</header>
<section>
<nav>
<ul>
<li><a href="Formulari.html">Formulari</a></li>
</ul>
</nav>
<article>
<h1>Descripció</h1>
<p><p>Hola el meu nom es <b>Àlex Pica</b> vaig a <u>1BSMX</u> aixo es una practica de <i>Web</i>. Estem fent <b>HTML</b> aixo ens serveix per <b><i><u>PRACTICAR.</u></i></b></p></p>
</article>
</section>
<footer>
<p>Àlex Pica Castro a.pica@sapalomera.cat</p>
<article>
<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">
<input type="radio" name="navegacion" id="_5">
<img src="descarga (1).jpg" width="260" height="300" alt="Galeria CSS 1" />
<img src="descarga (2).jpg" width="260" height="300" alt="Galeria CSS 2" />
<img src="descarga.jpg" width="260" height="300" alt="Galeria CSS 3" />
<img src="images (1).jpg" width="260" height="300" alt="Galeria CSS 4" />
<img src="images.jpg" width="260" height="300" alt="Galeria CSS 5" />
</div>
</article>
</footer>
</section>
</body>
</html>
Part 2
<!DOCTYPE html> <html lang="es"> <head> <link rel="stylesheet" href="Formulari.css"> <title>Formulari</title> <meta charset="utf-8"> </head> <body> <h2>Formulari</h2> <p>Aquest es la pagina del folmulari de la activitat 5</p> <header> <h2>Formulari</h2> </header> <section> <nav> <ul> <li><a href="Menu.html">Menu</a></li> </ul> </nav> <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> <form action="/action_page.php"> <input type="checkbox" id="institut1" name="vehicle1" value="Bike"> <label for="vehicle1"> SaPalomera</label><br> <input type="checkbox" id="institut2" name="vehicle2" value="Car"> <label for="vehicle2"> Sa Forcanera</label><br> <input type="checkbox" id="insitut3" name="vehicle3" value="Boat"> <label for="vehicle3"> Serrallarga</label><br><br> </form> <form> <input type="radio" id="smx mati" name="curs" value="smx"> <label for="html">SMX Mati</label><br> <input type="radio" id="smx tarda" name="curs" value="smx"> <label for="html">SMX Tarda</label><br> <input type="radio" id="asix" name="curs" value="daw"> <label for="css">ASIX</label><br> <input type="radio" id="daw" name="curs" value="asix"> <label for="javascript">DAW</label> <input type="radio" id="dam" name="curs" value="asix"> <label for="javascript">DAM</label> </form> <br> <select name="transport" id="transport"> <option value="b">Moto</option> <option value="c">Coche</option> <option value="B">Corrent</option> <option value="c">A peu</option> <option value="c">Bici</option> <option value="c">Patinet</option> <option value="c">Autobus</option> </select> <br> <br> <h2 style="font-size: 15px">PRESIONA CTRL PER SELECCIONAR MÉS D'UNA AFICIÓ</h2> <select name="aficions" id="aficions" size="8" multiple> <option value="Padel">Padel</option> <option value="Tennis">Tennis</option> <option value="Esquiar">Esquiar</option> <option value="Motos">Motos</option> <option value="Voley">Voley</option> <option value="Ping Pong">Ping Pong</option> </select> <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> <footer> <p>Àlex Pica Castro a.pica@sapalomera.cat</p> </footer> </body> </html>
Comentarios