lunes, 25 de marzo de 2024

En un día como hoy 25 de marzo del año...

 1807: El Parlamento Británico prohíbe el comercio de esclavos en todo el Imperio Británico, convirtiéndose en el primer país en hacerlo.

 En 1807, el Parlamento Británico aprobó una ley conocida como "Acta para la abolición del comercio de esclavos". Esta ley prohibió el comercio de esclavos en todo el Imperio Británico y se convirtió en un hito en la lucha contra la esclavitud.

Antes de esta ley, Gran Bretaña había estado involucrada en el comercio de esclavos durante más de dos siglos. Los barcos británicos se dirigían a África para capturar a personas y llevarlas a América para trabajar en plantaciones y minas. Muchas personas esclavizadas murieron en tránsito debido a las condiciones inhumanas a bordo de los barcos. Los que sobrevivieron a menudo enfrentaron una vida de sufrimiento y abuso en las colonias británicas.

La presión para poner fin al comercio de esclavos se había estado acumulando durante años, y finalmente, el gobierno británico tomó medidas enérgicas. La ley prohibía la compra o venta de esclavos en cualquier parte del Imperio Británico, así como la participación en el transporte de esclavos en barcos británicos.

Aunque la ley no puso fin a la esclavitud en sí misma, sí representó un importante paso adelante en la lucha contra ella. Además, la ley estableció un precedente para otros países para que siguieran su ejemplo. Poco a poco, otros países europeos también abolieron el comercio de esclavos.

Espero que esto haya sido útil para ti. Si tienes alguna otra pregunta, no dudes en preguntar.

sábado, 23 de marzo de 2024

En un día como hoy 23 de marzo del año...

 En un día como hoy del año 2015, un avión de Germanwings se estrelló en los Alpes franceses, matando a las 150 personas a bordo.

La investigación posterior reveló que el copiloto había deliberadamente estrellado el avión.

 

El Pais:  Mueren 150 personas al estrellarse un avión alemán en Los Alpes

 

 

 ----------------------------------------------------------------------------------

Coleccionas sellos? visita esta web https://www.sooluciones.com

sábado, 27 de mayo de 2023

76.- HTML - Tablas - Líneas y bordes interiores.

Así como hemos visto que podemos indicar donde ubicar los bordes exteriores, también podemos especificar las líneas de división interna en una tabla.

Para esto utilizamos el atributo "rules". Con este atributo podemos especificar las líneas de división entre las celdas. 

Los valores posibles son los siguientes:

all: Muestra líneas de división entre todas las filas y columnas
none: No muestra ninguna línea de división. Este es el valor por defecto
groups: Esta opción solo mostrara líneas entre grupos de filas y grupos de columnas. Ya veremos después cómo definir grupos
rows: Sólo mostrará líneas de división entre filas
cols: Sólo mostrará líneas de división entre columnas

Es posible que estos atributos no se muestren correctamente en algunos navegadores. En este caso he utilizado para este ejemplo el Google Chrome.

Código de Ejemplo de una tabla con borde 2 y rules = all (solo los bordes horizontales):

<html>
  <head>
    <title>Tabla - con encabezado</title>
  </head>
  <body>
    rules = all
    <table border="1" rules=all>
      <tr>
         <th>Nombre</th
         <th>Telefono</th>
      </tr>
      <tr>
         <td>Riqueza</td>
         <td>1 000 000</td>
      </tr>
      <tr>
         <td>Salud</td>
         <td>888 555 444</td>
      </tr>
      <tr>
         <td>Abundancia</td>
         <td>99 99 99 99</td>
      </tr>
   </table>
  </body>
</html>

Aquí imágenes de como se vería en el navegador para los diferentes valores de "rules":
image image
image image
image
Para obtener estos resultados solo debemos cambiar el valor de "rules" en el código de arriba. 

** Estamos actulizando la información sobre informatica en nuestro nuevo blog.

    https://respiraweb.blogspot.com

 


