TERCERO

 1. Utilizar el siguiente código para crear las páginas web.

2. Guarda el archivo como "listas.html".

<html>

<head></head>

<title> Numeración y viñetas </title>

<body>

<center><h1> ¿Qué es la flora? </center></h1>

<p>Ya hemos explicado que Flora es la diosa romana de la primavera, las flores y los jardines,

¿Pero qué significa flora en la actualidad? A nivel de botánica, el significado de flora es todas las plantas, árboles, arbustos y otros vegetales que encontramos en una zona geográfica concreta, ya sea una montaña, una sierra, una región, una península o un continente entero.</p>

<center><h1> ¿Qué es la fauna? </center></h1>

<p>La fauna es el conjunto de animales que viven en una zona geográfica concreta, que habitaban o habitan en un periodo concreto o que forman parte de un determinado ecosistema. La ciencia que estudia la distribución geográfica de los animales (la fauna) es la zoogeografía y, dentro de este campo, se estudia como los factores como

el agua, la temperatura o la fauna contribuyen a la distribución de los animales, ya que estos tienen una gran sensibilidad a los cambios en su hábitat. </p>

<center><h1> Numeración y viñetas </center></h1>

ANIMALES

<ul>

<li>Gato</li>

<li>Perro</li>

<li>Tortuga</li>

<li>Girafa</li>

</ul>

FRUTAS

<ol>

<li>Uva</li>

<li>Pera</li>

<li>Naranja</li>

<li>Limón</li>

</ol>

</body>

</html>

3.  Ejemplificar la estructura de una página web con etiquetas de vínculos y tablas (utiliza el siguiente código y guarda el archivo como enlaces.html).

<html>

<head></head>

<title> Enlances </title>

<body>

<center><h1> ¿Qué son los enlaces en HTML? </center></h1>

<p>Lo más importante de los documentos HTML son los enlaces. Ya que mediante los enlaces en HTML podemos comunicar una página con otra. De esta forma, enlazando documentos HTML podemos acabar tejiendo lo que es Internet. </p>

<center><h1> A modo de ejemplo podríamos tener los siguientes enlaces: </center></h1>

<a href="documento.html">Enlace a un documento</a>

<br>

<a href="documento.html#resumen">

Enlace a una parte de un documento</a>

<br>

<a href="http://www.manualweb.net">Enlace a una web</a>

<br>

<a href="http://www.manualweb.net/tutorial-html/">Enlace a un directorio</a>

<br>

<a href="miimagen.png">Enlace a una imagen</a>

<br>

<a href="mimusica.mp3">Enlace a un archivo de sonido</a>

<br>

<br>

<center><h2> Ejemplos de tablas</center></h2>

<br>

<TABLE BORDER>

<TR>

<TD>A</TD> <TD>B</TD> <TD>C</TD>

</TR>

<TR>

<TD>D</TD> <TD>E</TD> <TD>F</TD>

</TR>

</TABLE>


<center><h2>Fondos de colores o gráficos en las tablas</center></h2>

<TABLE BORDER>

<TR><TD BGCOLOR="RED">Texto ROJO</TD>

<TD BGCOLOR="green">Texto VERDE</TD>

</TR>

<TR><TD BGCOLOR="blue">Texto AZUL</TD>

<TD BGCOLOR="YELLOW">Texto

AMARILLO</TD>

</TR>

</TABLE>

<br>

<center><h2>Bordes de colores en las tablas</center></h2>

<br>

<TABLE BORDER=2 bordercolor="red" >

<TR><TD> Ejemplo de bordes</TD><TD> de color rojo </TD></TR>

<TR><TD> Ejemplo de bordes</TD><TD> de color rojo </TD></TR>

</TABLE>

</body>

4.  Ejemplificar la estructura de una página web con etiquetas  de división. Utiliza el siguiente código y al final guarda el archivo como "final.html".


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>PÁGINA CON DIV</title>

</head>

<body>


<div  style="text-align: center; font-size: 20px; border: 1px solid red;">

<h1>Planetas interiores y exteriores del sistema solar: características y diferencias</h1>

<h2>Mi web</h2>

</div>



<div style="border: 1px solid green;">

<h1>Meú<hr></h1>
<ol>
<li><a href="#cuerpo2">Planetas interiores: características y ejemplos</a></li>
<li><a href="#cuerpo1">Planetas exteriores: características y ejemplos</a></li>
</ol>

</div>
<section id="cuerpo1">
<div style="border: 1px solid green;">

