marklogo/IFCD0210
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Recursos varios

Browse Source
This commit is contained in:
Marklogo 2023-12-13 23:31:44 +01:00
parent e876481b58
commit 64a9bfd0da
5 changed files with 487 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

125
Recursos/Bloques Web/css/header.css Normal file
View File

@ -0,0 +1,125 @@
@charset "UTF-8";
* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
border: none;
outline: none;
}
#main_header {
display: flex;
justify-content: space-between;
align-items: end;
position: sticky;
top: 0;
background-color: gray;
padding: 0.5em;
border-bottom: 3px solid rgb(92, 92, 92);
box-shadow: 0px 10px 20px gray;
}
#main_header > img {
width: 150px;
height: 50px;
}
hr {
margin: 1em 0;
border: 2px solid black;
}
/********************************/
/* formato horizontal con Float */
/********************************/
.menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu li {
float: left;
margin: 0 5px;
}
/*******************************/
/* formato horizontal con Flex */
/*******************************/
/* .menu {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-around;
}
.menu li {
margin: 0 5px;
} */
.menu a {
font-size: 1.5em;
text-decoration: none;
color: #333;
}
p {
width: 50%;
margin: left;
font-size: large;
}
h2 {
font-size: 2em;
margin-bottom: 0.5em;
}
/*******************************************/
/* Metodo sin alterar padding-top ni margin*/
/*******************************************/
#home,
#enlace1,
#enlace2,
#enlace3 {
scroll-margin-top: 80px;
}
@media (max-width: 500px) {
/********************************/
/* formato vertical con Float */
/********************************/
.menu {
text-align: left;
}
.menu li {
list-style-type: square;
clear: left;
}
.menu a {
font-size: 1em;
}
/********************************/
/* formato vertical con Flex */
/********************************/
/* .menu {
display: block;
text-align: left;
}
.menu li {
list-style-type: square;
}
.menu a {
font-size: 1em;
}
#home,
#enlace1,
#enlace2,
#enlace3 {
scroll-margin-top: 100px;
} */
}

44
Recursos/Bloques Web/css/tables.css Normal file
View File

@ -0,0 +1,44 @@
@charset "UTF-8";
* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
border: none;
outline: none;
}
.table_base {
width: 80%;
margin: auto;
border-collapse: collapse;
margin: 20px auto 20px auto;
}
.table_base th, .table_base td {
border: 1px solid #ddd; /* Añade bordes de 1 píxel de ancho y color gris claro */
padding: 8px;
text-align: left;
}
.table_base th {
background-color: #f2f2f2;
}
.table_base tfoot {
font-weight: bold;
}
.colrowspan{
width: 80%;
margin: auto;
border-collapse: collapse;
margin: 20px auto 20px auto;
}
.colrowspan th, .colrowspan td {
border: 2px solid black; /* Añade bordes de 1 píxel de ancho y color gris claro */
padding: 8px;
text-align: center;
height: 80px;
}

72
Recursos/Bloques Web/header.html Normal file
View File

