Skip to content

T
Tarea_html_tabla
Commit 2e4684fb by Angel Zarate
Options

Initial commit

parents
Showing with 239 additions and 0 deletions
empate.svg 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Draw">
<circle id="Oval" fill="#9AA0A6" cx="8" cy="8" r="8"></circle>
<polygon id="Path" fill="#FFFFFF" points="5 7 11 7 11 9 5 9"></polygon>
</g>
</g>
</svg>
ganar.png 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Win">
<circle id="Oval" fill="#3AA757" cx="8" cy="8" r="8"></circle>
<polygon id="Path" fill="#FFFFFF" fill-rule="nonzero" points="6.4 9.76 4.32 7.68 3.2 8.8 6.4 12 12.8 5.6 11.68 4.48"></polygon>
</g>
</g>
</svg>
ganarsvg.svg 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Win">
<circle id="Oval" fill="#3AA757" cx="8" cy="8" r="8"></circle>
<polygon id="Path" fill="#FFFFFF" fill-rule="nonzero" points="6.4 9.76 4.32 7.68 3.2 8.8 6.4 12 12.8 5.6 11.68 4.48"></polygon>
</g>
</g>
</svg>
perder.svg 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Loss">
<circle id="Oval" fill="#EA4335" cx="8" cy="8" r="8"></circle>
<polygon id="Path" fill="#FFFFFF" transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000) " points="12 8.8 8.8 8.8 8.8 12 7.2 12 7.2 8.8 4 8.8 4 7.2 7.2 7.2 7.2 4 8.8 4 8.8 7.2 12 7.2"></polygon>
</g>
</g>
</svg>
tabla.css 0 → 100644
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 10px;
}
h2{
font-family: Arial, Helvetica, sans-serif;
}
.libertad:hover{
right: 50px;
top: 120px;
}
span {
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
color: black;
}
body{
background-color: #bdc1c6;
height:500px;
}
main{
background-color:#1c2336 ;
border-radius: 8px;
overflow: hidden;
z-index: 999;
box-shadow: 0px 5px 26px 0px rgb(0 0 0 / 50%), 0px 20px 28px 0px rgb(0 0 0 / 50%);
align-items: center;
}
\ No newline at end of file
tabla.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="tabla.css" rel="stylesheet" type="text/css" />
<title>Document</title>
</head>
<body>
<main>
<h2>TEMPORADA 2022</h2>
<table>
<tr>
<th>Club</th>
<th>PJ</th>
<th>G</th>
<th>E</th>
<th>P</th>
<th>GF</th>
<th>GC</th>
<th>DG</th>
<th>Pts</th>
<th>Últimos 5</th>
</tr>
<tr>
<td class="libertad">
<img
width="24px"
height="24px"
src="https://ssl.gstatic.com/onebox/media/sports/logos/-n4YxXgf_vhcYhp03Mq6Dw_48x48.png"
alt="Libertad"
/>
<span>Libertad</span>
<td>13</td>
<td>10</td>
<td>2</td>
<td>1</td>
<td>30</td>
<td>12</td>
<td>18</td>
<td>32</td>
<td><img src="ganarsvg.svg" alt="">
<img src="ganarsvg.svg" alt="">
<img src="empate.svg" alt="">
<img src="perder.svg" alt="">
<img src="ganarsvg.svg" alt="">
</td>
</td>
</tr>
<tr>
<td>
<img
width="24px"
height="24px"
src="https://ssl.gstatic.com/onebox/media/sports/logos/q_2P3cWhPBE6a_0bB-xLAQ_48x48.png"
alt="Cerro"
/>
<span>Cerro</span>
<td>13</td>
<td>10</td>
<td>1</td>
<td>2</td>
<td>25</td>
<td>8</td>
<td>17</td>
<td>31</td>
<td>
<img src="ganarsvg.svg" alt="">
<img src="ganarsvg.svg" alt="">
<img src="perder.svg" alt="">
<img src="ganarsvg.svg" alt="">
<img src="empate.svg" alt="">
</td>
</td>
</tr>
<tr>
<td>
<img
width="24px"
height="24px"
src="https://ssl.gstatic.com/onebox/media/sports/logos/4O3gcJ3OuxDAG9z4lkzk0Q_48x48.png"
alt="Olimpia"
/>
<span>Olimpia</span>
<td>13</td>
<td>7</td>
<td>3</td>
<td>3</td>
<td>19</td>
<td>13</td>
<td>6</td>
<td>24</td>
<td><img src="ganarsvg.svg" alt="">
<img src="ganarsvg.svg" alt="">
<img src="ganarsvg.svg" alt="">
<img src="empate.svg" alt="">
<img src="perder.svg" alt="">
</td>
</td>
</tr>
<tr>
<td>
<img
width="24px"
height="24px"
src="https://upload.wikimedia.org/wikipedia/commons/9/9f/Escudo_de_Resistencia_SC_%28Paraguay%29.png"
alt="Resistencia"
/>
<span>Resistencia</span>
<td>13</td>
<td>6|</td>
<td>5</td>
<td>2</td>
<td>25</td>
<td>19</td>
<td>6</td>
<td>23</td>
<td><img src="ganarsvg.svg" alt="">
<img src="ganarsvg.svg" alt="">
<img src="perder.svg" alt="">
<img src="empate.svg" alt="">
<img src="ganarsvg.svg" alt="">
</td>
</td>
</tr>
<tr>
<td>
<img
width="24px"
height="24px"
src="https://ssl.gstatic.com/onebox/media/sports/logos/8UtW9Yu4GdSqEA3E7146iQ_48x48.png"
alt="Sol de América"
/>
<span class="soltop">Sol de América</span>
<td>13</td>
<td>5</td>
<td>3</td>
<td>5</td>
<td>14</td>
<td>17</td>
<td>-3</td>
<td>18</td>
<td><img src="ganarsvg.svg" alt="">
<img src="perder.svg" alt="">
<img src="empate.svg" alt="">
<img src="ganarsvg.svg" alt="">
<img src="empate.svg" alt="">
</td>
</td>
</tr>
</table>
<main>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment