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

Dia 4

Browse Source
This commit is contained in:
Marklogo 2023-11-23 13:42:43 +01:00
parent 0ed90ace18
commit ed3b23c5ef
23 changed files with 168 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
Practicas/Practicas HTML/Practica 5/Etiqueta IMG.txt Normal file
View File

@ -0,0 +1,15 @@
Etiqueta IMG
<img src="images/dinosaur.jpg"
alt="Imagen de un delfín salvaje"
width="400"
height="341"
title="La vida del delfín">
Ruta local
<img src="imagenes/pinguino.jpg">
Ruta externa (internet)
<img src="https://www.ciclismoafondo.es/uploads/s1/18/95/31/0/imagegallery-7405-57a66e3b67a3e_1_1000x575.jpeg">

62
Practicas/Practicas HTML/Practica 5/Practica 5b.html Normal file
View File

@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 style="color: gray;">Los delfines</h1>
<hr style="width: 70%; height: 3px; margin-left: 0pt; background-color:white; border-color: black;">
<h2 style="color: blue;">Capítulo 1 <br>
Mamíferos cetáceos</h2>
<hr style="background-color:blue; height: 2px;">
<h3 style="color: green;">Taxonomía</h3>
<hr style="height: 1px; width: 40%; margin-left:0px; background-color: green;">
<p>Los <span style="color:blue; font-weight: 600;">delfines</span> son un tipo de mamíferos <span
style="color:green; font-weight: 600;">cetáceos</span> pertenecientes a la familia Delphinidae. Pueden vivir
más de 30 años en cautividad y tienen una longitud de 3,5 metros aproximadamente. En la naturaleza, estos
nadadores elegantes pueden alcanzar velocidades de más de 30 kilómetros por hora. Durante sus desplazamientos surgen a menudo a la superficie del mar para respirar, haciéndolo una media de dos o tres veces por minuto.</p>
<img src="https://img2.rtve.es/i/?w=1600&i=1626260096338.jpg" alt="Un delfin" width="70%">
<p>Viajan en grupos sociales y se comunican entre sí por un complejo sistema de chirridos y silbidos que del mismo
modo les sirve para ecolocalizar a sus presas. Pueden producir hasta 1.000 "ruidos de clic" por segundo. Estos
sonidos viajan bajo el agua hasta que encuentran objetos, luego regresan a sus remitentes de <span
style="color:blue; font-weight: 600;">delfines</span> ,
revelando la ubicación, tamaño
y forma de su objetivo.
</p>
<h3 style="color: green;">Los secretos de los cetáceos</h3>
<hr style="height: 1px; width: 40%; margin-left:0px; background-color: green;">
<p>Cerca de 2.000 belugas retozan cada verano en aguas de la isla Somerset, en el Ártico canadiense, dando de mamar
a sus crías, conversando con chillidos y silbidos, y nadando en redes mudables de congéneres y familiares.</p>
<img src="https://png.pngtree.com/background/20230528/original/pngtree-large-white-dolphin-swimming-picture-image_2779023.jpg" alt="Un delfin" width="70%">
<p>Los científicos sospechan que muchas especies de <span style="color:green; font-weight: 600;">cetáceos</span>
comparten tradiciones culturales, de manera muy similar a como hacemos los seres humanos.</p>
<h2 style="color: blue;">Capítulo 2 <br>
Delfines del río Amazonas</h2>
<hr style="background-color:blue; height: 2px;">
<h3 style="color: green;">Introducción</h3>
<hr style="height: 1px; width: 40%; margin-left:0px; background-color: green;">
<p>Rastreando a sus presas en la profundidad del <span style="color:red; font-weight: 600;">bosque</span> , los
<span style="color:blue; font-weight: 600;">delfines</span> de río sacan el máximo partido de la prodigiosa
inundación anual de la Amazonia
</p>
<img src="https://imagenes.elpais.com/resizer/mQSZiJWY4fKcsnfWsmqsnksTOLM=/414x0/cloudfront-eu-central-1.images.arcpublishing.com/prisa/PZ6QYBXUCBKT3ADTJ6TUKHTFLA.jpg"
alt="Un delfin" width="40%">
<h3 style="color: green;">Una enorme agilidad</h3>
<hr style="height: 1px; width: 40%; margin-left:0px; background-color: green;">
<p>En una exuberante demostración de fuerza muscular y agilidad, un boto emerge de las aguas del <span
style="color:red; font-weight: 600;">bosque</span> inundado.
</p>
<img src="data:image/jpeg;base64,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"
alt="un delfin" width="40%">
<hr>
</body>
</html>