ABUNDANCIA y RIQUEZA para TODO Y TODOS por EL BIEN DE TODO Y TODOS
Temas anteriores *
https://bobuu.blogspot.com

73.- HTML - Tablas con títulos
72.- HTML - Tablas <table> <tr> <td>
71.- HTML - Listas anidadas
mas ... acceder al índice de temas ...

martes, 28 de marzo de 2023

Enlaces en HTML5

Enlaces

 Ahora hablemos de los enlaces. Los enlaces se utilizan para navegar de una página a otra en la web.

 En HTML5, puedes crear un enlace utilizando la etiqueta <a>, que envuelve el texto o la imagen que deseas que se convierta en un enlace. A continuación, se muestra la sintaxis básica de la etiqueta <a>:

 <a href="URL del enlace">Texto o imagen a enlazar</a>

 •      La URL del enlace es la dirección web de la página a la que se desea enlazar.

      El texto o la imagen a enlazar es lo que el usuario verá y hará clic para ir a la página web enlazada.

 Aquí hay un ejemplo de cómo se vería la etiqueta <a> en una página web:

 <a href="https://www.example.com/">Visita nuestro sitio web</a>

 Ahora que sabes cómo insertar imágenes y crear enlaces en HTML5, puedes experimentar y mejorar la apariencia y la funcionalidad de tus páginas web.

Resumen:

      En HTML5, puedes insertar imágenes utilizando la etiqueta <img>.

      El texto alternativo es importante para la accesibilidad.

      Los enlaces se crean utilizando la etiqueta <a>.

      La URL del enlace es la dirección web de la página a la que se desea enlazar.

      El texto o la imagen a enlazar es lo que el usuario verá y hará clic para ir a la página web enlazada.

lunes, 27 de marzo de 2023

Imágenes en HTML5

Imágenes y enlaces en HTML5

Imágenes

 Las imágenes y los enlaces son elementos esenciales en cualquier sitio web moderno. En este capítulo, te enseñaremos cómo usar imágenes y enlaces en HTML5 de manera efectiva para mejorar la apariencia y funcionalidad de tus páginas web.

Empecemos con las imágenes. En HTML5, puedes insertar una imagen en una página web utilizando la etiqueta <img>, que es una etiqueta de autocierre. A continuación, se muestra[1] la sintaxis básica de la etiqueta <img>:

<img src="URL de la imagen" alt="Texto alternativo" width="ancho" height="alto">

      La URL de la imagen es la dirección de la imagen que se mostrará en la página web.

      El texto alternativo (alt) es un texto que se muestra en lugar de la imagen en caso de que la imagen no se pueda cargar o para fines de accesibilidad.

      El ancho y el alto se utilizan para especificar las dimensiones de la imagen. No son obligatorios, pero es recomendable especificarlos para que la página se cargue más rápido.

Aquí hay un ejemplo de cómo se vería la etiqueta <img> en una página web:

 <img src="https://www.example.com/imagen.jpg" alt="Esta es una imagen de ejemplo" width="500" height="300">

 


[1] Es importante recordar que para probar los ejemplos y casos prácticos que se presentan en el libro, es necesario crear un documento HTML válido que contenga las etiquetas básicas necesarias.

 Para crear un documento HTML válido, debes incluir las siguientes etiquetas en el orden correcto:

 La etiqueta <!DOCTYPE html>, que especifica que se está utilizando HTML5.

La etiqueta <html>, que envuelve todo el contenido de la página web.

La etiqueta <head>, que contiene información sobre la página web, como el título y la descripción.

La etiqueta <title>, que especifica el título de la página web.

La etiqueta <body>, que contiene el contenido visible de la página web.

En un día como hoy 27 de marzo de ...

 1977 accidente aéreo de Tenerife

 El accidente aéreo de Tenerife fue una tragedia que marcó la historia de la aviación. 

En el año 1977, se produjo el peor accidente aéreo de la historia en el aeropuerto de Tenerife, España, donde murieron 583 personas al chocar dos aviones Boeing 747 de las aerolíneas Pan Am y KLM. 