@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Header</title>
<link rel="stylesheet" href="./css/header.css">
</head>
<body>
<header id="main_header">
<img src="./img/logo.svg" alt="">
<nav>
<ul class="menu">
<li><a href="#home">Home</a></li>
<li><a href="#enlace1">Enlace 1</a></li>
<li><a href="#enlace2">Enlace 2</a></li>
<li><a href="#enlace3">Enlace 3</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2 id="home"> Home</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, dolor explicabo, molestiae sint, ex illo error quidem saepe aliquid optio assumenda tempore vero id! Praesentium dignissimos tempora quidem rem libero.<br><br></br></p>
<p>Molestias, unde fugit. Vitae laboriosam tempore accusantium optio commodi ea, corrupti expedita! Quibusdam earum, expedita vero ut esse dicta pariatur eveniet, nemo itaque saepe placeat voluptatum explicabo deserunt debitis impedit?<br><br></br></p>
<p>Laboriosam quis maiores aut delectus eaque corrupti, beatae assumenda velit ratione minima doloribus explicabo porro repellat, doloremque suscipit vero facere et sint ex itaque! Illum vel quas rerum ullam inventore.<br><br></br></p>
<p>Quasi ullam pariatur harum quia amet debitis reiciendis velit natus odit veritatis eos quaerat esse dolores sequi dignissimos nesciunt perspiciatis quis voluptatibus, dicta quas. Maxime consequuntur numquam voluptate ipsa! Et.<br><br></br></p>
<p>Eos minus culpa aliquid voluptates eius sunt officia dignissimos nemo iusto, quod cum dolorem sequi illo soluta voluptatum a quisquam tenetur repudiandae commodi repellat voluptatem facilis eveniet accusantium. Exercitationem, consequuntur.<br><br></br></p>
<p>Accusamus molestias iusto quasi nostrum quae velit aliquid pariatur id non voluptas est, sint exercitationem modi dolorum. Sequi voluptatum voluptatibus aliquam molestiae, tempora quis dolorum velit dolores laudantium doloribus quaerat.<br><br></br></p>
</section>
<hr>
<section>
<h2 id="enlace1"> Enlace 1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, dolor explicabo, molestiae sint, ex illo error quidem saepe aliquid optio assumenda tempore vero id! Praesentium dignissimos tempora quidem rem libero.<br><br></br></p>
<p>Molestias, unde fugit. Vitae laboriosam tempore accusantium optio commodi ea, corrupti expedita! Quibusdam earum, expedita vero ut esse dicta pariatur eveniet, nemo itaque saepe placeat voluptatum explicabo deserunt debitis impedit?<br><br></br></p>
<p>Laboriosam quis maiores aut delectus eaque corrupti, beatae assumenda velit ratione minima doloribus explicabo porro repellat, doloremque suscipit vero facere et sint ex itaque! Illum vel quas rerum ullam inventore.<br><br></br></p>
<p>Quasi ullam pariatur harum quia amet debitis reiciendis velit natus odit veritatis eos quaerat esse dolores sequi dignissimos nesciunt perspiciatis quis voluptatibus, dicta quas. Maxime consequuntur numquam voluptate ipsa! Et.<br><br></br></p>
<p>Eos minus culpa aliquid voluptates eius sunt officia dignissimos nemo iusto, quod cum dolorem sequi illo soluta voluptatum a quisquam tenetur repudiandae commodi repellat voluptatem facilis eveniet accusantium. Exercitationem, consequuntur.<br><br></br></p>
<p>Accusamus molestias iusto quasi nostrum quae velit aliquid pariatur id non voluptas est, sint exercitationem modi dolorum. Sequi voluptatum voluptatibus aliquam molestiae, tempora quis dolorum velit dolores laudantium doloribus quaerat.<br><br></br></p>
</section>
<section>
<h2 id="enlace2"> Enlace 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, dolor explicabo, molestiae sint, ex illo error quidem saepe aliquid optio assumenda tempore vero id! Praesentium dignissimos tempora quidem rem libero.<br><br></br></p>
<p>Molestias, unde fugit. Vitae laboriosam tempore accusantium optio commodi ea, corrupti expedita! Quibusdam earum, expedita vero ut esse dicta pariatur eveniet, nemo itaque saepe placeat voluptatum explicabo deserunt debitis impedit?<br><br></br></p>
<p>Laboriosam quis maiores aut delectus eaque corrupti, beatae assumenda velit ratione minima doloribus explicabo porro repellat, doloremque suscipit vero facere et sint ex itaque! Illum vel quas rerum ullam inventore.<br><br></br></p>
<p>Quasi ullam pariatur harum quia amet debitis reiciendis velit natus odit veritatis eos quaerat esse dolores sequi dignissimos nesciunt perspiciatis quis voluptatibus, dicta quas. Maxime consequuntur numquam voluptate ipsa! Et.<br><br></br></p>
<p>Eos minus culpa aliquid voluptates eius sunt officia dignissimos nemo iusto, quod cum dolorem sequi illo soluta voluptatum a quisquam tenetur repudiandae commodi repellat voluptatem facilis eveniet accusantium. Exercitationem, consequuntur.<br><br></br></p>
<p>Accusamus molestias iusto quasi nostrum quae velit aliquid pariatur id non voluptas est, sint exercitationem modi dolorum. Sequi voluptatum voluptatibus aliquam molestiae, tempora quis dolorum velit dolores laudantium doloribus quaerat.<br><br></br></p>
</section>
<section>
<h2 id="enlace3"> Enlace 3</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, dolor explicabo, molestiae sint, ex illo error quidem saepe aliquid optio assumenda tempore vero id! Praesentium dignissimos tempora quidem rem libero.<br><br></br></p>
<p>Molestias, unde fugit. Vitae laboriosam tempore accusantium optio commodi ea, corrupti expedita! Quibusdam earum, expedita vero ut esse dicta pariatur eveniet, nemo itaque saepe placeat voluptatum explicabo deserunt debitis impedit?<br><br></br></p>
<p>Laboriosam quis maiores aut delectus eaque corrupti, beatae assumenda velit ratione minima doloribus explicabo porro repellat, doloremque suscipit vero facere et sint ex itaque! Illum vel quas rerum ullam inventore.<br><br></br></p>
<p>Quasi ullam pariatur harum quia amet debitis reiciendis velit natus odit veritatis eos quaerat esse dolores sequi dignissimos nesciunt perspiciatis quis voluptatibus, dicta quas. Maxime consequuntur numquam voluptate ipsa! Et.<br><br></br></p>
<p>Eos minus culpa aliquid voluptates eius sunt officia dignissimos nemo iusto, quod cum dolorem sequi illo soluta voluptatum a quisquam tenetur repudiandae commodi repellat voluptatem facilis eveniet accusantium. Exercitationem, consequuntur.<br><br></br></p>
<p>Accusamus molestias iusto quasi nostrum quae velit aliquid pariatur id non voluptas est, sint exercitationem modi dolorum. Sequi voluptatum voluptatibus aliquam molestiae, tempora quis dolorum velit dolores laudantium doloribus quaerat.<br><br></br></p>
</section>
</main>
</body>
</html>

155
Recursos/Bloques Web/img/logo.svg Normal file
View File

