ACTIVIDAD 2 INFORMATICA - ONCE

1. Copiar el siguiente contenido

Imagenes en HTML

Para poner una imagen simple en una página web, utilizamos el elemento <img>. El atributo src contiene una ruta que apunta a la imagen que quieres poner en la página, que puede ser una URL relativa o absoluta. Por ejemplo, si tu imagen se llama dinosaur.jpg, y está en el mismo directorio que tu página HTML, deberás incrustar la imagen de la siguiente manera:

<img src="dinosaur.jpg">

Puedes incrustar la imagen usando la URL absoluta, por ejemplo:

<img src="https://www.example.com/images/dinosaur.jpg">

También puedes usar texto alternativo con el atributo alt. Su valor debe ser una descripción textual de la imagen para usarla en situaciones en que la imagen no puede ser vista/mostrada o tarde demasiado en mostrarse por una conexión lenta a internet. 

<img src="dinosaur.jpg" alt="imagen de dinosaurio"> 

 Para dimensionar la imagen en ancho y alto, usamos los atributos width y height con valores en pixeles.

<img src="dinosaur.jpg" alt="imagen de dinosaurio" width="400" height="453">

Listas HTML

Las listas en HTML nos permite crear conjuntos de elementos en forma de lista dentro de una página, todos los cuales irán precedidos, generalmente, por un guión o número.

Los tipos de listas en HTML son los siguientes:

• Listas ordenadas
• Listas desordenadas
• Listas de definiciones

Listas Ordenadas

Las listas en HTML ordenadas son aquellas que nos muestran los elementos de la lista en orden.
Un ejemplo de lista ordenada sería el siguiente:

<ol>
  <li>Julio</li>
  <li>Carmen</li>
  <li>Ignacio</li>
  <li>Elena</li>
</ol>

Que produciría el siguiente efecto:

1. Julio
2. Carmen
3. Ignacio
4. Elena

Entre los tipos de listas que podemos representar tenemos:

1 - Listas decimales
a - Listas alfabéticas en minúsculas
A - Listas alfabéticas en mayúsculas
i - Listas de números romanos en minúsculas
I - Listas de números romanos en mayúsculas

Los valores indicados al principio son los que le podemos asignar al atributo type de la lista ordenada en HTML.

<ol type="tipo"> ... </ol>



Listas Desordenadas

Las listas desordenadas en HTML nos sirven para mostrar los elementos sin ningún tipo de orden, simplemente precedidos por una viñeta que puede ser un punto, un cuadrado,…
Para definir una lista desordenada en HTML utilizamos el elemento ul.

Podríamos tener el siguiente código HTML:

<ul>
  <li>FC. Barcelona</li>
  <li>Real Madrid</li>
  <li>Real Betis</li>
  <li>Atlético de Madrid</li>
</ul>

Lo que nos mostrará por pantalla:

• FC. Barcelona
• Real Madrid
• Real Betis
• Atlético de Madrid

Listas de Definiciones

Las listas en HTML de definiciones en HTML nos sirven para montar listas en las que tenemos la estructura valor y definición. Suelen ser listas para definir términos, como si fuese un diccionario, si bien pueden ser cualquier par valor-definición. Las listas en HTML de definiciones en HTML se construyen mediante el elemento dl.

Si queremos crear una lista en HTML con definiciones de palabras, podemos escribir lo siguiente:

<dl>
  <dt>Pizpireta</dt>
  <dd>Dicho de una mujer: Viva, pronta y aguda.</dd>
  <dt>Pulular</dt>
  <dd>Dicho de las personas, animales o cosas: Abundar y bullir en un lugar.</dd>
  <dt>Concupiscencia</dt>
  <dd>En la moral católica, deseo de bienes terrenos y, en especial, apetito desordenado de placeres deshonestos.</dd>
</dl>

2. NOTA : Para obtener valor de nota conceptual(SABER), se evaluará la única pagina web enviada a mi correo electrónico.

ELABORO : DIEGO FONSECA - DOCENTE DE INFORMATICA Y TECNOLOGIA