17
Practicas/Practicas HTML/Practica 5/Practica 5c.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Practica 5c</title>
</head>
<body style=" background-image:url(./imagenes/agua.jpg); background-repeat: no-repeat; background-size: cover; ">
<h3 style="color:white;">El Rey Leon</h3>
<img src="./imagenes/leon.jpg" alt="un Leon" width="350px">
<img src="./imagenes/leon.jpg" alt="un Leon" width="350px">
<h3 style="color:white">El Rey del Ártico</h3>
<img style="margin: auto; display: block;" src="./imagenes/pinguino.jpg" alt="unos pinguinos" width="450px">
<h3 style="color:white;">El Rey del oceano</h3>
<img src="https://aquaworld.com.mx/uploads/0000/1/2023/06/15/15-hechos-curiosos-sobre-delfines-1100x619.jpg" alt="un delfin" height="200px">
</body>
</html>

BIN
Practicas/Practicas HTML/Practica 5/imagenes/agua.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 202 KiB

BIN
Practicas/Practicas HTML/Practica 5/imagenes/bosque.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

BIN
Practicas/Practicas HTML/Practica 5/imagenes/leon.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
Practicas/Practicas HTML/Practica 5/imagenes/pinguino.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

31
Practicas/Practicas HTML/Practica 5/practica 5.html Normal file
View File

@ -0,0 +1,31 @@
<html>
<head>
<title>Fondo de prueba</title>
</head>
<body
style="background-color: rgb(255, 255, 255); background-image:url(./imagenes/pinguino.jpg); background-repeat: no-repeat; background-position: center 0%">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aut corrupti excepturi quae, itaque asperiores iusto
fugiat obcaecati nulla harum praesentium quaerat dolores. Consequatur necessitatibus exercitationem magni
consectetur nemo aperiam temporibus.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aut corrupti excepturi quae, itaque asperiores iusto
fugiat obcaecati nulla harum praesentium quaerat dolores. Consequatur necessitatibus exercitationem magni
consectetur nemo aperiam temporibus.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aut corrupti excepturi quae, itaque asperiores iusto
fugiat obcaecati nulla harum praesentium quaerat dolores. Consequatur necessitatibus exercitationem magni
consectetur nemo aperiam temporibus.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aut corrupti excepturi quae, itaque asperiores iusto
fugiat obcaecati nulla harum praesentium quaerat dolores. Consequatur necessitatibus exercitationem magni
consectetur nemo aperiam temporibus.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aut corrupti excepturi quae, itaque asperiores iusto
fugiat obcaecati nulla harum praesentium quaerat dolores. Consequatur necessitatibus exercitationem magni
consectetur nemo aperiam temporibus.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aut corrupti excepturi quae, itaque asperiores iusto
fugiat obcaecati nulla harum praesentium quaerat dolores. Consequatur necessitatibus exercitationem magni
consectetur nemo aperiam temporibus.</p>
<br>
<br>
</body>
</html>

21
Practicas/Practicas HTML/Practica 6/Enlaces.txt Normal file
View File

@ -0,0 +1,21 @@
Etiqueta de enlaces
<a> </a>
Ejemplo
<a href="https://www.google.es"> Enlace </a>
Propiedad target:
- Target="_blank" abre el enlace en una nueva pestaña o ventana del navegador
- Target="_self" es la opción por defecto, mostrando el contenido del link en la misma ventana
Enlace en una imagen
<a title="La Rosa" href="https://es.wikipedia.org/wiki/Rosa"><img src="rosa.jpg" alt="La rosa" ></a>

BIN
Practicas/Practicas HTML/Practica 6/imagenes/clavel.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
Practicas/Practicas HTML/Practica 6/imagenes/coco.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

BIN
Practicas/Practicas HTML/Practica 6/imagenes/delfin_cazando.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
Practicas/Practicas HTML/Practica 6/imagenes/geranio.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Practicas/Practicas HTML/Practica 6/imagenes/gladiolo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
Practicas/Practicas HTML/Practica 6/imagenes/jacinto.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
Practicas/Practicas HTML/Practica 6/imagenes/manada.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

BIN
Practicas/Practicas HTML/Practica 6/imagenes/margarita.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
Practicas/Practicas HTML/Practica 6/imagenes/orquidea.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Practicas/Practicas HTML/Practica 6/imagenes/petunia.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
Practicas/Practicas HTML/Practica 6/imagenes/pinguino.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

BIN
Practicas/Practicas HTML/Practica 6/imagenes/rosa.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
Practicas/Practicas HTML/Practica 6/imagenes/tulipan.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.5 KiB

22
Practicas/Practicas HTML/Practica 6/practica 6.html Normal file
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a style="display: block;" title="Clavel" href="https://es.wikipedia.org/wiki/Clavel" target="_blank">Clavel</a>
<a style="display: block;" title="Clavel" href="https://es.wikipedia.org/wiki/Clavel" target="_blank">
<img src="./imagenes/clavel.jpg" alt="Un Clavel">
</a>
<a style="display: block;" title="Geranio" href="https://es.wikipedia.org/wiki/Geranio" target="_blank">Geranio</a>
<a style="display: block;" title="Geranio" href="https://es.wikipedia.org/wiki/Geranio" target="_blank">
<img src="./imagenes/geranio.jpg" alt="Un Geranio">
</a>
</body>
</html>