Activitat 4: introducció a CSS
- Àlex Pica Castro
- 25 may 2022
- 2 Min. de lectura
Part 1
<!DOCTYPE html> <html lang="es"> <head> <link rel="stylesheet" href="Part 1.css"> <title>Pàgina 1</title> <meta charset="utf-8"> </head> <body> <h2>Pàgina 1</h2> <p>Aquesta és la primera pàgina de la pràctica 3</p> <header> <h2>PÀGINA 1</h2> </header> <section> <nav> <ul> <li><a href="Part 2.html">Pàgina 2</a></li> <li><a href="Part 3.html">Pàgina 3</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> </footer> </body> </html>
Part 2
<!DOCTYPE html>
<html lang="es">
<head>
<link rel="stylesheet" href="Part 2.css">
<title>Pàgina 2</title>
<meta charset="utf-8">
</head>
<body>
<h2>Pàgina 2</h2>
<p>Aquesta és la segona pàgina de la pràctica 3</p>
<header>
<h2>PÀGINA 2</h2>
</header>
<section>
<nav>
<ul>
<li><a href="Part 1.html">Pàgina 1</a></li>
<li><a href="Part 3.html">Pàgina 3</a></li>
</ul>
</nav>
<article>
<ol>
<li>Padel</li>
<li>Tennis</li>
<li>Esquiar</li>
<li>Motos</li>
<li>Voley</li>
<li>Ping Pong</li>
</ol>
</article>
</section>
<footer>
<p>Àlex Pica Castro a.pica@sapalomera.cat</p>
</footer>
</body>
</html>
Part 3
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="Part 3.css"> <a href="https://www.sapalomera.cat" target="_blank" rel="noopener noreferrer" > <IMG src="foto sapalomera.jpg"> </a> <title></title> <section> <nav> <ul> <li><a href="Part 1.html">Pàgina 1</a></li> <li><a href="Part 2.html">Pàgina 2</a></li> </ul> </nav> </section> <body> <h2> <p style="color: rgb(14, 236, 10);"> Exercici1 </p> </h2> <B><I><U> Soc l'Alex Pica i vaig a 1SMXB <font size="5">Ies Sapalomera </font> </U></I></B> <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:blue;">Web</td> <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> <td style="background-color:greenyellow;">Sistemes</td> <td rowspan="2" style="background-color:greenyellow;">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:blue;">Web</td> </tr> <tr> <td>14.00 15.00</td> </tr> </tbody> </table> <ul type=square * circle * disk> <lh> Professors </lh> <li> Josep Oliveras </li> <li> Ricard Pla </li> <li> Cristina Soler </li> <li> Montse Bermúdez </li> <li> Sílvia Fortuny </li> <li> Manel Pérez </li> <li> Ernest Calero </li> </ul> <ol type= A * a * I * i start=n> <lh> MÒDULS </lh> <li> Hardware </li> <li> Sistemes </li> <li> Ofimàtica </li> <li> Xarxes </li> <li> Tutoria </li> <li> Web </li> <li> Anglès </li> <li> Eie </li> <li> Fol </li> </ol> <ul type=square * circle * disk> <lh> Professors/MÒDULS </lh> <li> Josep Oliveras/Xarxes i Tutoria</li> <li> Ricard Pla/Hardware </li> <li> Cristina Soler/Anglès</li> <li> Montse Bermúdez/Fol </li> <li> Sílvia Fortuny/Ofimàtica </li> <li> Manel Pérez/Sistemes i Web </li> <li> Ernest Calero/Eie </li> </ul> </body> </head> </html>
Comentarios