Bienvenidos a nuestro Blog. Intentamos ser un blog útil y curioso. Puedes ayudarnos indicándonos que te gustaría leer aquí. Bienvenidos a Bobuu
sábado, 27 de mayo de 2023
76.- HTML - Tablas - Líneas y bordes interiores.
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":
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!
-------