top of page
Buscar

Estils inline, taules i llistes

  • Foto del escritor: Rohit Kumar Kumar
    Rohit Kumar Kumar
  • 6 may 2022
  • 2 Min. de lectura


HTML2


Fitxer HTML

<!DOCTYPE html>
<html lang="ca">
<head>
<link href="Assigantures.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/x-icon" href="https://www.sapalomera.cat/wp-content/themes/SaPalomeraTheme/img/logo-institut-sapalomera.png">
<title>Segon Exercici</title>

<meta charset="UTF-8">

<style>

table, th, td{
border: 1px solid black;
border-collapse: collapse;
padding: 3px;
}




th{
text-align:center;
}
div{
	border: 3px solid green ;
}
td{
text-align:center;

}
h1{
	text-align: center;
	font-family: Verdana;
}
img{
	width: 10% ;
	 ;
}
</style>

</head>

<body>


<h1 style="color: #34495E; text-shadow: 2px 2px 4px red;">HORARI d'SMX-A</h1>





<p> Aquest és el horari d'SMX <b>Grup A</b> fet per l'alumnat <i>Kumar Kumar, Rohit</i>.</p>
<a href="https://www.sapalomera.cat" target="_blank" >
<img src="https://www.sapalomera.cat/wp-content/themes/SaPalomeraTheme/img/logo-institut-sapalomera.png" href="https://www.sapalomera.cat/wp-content/themes/SaPalomeraTheme/img/logo-institut-sapalomera.png">
</a>


<div>
<table style="width: 100%">

<tr >
	<th>Hora</th>
	<th>Dilluns</th>
	<th>Dimarts</th>
	<th>Dimecres</th>
	<th>Dijous</th>
	<th>Divendres</th>
	
	
	
</tr>
<tr>
	<th>08:30-09:30</th>
	<td class="Hardware" rowspan="2"> Hardware</td>
	<td class="Xarxes" rowspan="2">Xarxes</td>
	<td class="Ofi">Ofimàtica</td>
	<td style="background-color:#BE77DD">Anglès</td>
	<td class="Anglès" rowspan="2">Anglès</td>
	
</tr>
<tr>
	<th>09:30-10:30 </td>
	
	
	<td class="SOM" rowspan="2">SOM</td>
	<td class="SOM">SOM</td>
	
	
</tr>
<tr>
	<th>10:30-11:30 </th>
	<td class="Ofi">Ofimàtica</td>
	<td class="Web">Ap.Web</td>
	
	<td class="Xarxes">Xarxes</td>
	<td class="Hardware">Hardware</td>
	
</tr>
<tr>
	<th>11:30-12:00 </th>
	<td class="PATI" colspan="5">PATI</td>
	
	
	
	
	
</tr>
<tr>
	<th>12:00-13:00 </th>
	<td class="Ofi" >Ofimàtica</td>
	<td class="FOL" rowspan="2">FOL</td>
	<td class="Tutoria">Tutoria</td>
	<td class="Ofi" rowspan="2"> Ofimàtica</td>
	<td class="Hardware" >Hardware</td>
	
</tr>
<tr>
	<th>13:00-14:00</th>
	<td class="Web" rowspan="2"> Ap.Web</td>
	<td class="Xarxes" rowspan="2">Xarxes</td>
	
	<td class="EIE" rowspan="2">EIE</td>
	
</tr>
<tr>
	<th>14:00-15:00 </th>
	<td style="BACKGROUND-color:white"></td>
	
	
	
	
</tr>
</table>
</div>

<hr>

<h1 style="color: #34495E; text-shadow: 2px 2px 4px red;">Professors d'SMX-A</h1>

<ul>

<li class="circle">Manel Pérez Marín</li>
<li class="circle">Josep Catà Castillo</li>
<li class="circle">Josep Oliveras</li>
<li class="circle">Silvia Fortuny</li>
<li class="circle">Ernest Calero Fernández</li>
<li class="circle">Mostserrat Bermúdez</li>
<li class="circle">Cristina Soler</li>

</ul>
<h1 style="color: #34495E; text-shadow: 2px 2px 4px red;">Mòduls d'SMX-A</h1>
<ol>

<li >M02- Sistemes Opertius Monolloc</li>
<li >M08- Aplicacions Web</li>
<li >M01- Hardware</li>
<li >M05- Xarxes Locals</li>
<li >M03- Ofimàtica</li>
<li >M09- Formació i Orientació Laboral</li>
<li >M11- Anglès</li>
<li >M10- Empresa i iniciatica Enprenedora</li>
</ol>
<h1 style="color: #34495E; text-shadow: 2px 2px 4px red;">Professors x Mòduls</h1>
<ul>

<li >Manel Pérez Marín   = M02- Sistemes Opertius Monolloc</li>
<li >Manel Pérez Marín   = M08- Aplicacions Web</li>
<li >Josep Catà Castillo = M01- Hardware</li>
<li >Josep Oliveras      = M05- Xarxes Locals</li>
<li >Silvia Fortuny      = M03- Ofimàtica</li>
<li >Montserrat Bermúdez = M09- Formació i Orientació Laboral</li>
<li >Cristina Soler      = M11- Anglès</li>
<li >Ernest Calero       = M10- Empresa i iniciatica Enprenedora</li>
</ul>
</body>
</html>

CSS


.Hardware{
		background-color: #F16060;

}
.SOM{
		background-color: #56A7FF;

}
.Web{
		background-color: #B3D7F6;

}
.Ofi{
		background-color: #F8B89B;

}
.Xarxes{
		background-color: #ABD887;

}
.EIE{
		background-color: #F5FF39;

}
.Tutoria{
		background-color: #DAACF7;

}
.FOL{	
		background-color: orange;

}
.PATI{	
		background-color: NAVY;
		color: white;

}

tr:nth-child(even){
		background-color:#B8D2FB;

}
p.intro{
			
}
b{
		color: orange;
}

i{
		color: pink;
}



Comments

bottom of page