El accidente se debió a una serie de factores que incluyeron una amenaza de bomba, un aeropuerto congestionado, una niebla espesa y una mala comunicación entre los pilotos y la torre de control. 

El avión de KLM inició el despegue sin autorización y se estrelló contra el avión de Pan Am que estaba en la pista esperando para salir. Fue un día trágico que cambió las normas de seguridad y los protocolos de comunicación en el mundo aeronáutico.

domingo, 26 de marzo de 2023

Creación de un documento HTML5 básico

Creación de un documento HTML5 básico

 En este capítulo te voy a enseñar cómo hacer una página web de una forma muy sencilla.

¿Y cómo se escribe HTML5? Pues muy fácil, solo necesitas un editor de texto, como el Bloc de notas o el WordPad, y seguir unas reglas básicas. Lo primero que debes recordar es que HTML5 se basa en etiquetas, que son unas palabras entre corchetes angulares (< y >) que indican cómo queremos que se vea el texto. Por ejemplo, si queremos poner un título grande en nuestra página web, podemos usar la etiqueta <h1> al principio del texto y la etiqueta </h1> al final. Así:

<h1>Mi primera página web</h1>


Esto hará que el texto "Mi primera página web" se vea grande y centrado en la pantalla. ¿Ves cómo la etiqueta de cierre tiene una barra (/) antes del nombre? Eso es para indicar que ahí termina el efecto de la etiqueta. Todas las etiquetas deben tener su etiqueta de cierre correspondiente, excepto algunas que son especiales y veremos más adelante.

Lo segundo que debes recordar es que HTML5 tiene una estructura básica que debes respetar para que tu página web funcione correctamente.

Como decíamos antes esta estructura se compone de cuatro partes principales: el DOCTYPE, la cabecera, el cuerpo y el final. El DOCTYPE es una línea que le dice al navegador qué versión de HTML estamos usando. La cabecera es una sección donde ponemos información sobre nuestra página web, como el título que aparece en la pestaña del navegador o los estilos que queremos aplicar. El cuerpo es la sección donde ponemos el contenido principal de nuestra página web, como el texto, las imágenes o los vídeos. El final es una sección donde ponemos información adicional sobre nuestra página web, como los scripts que queremos ejecutar o los comentarios que queremos dejar.

La estructura básica de un documento HTML5 se ve así:

<!DOCTYPE html>
<html>
<head>
  <title>Mi primera página web</title>
</head>
<body>
  <h1>Mi primera página web</h1>
  <p>¡Hola! Esta es mi primera página web creada con HTML5.</p>
</body>
</html>


¿Ves cómo cada parte está entre etiquetas? La etiqueta <html> indica el inicio y el final del documento HTML. La etiqueta <head> indica el inicio y el final de la cabecera. La etiqueta <title> indica el título de la página web. La etiqueta <body> indica el inicio y el final del cuerpo. La etiqueta <h1> indica un título grande. La etiqueta <p> indica un párrafo.

Si guardas este documento con la extensión .html (por ejemplo, miprimeraweb.html) y lo abres con tu navegador favorito (por ejemplo, Chrome o Firefox), verás algo así:



 ¡Felicidades! Acabas de crear tu primera página web con HTML5. ¿No es genial? Pero esto es solo el principio. Hay muchas más etiquetas y atributos que puedes usar para hacer tu página web más bonita e interactiva. En los siguientes capítulos te iré enseñando cómo usarlos con ejemplos prácticos.

 

 

--------

¿Te apasiona la filatelia y el coleccionismo de sellos? ¿Quieres conocer las últimas novedades, consejos y curiosidades sobre este fascinante mundo? Entonces no te pierdas la web de https://www.sooluciones.com, donde encontrarás fichas descargables para imprimir de sellos e información general de los sellos de España y otros países. Además, podrás acceder a una tienda online con material filatélico de calidad. No lo dudes más y entra en https://www.sooluciones.com, la web dedicada a los amantes de la colección de sellos y la filatelia. ¡Te esperamos!

-------