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

Dia 2

Browse Source
This commit is contained in:
Marklogo 2023-11-21 13:47:14 +01:00
parent 2f1043f0c7
commit 8237eee622
9 changed files with 209 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
Practicas/Practicas HTML/Practica 1/Practica 1b.html Normal file
View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<title>Practica 1b</title>
</head>
<body>
<p>esta es la pagina que creamos y es muy sencilla</p>
<p style="font-size: 60px; color: red;">Este texto está en otra línea, es rojo y tiene un tamaño 60px</p>
</body>
</html>

15
Practicas/Practicas HTML/Practica 1/Practica 1c.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<title>Practica 1c</title>
</head>
<body>
<!--etiquetas que forman el cuerpo-->
<p style="color:blue;">El cielo esta enladrillado <br>
quien los desenladrillará <br> el desenladrillador que lo desenladrille <br> buen desenladrillador sera </p>
<p style="color:red">No por mucho madrugar <br> amanece mas temprano</p>
</body>
</html>

0
Practicas/Practicas HTML/Practica 1/Practica 1d.html Normal file
View File

17
Practicas/Practicas HTML/Practica 2/Practica 2b.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 2c</title>
</head>
<body>
<h1 style="color: red;">La rebelion de las máquinas</h1>
<h2 style="color:blue" >Capitulo 1</h2>
<p style="color:green">Introduccion</p>
<p>Joe era un niño escurridizo, se habia escapado del reformatorio con 11 años</p>
<p style="color:green">Desenlace</p>
<p>A pesar de su insistencia nunca pudo volver a...</p>
<h2 style="color:blue" >Capitulo 2</h2>
</body>
</html>

20
Practicas/Practicas HTML/Practica 2/Practica 2c.html Normal file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Practica 2c</title>
</head>
<body>
<h1 style="color: red;">La rebelion de las máquinas</h1>
<h2 style="color:blue">Capitulo 1</h2>
<h3 style="color:green">Introduccion</h3>
<p>Joe era un niño escurridizo, se habia escapado del reformatorio con 11 años</p>
<h3 style=" color:green">Desenlace</h3>
<p>A pesar de su insistencia nunca pudo volver a...</p>
<h2 style=" color:blue">Capitulo 2</h2>
</body>
</html>

26
Practicas/Practicas HTML/Practica 2/practica 2.html Normal file
View File

@ -0,0 +1,26 @@
<html>
<head>
<title>Ejercicio sobre tama&ntilde;os y formatos</title>
</head>
<body>
<p style="font-size: 40px;">Esto está a un tamaño de 40px</p>
<p style="font-size: small;">Esto está a un tamaño small</p>
<p style="font-size: medium;">Esto está a un tamaño medium</p>
<p style="font-size: large;">Esto está a un tamaño large</p>
<p style="font-size: xx-large;">Esto está a un tamaño xx-large</p>
<p style="font-size: xx-small;">Esto está a un tamaño xx-small</p>
<p style="font-size: 2%;">Esto está a un tamaño 2%</p>
<p style="font-size: 20%;">Esto está a un tamaño 20%</p>
<p style="font-size: 80%;">Esto está a un tamaño 80%</p>
<p style="font-size: 200%;">Esto está a un tamaño 200%</p>
<p style="font-size: 300%;">Esto está a un tamaño 300%</p>
<h2>Pruebas de formatos</h2>
Esto es normal
<sub>y esto es subíndice: sub </sub><br>
Esto es normal <sup>y esto es superíndice: sup </sup><br>
<br>
</body>
</html>

62
Practicas/Practicas HTML/Practica 3/Practica 2d_04.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:rgb(212, 210, 210); 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ómetrospor 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>
<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>
<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>
<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>
<hr>
</body>
</html>

28
Practicas/Practicas HTML/Practica 3/Practica 3.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejemplos de lineas horizontales</title>
</head>
<body>
<p>Línea estándar:</p>
<hr>
<p>Línea de grosor 5px, que ocupa el 50% de la ventana:</p>
<hr size="5" width="50%">
<p>Línea de grosor 25px y 50 px de ancho:</p>
<hr size="25" width="50">
<p>Línea de grosor 10px, que ocupa el 75% de la ventana,color azul
y alineada a la izquierda:</p>
<hr style="width: 75%; height: 10px; background-color: rgb(0, 0, 255); margin-left: 0pt;">
<p>Línea de grosor 50px, que ocupa el 60% de la ventana, color rojo ,
con borde 10px verde y alineada a la derecha:</p>
<hr style="border-width: 10px; width: 60%; height: 50px; border-color: rgb(0, 255, 0);
background-color: rgb(255, 0, 0); margin-right: 0pt;">
</body>
</html>

31
Practicas/Practicas HTML/Practica 3/Practica 3b.html Normal file
View File

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejemplos de lineas horizontales</title>
</head>
<body>
<p>Línea estándar:</p>
<hr>
<p>Línea de grosor 10px, que ocupa el 70% de la ventana:</p>
<hr size="10" width="70%">
<p>Línea de grosor 45px y 80 px de ancho:</p>
<hr size="45" width="80">
<p>Línea de grosor 10px, que ocupa el 55% de la ventana,color rojo
y alineada a la izquierda:</p>
<hr style="width: 55%; height: 10px; background-color: rgb(255, 0, 0); margin-left: 0pt;">
<p>Línea de grosor 60px, que ocupa el 40% de la ventana, color naranja,
con borde 5px verde y alineada a la derecha:</p>
<hr style="border-width: 5px; width: 40%; height: 60px; border-color: blue;
background-color: orange; margin-right: 0pt;">
</body>
</html>