@ -0,0 +1,155 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="179.71574mm"
height="53.439804mm"
viewBox="0 0 179.71574 53.439804"
version="1.1"
id="svg5"
inkscape:export-filename="logo.svg"
inkscape:export-xdpi="92"
inkscape:export-ydpi="92"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false" />
<defs
id="defs2" />
<g
inkscape:label="Capa 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-19.114285,-86.022718)">
<g
aria-label="Fergalla.com"
transform="rotate(-11.749996)"
id="text113"
style="font-size:35.2778px;line-height:1.25;font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std';stroke-width:0.414714">
<path
d="m 11.276785,130.50079 c 0.81139,-0.17639 2.116668,-0.3175 2.89278,-0.67028 0.458611,-0.21166 0.670278,-0.67028 0.952501,-1.12889 l 1.411112,-2.25778 -2.363613,-0.38805 c 1.587501,-2.32834 5.538615,-9.24279 5.538615,-11.85334 0,-1.72862 -2.363613,-1.86973 -3.633614,-1.86973 -2.08139,0 -4.727225,0.10584 -13.9700091,2.2225 -2.04611245,0.45862 -3.9511137,0.84667 -5.326948,2.57528 -0.705556,0.84667 -2.7163907,4.37445 -2.7163907,5.39751 0,0.635 0.3175002,1.05833 2.7163907,0.3175 l 4.09222499,-1.27 c 0.28222241,-0.0706 1.05833401,-0.17639 1.05833401,-0.59973 0,-0.35277 -0.4233336,-0.3175 -0.6702782,-0.3175 l -1.83444567,0.0353 -0.0705556,-0.0706 C 3.0923354,119.0002 7.1492826,117.97714 11.20623,117.30686 c 2.681113,-0.42333 2.857502,-0.28222 2.928057,-0.28222 0.599723,0 1.12889,-0.0353 1.12889,0.67028 0,1.72861 -2.857502,6.59695 -4.021669,8.14917 l -5.3975041,1.02306 c -1.3405565,0.24694 -3.6688914,0.98778 -4.7625032,1.69333 -0.91722283,0.59972 -1.05833404,1.44639 -0.91722283,2.43417 0.0705556,0.49389 1.55222323,0.49389 1.79916783,0.45861 l 5.2563925,-0.42333 -4.1275028,4.37445 c -1.5522233,0.42333 -2.57527952,0.98777 -3.66889136,2.2225 -0.67027824,0.70555 -2.15194594,2.54 -2.15194594,3.52778 0,0.49389 0.352778,0.88194 0.8466673,0.88194 1.62277885,0 5.9266706,-3.91583 7.1261159,-5.18584 z"
style="fill:#ffffff"
id="path403" />
<path
d="m 29.691786,129.93635 c -1.869723,1.48166 -4.833058,4.05694 -7.337782,4.05694 -1.12889,0 -2.293057,-0.45861 -2.187224,-1.79916 l 0.07056,-0.77612 c 6.773337,-2.2225 8.50195,-4.83306 8.50195,-6.56167 0,-1.41111 -1.411112,-1.69333 -2.540002,-1.69333 -4.586114,-0.0353 -9.701395,4.69195 -9.560284,9.31334 0.07056,2.32833 1.270001,4.62139 3.84528,4.62139 3.492503,0 7.373061,-3.31611 9.525007,-5.82084 z m -9.242784,-0.24695 c 0.952501,-2.32833 2.998613,-4.02167 4.762504,-4.48028 0.246944,-0.0706 0.423333,0.14111 0.423333,0.38806 0.03528,0.59972 -2.08139,3.03389 -5.185837,4.09222 z"
style="fill:#ffffff"
id="path405" />
<path
d="m 35.653746,128.06662 0.07056,0.0706 c -1.411112,1.69333 -3.245558,3.56306 -3.245558,5.96195 0,1.34055 0.917223,2.71639 2.398891,2.71639 2.010835,0 6.067782,-3.91584 7.408338,-5.43278 l -0.246944,-1.30528 c -1.164168,0.88194 -3.386669,3.175 -4.903615,3.175 -0.529167,0 -1.093612,-0.42333 -1.093612,-0.98778 0,-1.41111 1.728613,-3.13972 2.751669,-4.02167 0.811389,-0.67028 1.481667,-1.19944 1.481667,-2.29306 -0.07055,-0.635 -0.3175,-1.19944 -0.846667,-1.86972 -0.352778,-0.42333 -2.293057,0 -5.60917,0.45861 0.141111,-0.3175 0.246944,-0.635 0.246944,-0.98778 0,-0.3175 -0.282222,-0.59972 -0.635,-0.59972 -0.846667,0 -4.445003,2.54 -4.445003,5.08 0,0.74084 0.211667,1.02306 0.952501,1.09362 -0.670279,0.9525 -1.411112,1.83444 -2.328335,2.57528 l 0.141111,1.55222 c 1.516945,-1.51695 2.998613,-2.43417 4.233336,-4.37445 z"
style="fill:#ffffff"
id="path407" />
<path
d="m 48.741797,136.25107 c -1.940279,1.41111 -7.302505,5.85612 -7.302505,8.39612 0,0.45861 0.3175,0.84667 0.811389,0.84667 1.375835,0 4.480281,-2.25778 8.18445,-8.14918 l 7.443616,-5.57389 -0.176389,-1.48167 -5.362225,3.84528 -0.07056,-0.0705 2.645835,-4.93889 c 0.246945,-0.45862 0.740834,-1.27 0.740834,-1.79917 0,-0.59972 -0.635001,-1.79917 -1.340557,-1.79917 -0.564444,0 -0.987778,0.59972 -1.340556,0.98778 l -3.774725,4.16278 c -1.340556,1.44639 -3.492502,2.29306 -4.480281,2.18722 -0.3175,0 -0.529167,-0.0705 -0.564444,-0.35277 -0.317501,-2.57528 2.293057,-3.56306 4.515558,-4.76251 l 4.02167,-2.18722 c 0.458611,-0.3175 1.164167,-0.81139 1.164167,-1.44639 0,-0.77611 -1.375834,-0.91722 -1.869723,-0.88195 -2.716391,0.24695 -10.406952,3.9864 -10.406952,8.60779 0,1.55222 0.670278,4.1275 2.645835,4.1275 1.940279,0 5.644448,-3.21028 6.914449,-4.62139 l 0.07056,0.0705 z"
style="fill:#ffffff"
id="path409" />
<path
d="m 68.321,126.76134 0.07056,0.0706 c -6.985005,7.05556 -8.078616,6.94973 -8.784172,7.09084 -0.529168,0.10583 -0.670279,-0.52917 -0.705557,-0.70556 0,-1.72861 1.023057,-3.88056 9.419173,-6.45584 z m -1.905001,4.76251 0.07056,0.0705 c -0.458612,0.9525 -1.305279,2.82223 -1.305279,3.95112 0,1.02305 0.529167,1.86972 1.693335,1.86972 1.728612,0 6.455837,-3.77473 7.972783,-5.50334 l -0.282223,-1.30528 c -1.516945,1.02306 -3.52778,2.82223 -5.009447,2.82223 -0.564445,0 -1.093612,-0.24695 -1.093612,-0.84667 0,-1.65806 3.069168,-4.1275 3.069168,-5.25639 0,-0.77611 -0.352778,-1.16417 -1.023056,-1.44639 0.3175,-0.10583 1.234723,-0.45861 1.234723,-0.88195 0,-0.42333 -0.670278,-1.72861 -2.293057,-1.69333 -4.092225,0.10583 -13.264453,4.62139 -13.123342,9.03112 0.07056,1.83444 2.116668,4.16278 3.104447,4.16278 0.811389,0 3.069168,-1.83445 3.739446,-2.36362 z"
style="fill:#ffffff"
id="path411" />
<path
d="m 78.445715,126.5144 c 1.658057,-3.63361 3.668892,-6.80862 5.397504,-7.65528 -0.635001,2.01083 -2.822224,5.3975 -5.326948,7.72583 z m 6.879171,3.73945 c -1.411112,1.27 -4.127502,3.52778 -6.067781,3.52778 -0.952501,0 -1.44639,-0.70556 -1.76389,-1.51695 -0.17639,-0.84667 -0.07056,-1.83444 0.246944,-2.43417 7.655283,-7.40834 8.572506,-10.51278 8.81945,-13.86417 0.03528,-0.45862 -0.105833,-1.30528 -0.705556,-1.30528 -1.128889,0 -4.48028,3.28083 -7.584727,7.12611 -2.293057,2.82223 -3.880558,6.80862 -3.880558,10.51279 0,2.08139 0.564445,4.58611 3.139724,4.58611 3.033891,0 6.350005,-3.56306 8.290284,-5.57389 z"
style="fill:#ffffff"
id="path413" />
<path
d="m 89.029028,126.5144 c 1.658057,-3.63361 3.668891,-6.80862 5.397504,-7.65528 -0.635001,2.01083 -2.822224,5.3975 -5.326948,7.72583 z m 6.879171,3.73945 c -1.411112,1.27 -4.127502,3.52778 -6.067781,3.52778 -0.952501,0 -1.44639,-0.70556 -1.763891,-1.51695 -0.176389,-0.84667 -0.07055,-1.83444 0.246945,-2.43417 7.655283,-7.40834 8.572506,-10.51278 8.81945,-13.86417 0.03528,-0.45862 -0.105833,-1.30528 -0.705556,-1.30528 -1.128889,0 -4.48028,3.28083 -7.584727,7.12611 -2.293057,2.82223 -3.880558,6.80862 -3.880558,10.51279 0,2.08139 0.564445,4.58611 3.139724,4.58611 3.033891,0 6.350005,-3.56306 8.290284,-5.57389 z"
style="fill:#ffffff"
id="path415" />
<path
d="m 106.66791,126.76134 0.0705,0.0706 c -6.985,7.05556 -8.078612,6.94973 -8.784168,7.09084 -0.529167,0.10583 -0.670278,-0.52917 -0.705556,-0.70556 0,-1.72861 1.023056,-3.88056 9.419174,-6.45584 z m -1.905,4.76251 0.0705,0.0705 c -0.45861,0.9525 -1.30528,2.82223 -1.30528,3.95112 0,1.02305 0.52917,1.86972 1.69334,1.86972 1.72861,0 6.45584,-3.77473 7.97278,-5.50334 l -0.28222,-1.30528 c -1.51695,1.02306 -3.52778,2.82223 -5.00945,2.82223 -0.56444,0 -1.09361,-0.24695 -1.09361,-0.84667 0,-1.65806 3.06917,-4.1275 3.06917,-5.25639 0,-0.77611 -0.35278,-1.16417 -1.02306,-1.44639 0.3175,-0.10583 1.23473,-0.45861 1.23473,-0.88195 0,-0.42333 -0.67028,-1.72861 -2.29306,-1.69333 -4.09223,0.10583 -13.264455,4.62139 -13.123343,9.03112 0.07055,1.83444 2.116668,4.16278 3.104446,4.16278 0.81139,0 3.069167,-1.83445 3.739447,-2.36362 z"
style="fill:#ffffff"
id="path417" />
<path
d="m 117.11012,136.70968 c 2.18722,0.24695 3.06917,-4.09222 3.06917,-4.1275 0,-1.02306 -1.23473,-1.02306 -1.72862,-1.12889 -2.01083,-0.42333 -3.56306,2.50473 -3.56306,3.77473 0,1.19944 1.27001,1.37583 2.22251,1.48166 z"
style="fill:#ffffff"
id="path419" />
<path
d="m 130.40987,127.67857 c 0.0353,0.67027 0.38805,1.55222 1.19944,1.55222 0.9525,0 3.73945,-2.71639 3.73945,-4.65667 0,-1.05833 -0.49389,-1.62278 -1.5875,-1.62278 -1.97556,0 -5.36223,1.905 -6.94973,3.10445 -2.29306,1.72861 -3.35139,2.82222 -3.35139,5.78556 0,2.61055 1.30528,5.15056 4.02167,5.15056 3.35139,0 7.3025,-3.49251 9.45445,-5.78556 l -0.42333,-1.37584 c -2.04612,1.5875 -5.11529,4.05695 -7.7964,4.05695 -1.83444,0 -2.68111,-1.09361 -2.68111,-1.905 0,-0.98778 0.635,-1.51695 1.41111,-2.08139 z"
style="fill:#ff0000"
id="path421" />
<path
d="m 150.27124,129.75996 c -1.09361,0.81139 -2.08139,2.15194 -3.63361,1.86972 0.67028,-1.37583 1.37583,-2.61056 1.37583,-4.16278 0,-1.05833 -0.21166,-1.79917 -1.27,-2.08139 0.38806,-0.21167 0.81139,-0.42333 0.81139,-0.9525 0,-0.9525 -1.16417,-1.30528 -1.94028,-1.27 -2.15194,0.10583 -4.69195,1.05833 -6.59695,2.61056 -1.97555,1.51694 -3.28083,3.28083 -3.21028,5.92667 0.14111,3.21028 1.83445,5.04472 3.66889,5.04472 2.22251,0 3.95112,-1.12889 5.43279,-2.64583 2.57527,0 4.1275,-0.84667 5.715,-2.85751 z m -6.49111,-2.75167 c 0.14111,0.0705 -1.51695,2.29306 -1.51695,4.1275 0,0.59972 0.17639,1.05834 0.42333,1.62278 -0.81139,0.74083 -1.55222,1.41111 -2.71639,1.41111 -0.88194,0 -1.55222,-0.3175 -1.55222,-1.34055 0,-1.09362 0.67028,-2.46945 1.44639,-3.24556 1.05833,-1.02306 2.71639,-1.86973 3.91584,-2.57528 z"
style="fill:#ff0000"
id="path423" />
<path
d="m 167.73376,129.26607 0.0706,0.0705 c -0.88195,1.44639 -2.61056,3.95112 -2.61056,5.71501 0,1.02305 0.74083,2.04611 1.79917,2.04611 1.97555,0 7.05556,-4.16278 8.71361,-5.46806 l -0.21166,-1.65806 c -4.33917,2.96334 -4.72723,2.96334 -5.46806,3.13973 -0.42334,0.10583 -0.88195,-0.45861 -0.84667,-0.88195 0.0353,-0.81139 0.24694,-1.37583 2.99861,-4.40972 0.38806,-0.42334 1.09361,-1.19945 1.09361,-1.79917 0,-0.49389 -0.38805,-1.02306 -0.635,-1.41111 -0.10583,-0.14111 -0.45861,-0.98778 -0.74083,-0.98778 -0.42333,0 -1.30528,0.70556 -1.65806,0.98778 l -7.83167,6.17361 -0.0705,-0.0705 c 0.77611,-1.37584 3.28083,-4.23334 3.28083,-5.78556 0,-0.91722 -0.49389,-1.62278 -1.44639,-1.62278 -2.29306,0 -8.5725,6.27945 -10.30112,8.07862 -0.10583,0.10583 -0.52916,0.56444 -0.70555,0.56444 -0.14111,0 -0.24695,-0.24694 -0.24695,-0.3175 0,-0.74083 0.635,-1.30528 1.02306,-1.83445 0.52917,-0.77611 1.30528,-1.41111 1.94028,-2.15194 0.42333,-0.49389 1.41111,-1.55222 1.41111,-2.25778 0,-0.74083 -1.05833,-0.74083 -1.5875,-0.81139 -2.11667,-0.28222 -5.85612,4.445 -5.89139,7.90223 0,1.27 0.49389,4.02167 2.18722,4.02167 0.635,0 1.12889,-0.52917 1.51695,-0.98778 1.65805,-2.04611 3.63361,-4.16278 5.46806,-6.10306 0.24694,-0.24695 1.02305,-1.09361 1.37583,-1.09361 0.14111,0 0.24694,0.10583 0.24694,0.24694 0,0.10583 -0.14111,0.38806 -0.21166,0.45861 -2.29306,3.49251 -3.13973,5.11528 -3.10445,6.13834 0.0353,0.84667 0.70556,1.48167 1.55222,1.48167 1.19945,0 2.46945,-1.44639 3.28084,-2.2225 z"
style="fill:#ff0000"
id="path425" />
</g>
<g
aria-label="fuchica e argalla"
id="text279"
style="font-size:11.4854px;line-height:1.25;font-family:Pacifico;-inkscape-font-specification:Pacifico;fill:#999999;stroke-width:0.287135">
<path
d="m 122.92729,134.13768 c -0.17229,-0.33308 -0.27565,-0.65467 -0.22971,-1.0222 0.0459,-0.37902 0.22971,-0.79249 0.52833,-1.29785 0.27565,0.10337 0.45941,0.11485 0.82694,0.0919 0.10337,0.86141 -0.41347,1.75727 -1.12556,2.22817 z m 3.31928,-6.90272 c 0.25267,-0.35605 0.59724,-1.16003 0.59724,-1.60796 0,-0.18377 -0.023,-0.50536 -0.27565,-0.50536 -0.58576,0 -2.06738,2.73353 -2.366,3.29631 -0.35604,0.65467 -0.72358,1.19448 -1.40121,1.56202 -0.33308,0.18376 -0.64319,0.3101 -0.64319,0.76952 0,0.28713 0.14931,0.45941 0.33308,0.65467 -0.31011,0.65466 -0.80398,1.56201 -0.80398,2.30856 0,0.37902 0.14931,1.44716 0.67764,1.36676 0.83843,-0.12634 2.44639,-1.38973 2.53827,-2.75649 0.0115,-0.20674 0.0345,-0.41348 -0.0115,-0.6317 0.56278,-0.27565 1.0222,-0.67764 1.48162,-1.09111 l -0.12634,-0.42496 -1.55053,0.96477 c -0.14931,-0.33307 -0.26417,-0.71209 -0.59724,-0.90734 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path491" />
<path
d="m 128.35987,130.1867 c -0.53981,0.48239 -1.17151,0.81547 -1.37824,0.81547 -0.0804,0 -0.0919,-0.11486 -0.0919,-0.17228 0,-0.48239 0.27565,-0.73507 0.6317,-0.98775 0.44793,-0.32159 0.51684,-0.42496 0.87289,-0.82695 0.12634,-0.10337 0.43644,-0.42496 0.45942,-0.60872 0.0459,-0.34457 -0.53982,-0.2412 -0.70061,-0.2412 -0.19526,0 -0.34457,0.023 -0.50536,0.12634 -0.73507,0.48239 -1.59647,1.63093 -1.59647,2.74501 0,0.49388 0.3101,1.13706 0.87289,1.13706 0.6317,0 1.40122,-1.03369 1.84915,-1.42419 l 0.023,0.023 c -0.11486,0.29862 -0.24119,0.62021 -0.24119,0.96477 0,0.40199 0.25267,0.75804 0.67763,0.75804 0.84992,0 2.06738,-1.32082 2.65313,-1.88361 l -0.0689,-0.49387 c -0.34456,0.27565 -1.33231,1.07963 -1.76875,1.07963 -0.18377,0 -0.28714,-0.0689 -0.28714,-0.25268 0,-0.51684 0.81547,-1.42419 1.183,-1.75727 0.18376,-0.16079 0.49387,-0.42496 0.4709,-0.70061 -0.0459,-0.59724 -0.17228,-0.63169 -0.26416,-0.63169 -0.28714,0 -1.41271,1.09111 -1.6539,1.30933 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path493" />
<path
d="m 133.95327,129.33678 c 0.0115,0.21823 0.12634,0.50536 0.3905,0.50536 0.31011,0 1.21746,-0.88437 1.21746,-1.51607 0,-0.34456 -0.1608,-0.52833 -0.51685,-0.52833 -0.64318,0 -1.74578,0.62021 -2.26262,1.01072 -0.74655,0.56278 -1.09111,0.91883 -1.09111,1.8836 0,0.84992 0.42496,1.67687 1.30933,1.67687 1.09112,0 2.37748,-1.13705 3.07809,-1.88361 l -0.13782,-0.44793 c -0.66616,0.51685 -1.66539,1.32082 -2.53828,1.32082 -0.59724,0 -0.87289,-0.35604 -0.87289,-0.62021 0,-0.32159 0.20674,-0.49387 0.45942,-0.67764 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path495" />
<path
d="m 136.57193,130.32453 c 0.73507,-0.72358 4.38743,-4.51376 4.38743,-5.29477 0,-0.22971 -0.31011,-0.31011 -0.49388,-0.31011 -0.3905,0 -2.67609,2.00995 -4.03137,4.2496 -0.40199,0.65467 -0.70061,1.20597 -0.70061,1.99846 0,0.26417 0.0574,1.16003 0.45942,1.16003 0.36753,0 0.9418,-1.21746 2.9058,-2.56125 l 0.023,0.023 c -0.41347,0.53982 -1.20596,1.41271 -1.20596,2.13629 0,0.3101 0.18376,0.60872 0.52832,0.60872 0.6317,0 2.02143,-1.12557 2.54976,-1.52755 l -0.0574,-0.47091 c -0.33308,0.21823 -1.17152,0.83844 -1.55053,0.83844 -0.13783,0 -0.25268,-0.0919 -0.25268,-0.2412 0,-0.11485 -0.0345,-0.14931 0.67764,-1.01071 0.13782,-0.1608 0.59724,-0.66615 0.59724,-0.88438 0,-0.26416 -0.27565,-0.5513 -0.5513,-0.5513 -0.6317,0 -2.72204,1.83767 -3.28483,2.2856 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path497" />
<path
d="m 144.06041,130.29007 c -0.45942,0.33308 -1.05666,0.94181 -1.66538,0.94181 -0.52833,0 -0.70061,-0.25268 -0.60873,-0.72358 0.48239,-0.33308 1.61944,-1.35528 1.61944,-1.92955 0,-0.25268 -0.31011,-0.32159 -0.50536,-0.32159 -0.68912,0 -2.1248,1.36676 -2.1248,2.76798 0,0.58575 0.31011,1.36676 0.98775,1.36676 0.87289,0 1.8836,-1.03369 2.40045,-1.66538 z m -0.53982,-2.26262 c 0.49388,0 0.91884,-0.56279 0.91884,-1.0222 0,-0.20674 -0.17228,-0.35605 -0.37902,-0.35605 -0.44793,0 -0.99923,0.41348 -0.99923,0.88438 0,0.27565 0.18377,0.49387 0.45941,0.49387 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path499" />
<path
d="m 146.346,129.33678 c 0.0115,0.21823 0.12634,0.50536 0.39051,0.50536 0.3101,0 1.21745,-0.88437 1.21745,-1.51607 0,-0.34456 -0.1608,-0.52833 -0.51685,-0.52833 -0.64318,0 -1.74578,0.62021 -2.26262,1.01072 -0.74655,0.56278 -1.09111,0.91883 -1.09111,1.8836 0,0.84992 0.42496,1.67687 1.30933,1.67687 1.09112,0 2.37748,-1.13705 3.07809,-1.88361 l -0.13782,-0.44793 c -0.66616,0.51685 -1.66539,1.32082 -2.53828,1.32082 -0.59724,0 -0.87289,-0.35604 -0.87289,-0.62021 0,-0.32159 0.20674,-0.49387 0.45942,-0.67764 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path501" />
<path
d="m 151.79007,129.03816 0.023,0.023 c -2.27411,2.29708 -2.63015,2.26263 -2.85986,2.30857 -0.17228,0.0345 -0.21822,-0.17228 -0.22971,-0.22971 0,-0.56278 0.33308,-1.26339 3.0666,-2.10183 z m -0.62021,1.55053 0.023,0.023 c -0.14931,0.31011 -0.42496,0.91884 -0.42496,1.28637 0,0.33308 0.17228,0.60872 0.5513,0.60872 0.56279,0 2.10183,-1.22893 2.5957,-1.79172 l -0.0919,-0.42496 c -0.49387,0.33308 -1.14854,0.91883 -1.63093,0.91883 -0.18377,0 -0.35605,-0.0804 -0.35605,-0.27565 0,-0.53981 0.99923,-1.34379 0.99923,-1.71132 0,-0.25268 -0.11485,-0.37902 -0.33307,-0.4709 0.10337,-0.0345 0.40199,-0.14931 0.40199,-0.28714 0,-0.13782 -0.21823,-0.56278 -0.74656,-0.5513 -1.3323,0.0345 -4.31851,1.50459 -4.27256,2.94027 0.023,0.59724 0.68912,1.35527 1.01071,1.35527 0.26417,0 0.99923,-0.59724 1.21745,-0.76952 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path503" />
<path
d="m 161.89722,130.07185 c -0.60873,0.48239 -1.5735,1.32082 -2.38896,1.32082 -0.36754,0 -0.74655,-0.14931 -0.7121,-0.58575 l 0.023,-0.25268 c 2.2052,-0.72358 2.76798,-1.5735 2.76798,-2.13629 0,-0.45941 -0.45941,-0.5513 -0.82694,-0.5513 -1.49311,-0.0115 -3.15849,1.52756 -3.11255,3.03215 0.023,0.75804 0.41348,1.50459 1.25191,1.50459 1.13706,0 2.40045,-1.07963 3.10106,-1.89509 z m -3.00917,-0.0804 c 0.3101,-0.75803 0.97625,-1.30933 1.55052,-1.45864 0.0804,-0.023 0.13783,0.0459 0.13783,0.12634 0.0115,0.19525 -0.67764,0.98774 -1.68835,1.3323 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path505" />
<path
d="m 169.29382,129.03816 0.023,0.023 c -2.2741,2.29708 -2.63015,2.26263 -2.85986,2.30857 -0.17228,0.0345 -0.21822,-0.17228 -0.22971,-0.22971 0,-0.56278 0.33308,-1.26339 3.0666,-2.10183 z m -0.62021,1.55053 0.023,0.023 c -0.14931,0.31011 -0.42496,0.91884 -0.42496,1.28637 0,0.33308 0.17228,0.60872 0.5513,0.60872 0.56279,0 2.10183,-1.22893 2.5957,-1.79172 l -0.0919,-0.42496 c -0.49387,0.33308 -1.14854,0.91883 -1.63093,0.91883 -0.18376,0 -0.35604,-0.0804 -0.35604,-0.27565 0,-0.53981 0.99922,-1.34379 0.99922,-1.71132 0,-0.25268 -0.11485,-0.37902 -0.33307,-0.4709 0.10337,-0.0345 0.40199,-0.14931 0.40199,-0.28714 0,-0.13782 -0.21823,-0.56278 -0.74655,-0.5513 -1.33231,0.0345 -4.31851,1.50459 -4.27257,2.94027 0.023,0.59724 0.68912,1.35527 1.01071,1.35527 0.26417,0 0.99923,-0.59724 1.21746,-0.76952 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path507" />
<path
d="m 173.33668,129.46312 0.023,0.023 c -0.45942,0.5513 -1.05666,1.16003 -1.05666,1.94104 0,0.43644 0.29862,0.88437 0.78101,0.88437 0.65467,0 1.97549,-1.27488 2.41193,-1.76875 l -0.0804,-0.42496 c -0.37902,0.28714 -1.1026,1.03369 -1.59647,1.03369 -0.17229,0 -0.35605,-0.13783 -0.35605,-0.32159 0,-0.45942 0.56278,-1.0222 0.89586,-1.30934 0.26416,-0.21822 0.48239,-0.3905 0.48239,-0.74655 -0.023,-0.20674 -0.10337,-0.3905 -0.27565,-0.60873 -0.11486,-0.13782 -0.74655,0 -1.82618,0.14931 0.0459,-0.10336 0.0804,-0.20673 0.0804,-0.32159 0,-0.10337 -0.0919,-0.19525 -0.20674,-0.19525 -0.27565,0 -1.44716,0.82695 -1.44716,1.6539 0,0.24119 0.0689,0.33307 0.3101,0.35605 -0.21822,0.3101 -0.45941,0.59724 -0.75803,0.83843 l 0.0459,0.50536 c 0.49387,-0.49387 0.97626,-0.7925 1.37825,-1.42419 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path509" />
<path
d="m 177.59776,132.12774 c -0.6317,0.45941 -2.37748,1.90657 -2.37748,2.73352 0,0.14931 0.10337,0.27565 0.26416,0.27565 0.44793,0 1.45865,-0.73506 2.66462,-2.65313 l 2.42342,-1.81469 -0.0574,-0.48239 -1.74578,1.25191 -0.023,-0.023 0.8614,-1.60795 c 0.0804,-0.14931 0.24119,-0.41348 0.24119,-0.58576 0,-0.19525 -0.20673,-0.58576 -0.43644,-0.58576 -0.18377,0 -0.32159,0.19526 -0.43645,0.3216 l -1.22893,1.35527 c -0.43645,0.4709 -1.13706,0.74655 -1.45865,0.7121 -0.10337,0 -0.17228,-0.023 -0.18377,-0.11486 -0.10336,-0.83843 0.74656,-1.16002 1.47014,-1.55052 l 1.30933,-0.7121 c 0.14931,-0.10337 0.37902,-0.26416 0.37902,-0.4709 0,-0.25268 -0.44793,-0.29862 -0.60873,-0.28714 -0.88437,0.0804 -3.38819,1.29785 -3.38819,2.80244 0,0.50536 0.21822,1.34379 0.86141,1.34379 0.63169,0 1.83766,-1.04517 2.25113,-1.50458 l 0.023,0.023 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path511" />
<path
d="m 183.97216,129.03816 0.023,0.023 c -2.27411,2.29708 -2.63016,2.26263 -2.85987,2.30857 -0.17228,0.0345 -0.21822,-0.17228 -0.22971,-0.22971 0,-0.56278 0.33308,-1.26339 3.0666,-2.10183 z m -0.62021,1.55053 0.023,0.023 c -0.14931,0.31011 -0.42496,0.91884 -0.42496,1.28637 0,0.33308 0.17228,0.60872 0.5513,0.60872 0.56279,0 2.10183,-1.22893 2.5957,-1.79172 l -0.0919,-0.42496 c -0.49387,0.33308 -1.14854,0.91883 -1.63093,0.91883 -0.18376,0 -0.35604,-0.0804 -0.35604,-0.27565 0,-0.53981 0.99923,-1.34379 0.99923,-1.71132 0,-0.25268 -0.11486,-0.37902 -0.33308,-0.4709 0.10337,-0.0345 0.40199,-0.14931 0.40199,-0.28714 0,-0.13782 -0.21822,-0.56278 -0.74655,-0.5513 -1.33231,0.0345 -4.31851,1.50459 -4.27257,2.94027 0.023,0.59724 0.68912,1.35527 1.01071,1.35527 0.26417,0 0.99923,-0.59724 1.21746,-0.76952 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path513" />
<path
d="m 187.26847,128.95777 c 0.53981,-1.183 1.19448,-2.21669 1.75726,-2.49234 -0.20673,0.65467 -0.91883,1.75727 -1.73429,2.51531 z m 2.23965,1.21745 c -0.45941,0.41347 -1.34379,1.14854 -1.97549,1.14854 -0.3101,0 -0.4709,-0.22971 -0.57427,-0.49387 -0.0574,-0.27565 -0.023,-0.59724 0.0804,-0.7925 2.49233,-2.41193 2.79095,-3.42265 2.87135,-4.51376 0.0115,-0.14931 -0.0345,-0.42496 -0.22971,-0.42496 -0.36753,0 -1.45864,1.06814 -2.46936,2.32005 -0.74655,0.91883 -1.26339,2.21668 -1.26339,3.42265 0,0.67764 0.18376,1.4931 1.0222,1.4931 0.98774,0 2.06737,-1.16002 2.69907,-1.81469 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path515" />
<path
d="m 190.71408,128.95777 c 0.53982,-1.183 1.19448,-2.21669 1.75727,-2.49234 -0.20674,0.65467 -0.91883,1.75727 -1.7343,2.51531 z m 2.23966,1.21745 c -0.45942,0.41347 -1.3438,1.14854 -1.97549,1.14854 -0.31011,0 -0.47091,-0.22971 -0.57427,-0.49387 -0.0574,-0.27565 -0.023,-0.59724 0.0804,-0.7925 2.49234,-2.41193 2.79096,-3.42265 2.87135,-4.51376 0.0115,-0.14931 -0.0344,-0.42496 -0.2297,-0.42496 -0.36754,0 -1.45865,1.06814 -2.46936,2.32005 -0.74656,0.91883 -1.2634,2.21668 -1.2634,3.42265 0,0.67764 0.18377,1.4931 1.0222,1.4931 0.98775,0 2.06737,-1.16002 2.69907,-1.81469 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path517" />
<path
d="m 196.45677,129.03816 0.023,0.023 c -2.27411,2.29708 -2.63015,2.26263 -2.85986,2.30857 -0.17228,0.0345 -0.21822,-0.17228 -0.22971,-0.22971 0,-0.56278 0.33308,-1.26339 3.0666,-2.10183 z m -0.62021,1.55053 0.023,0.023 c -0.14931,0.31011 -0.42496,0.91884 -0.42496,1.28637 0,0.33308 0.17228,0.60872 0.5513,0.60872 0.56279,0 2.10183,-1.22893 2.5957,-1.79172 l -0.0919,-0.42496 c -0.49387,0.33308 -1.14854,0.91883 -1.63093,0.91883 -0.18377,0 -0.35605,-0.0804 -0.35605,-0.27565 0,-0.53981 0.99923,-1.34379 0.99923,-1.71132 0,-0.25268 -0.11485,-0.37902 -0.33307,-0.4709 0.10337,-0.0345 0.40199,-0.14931 0.40199,-0.28714 0,-0.13782 -0.21823,-0.56278 -0.74656,-0.5513 -1.3323,0.0345 -4.31851,1.50459 -4.27256,2.94027 0.023,0.59724 0.68912,1.35527 1.01071,1.35527 0.26417,0 0.99923,-0.59724 1.21745,-0.76952 z"
style="font-family:'Brush Script Std';-inkscape-font-specification:'Brush Script Std'"
id="path519" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

91
Recursos/Bloques Web/tables.html Normal file
View File

@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tables</title>
<link rel="stylesheet" href="./css/tables.css">
</head>
<body>
<table class="table_base">
<thead>
<tr>
<th>Nombre</th>
<th>Apellido</th>
<th>Edad</th>
</tr>
</thead>
<tbody>
<tr>
<td>Juan</td>
<td>Pérez</td>
<td>25</td>
</tr>
<tr>
<td>Maria</td>
<td>Gómez</td>
<td>30</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">Total</td>
<td>55</td>
</tr>
</tfoot>
</table>
<table class="colrowspan">
<tbody>
<tr>
<td colspan="2" rowspan="2" style="background-color: lightseagreen;">Celda 1 <br> colspan rowspan</td>
<td>Celda 3</td>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
<tr>
<td>Celda 3</td>
<td rowspan="3" style="background-color: grey;">Celda 4 <br> Rowspan</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
<td>Celda 4</td>
<td colspan="2" style="background-color: peru;">Celda 5 <br> Colspan</td>
</tr>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</tbody>
</table>
</body>
</html>