<P>Los planetas exteriores son aquellos que se encuentran más alejados del Sol, están situados más allá del cinturón de asteroides. Los planetas exteriores también se conocen como planetas gigantes, ya que son más grandes. Por otro lado, sus atmósferas suelen ser mucho más densas que las de los planetas interiores. Debido al hecho de que su composición es de gas, también se conocen como planetas gaseosos. A continuación te explicamos cuáles son los planetas exteriores:</P>

<img src="https://informaticacreativa.com.mx/wp-content/uploads/2023/02/pexteriores.png" width="30%" height="80%">

<br>

<H3>Ejemplos de planetas exteriores</H3>
<P>Júpiter: es el más cercano al Sol de los planetas exteriores, además, se trata del planeta más grande del Sistema Solar, de hecho, su materia es mayor que la del resto de planetas junto. Cuenta con 17 satélites y un sistema de anillos que desde la Tierra resulta invisible.</P>
<P>Saturno: es el segundo mayor planeta del Sistema Solar, además, es el único con anillos que se pueden observar desde nuestro planeta. Cuenta con más de 25 satélites, por ejemplo Titán, el único satélite de nuestro sistema que tiene una atmósfera remarcable.</P>
<P>Urano: con una superficie azul tenue debido a la alta cantidad de metano, Urano es el único planeta que rota de lado, es decir, que da vueltas en su propia órbita.</P>
<P>Neptuno: es el planeta más alejado del Sol en todo el sistema. Su superficie está asolada por vientos muy fuertes y cuenta con 13 satélites, siendo Tritón el más grande de ellos. También tiene anillos, no obstante, desde la Tierra son muy difíciles de distinguir. </P>

<section id="cuerpo2">
<H1>Planetas interiores: características y ejemplos</H1>

<img src="https://informaticacreativa.com.mx/wp-content/uploads/2023/02/pexteriores.png" width="30%" hhttps://informaticacreativa.com.mx/wp-content/uploads/2023/02/pexteriores.pngeight="80%">
<P>Los planetas interiores son aquellos que se encuentran más cerca del Sol. Pero, ¿por qué los llamamos interiores y exteriores?, ¿qué marca la línea de lo que está dentro y de lo que está fuera? La realidad es que la línea que marca los planetas interiores de los exteriores es el cinturón de asteroides, una especie de anillo formado por multitud de objetos astronómicos, la mayoría asteroides. A continuación te explicamos cuáles son los planetas interiores.</P>

<H3>Ejemplos de planetas interiores</H3>
<P>Mercurio: se trata del planeta inferior más pequeño, también del que está más cerca del Sol. Es por eso que las temperaturas son muy elevadas, lo que imposibilite que hay atmósfera. Por la misma razón podemos descartar que pueda llegar a albergar vida.</P>

<P>Venus: más allá del Sol y la Luna, Venus es el planeta qué más brilla en nuestro cielo. A pesar de que no sea el planeta que orbita más cerca del sol, es Mercurio, Venus es el planeta más caliente, con una superficie completamente cubierta por lava. En ese planeta hay una gran actividad volcánica, lo que ha creado una atmósfera muy densa que imposibilita observar directamente el planeta.</P>

<P>Tierra: es el único planeta que actualmente reúne todas las características para que pueda haber vida. La Tierra tiene una atmósfera compuesta por nitrógeno y oxígeno, masas de agua enormes y una gran variación climática que favorece que haya vida.</P>

<P>Marte: tiene una atmósfera casi imperceptible, lo que provoca que no pueda retener la radiación solar y que haya variaciones de temperatura de más de 100ºC. Como curiosidad, en Marte encontramos el volcán más alto del Sistema Solar, Olympus, que tiene más de 25 kilómetros de altura.</P>
</div>

<section id="pie">

<div style="border: 1px solid blue;">

<h4>BY. ATHEN BORGARD</h4>

</div>


</body>

</html>


Comentarios

Anónimo dijo…
Me sirvio para Aprender a como poner un Enlace y que me lleve a mi pagina web, estó porque en el Proyecto final LO haremos. El punto de mi comentario Es que es muy Util Para moverme entre elaces y paginas que yo cree.

Me parece muy interesante y util cuando se necesitre entrar a más paginas en una misma y así.

Gracias.
Anónimo dijo…
Es algo nuevo y los códigos ya escritos ayudan a reforzar lo visto en clase creo que es muy útil y interesante