Robótica Trinitaria 202X: junio 2024

1. Para colocar colores de fondo en tu página web en los elementos body, header y footer, así como cambiar el color de las letras, puedes seguir estos pasos:

Color de fondo en el elemento <body>:

Para cambiar el color de fondo del cuerpo de tu página web, puedes utilizar el atributo bgcolor en la etiqueta <body>. Por ejemplo:

</body>

En este ejemplo, #778899 es el código hexadecimal del color de fondo gris pizarra que se aplicará al cuerpo de la página.

2. Color de fondo en el elemento <header> y <footer>:

Puedes aplicar colores de fondo a tus encabezados (<header>) y pies de página (<footer>) utilizando CSS. Sin embargo, si prefieres evitar el uso de CSS, puedes utilizar el atributo style en línea para cada elemento. Por ejemplo:

</header>

</footer>

En este caso, #ADD8E6 es el código hexadecimal del color de fondo azul claro que se aplicará al encabezado y al pie de página.

3. Color de las letras:

Para cambiar el color de las letras, puedes utilizar el atributo color en línea en las etiquetas HTML relevantes. Por ejemplo:

Título

</h1>

Este es un párrafo con texto de color verde.

</p>

En estos ejemplos, red y green son palabras clave para los colores rojo y verde, respectivamente.

Siguiendo estos pasos, puedes establecer colores de fondo para el cuerpo de tu página, así como para los encabezados y pies de página, y también cambiar el color de las letras sin necesidad de utilizar CSS.

martes, 4 de junio de 2024

HTML SEMANTICO (ETIQUETAS SEMANTICAS)

HTML SEMANTICO (ETIQUETAS SEMANTICAS)

Beneficios del HTML semántico:

• Mejor accesibilidad: Los lectores de pantalla y otros usuarios con discapacidad pueden comprender mejor la estructura de la página.

• Mejor SEO: Los motores de búsqueda pueden identificar la relevancia y el significado del contenido, mejorando el posicionamiento del sitio web.

• Código más legible: La estructura del código se vuelve más clara y fácil de entender, facilitando el mantenimiento y las actualizaciones.

• Estándar moderno: El HTML semántico es la mejor práctica para el desarrollo web moderno.

INVESTIGAR Y UN EJEMPLO CORTO (nombres sugeridos de los archivos)

• <header> para el encabezado del sitio. header.html

• <nav> para la navegación del sitio. nav.html

• <main> para el contenido principal de la página. main.html

• <article> para un artículo específico. article.html

• <aside> para información adicional. aside.html

• <footer> para el pie de página. Footer.html

ACTIVIDAD: GENERE LAS 6 PAGINAS ANTERIORES, NO OLVIDE GUARDARLAS CON LA EXTENSION .html DESDE EL BLOCK DE NOTAS, GUARDELAS EN SU USB PARA POSTERIOR CALIFICACION, ESPERE EN SUS PUESTOS QUE EL PROFE PASARA A REVISARLE ESTAS 6 PAGINAS

Prompt para CHT GPT:

GENERAME 6 PAGINAS WEB DONDE UTILICES EN CADA PAGINA 1 DE LAS SIGUIENTES ETIQUETAS SEMANTICAS, ES DECIR, EN CADA PAGINA UNA SOLA ETIQUETA, LAS ETIQUETAS SON: <header>, <nav>, <main>, <article>, <aside> Y <footer>, DAME PAGINAS CORTAS

Un ejemplo práctico (HAGA COPY Y PEGUE):

etiquetassemanticas.html

<!DOCTYPE html>

<html lang="es">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Ejemplo de HTML Semántico</title>

</head>

<body>

<header>

<h1>Mi sitio web</h1>

<nav>

<ul>

<li><a href="#">Inicio</a></li>

<li><a href="#">Productos</a></li>

<li><a href="#">Contacto</a></li>

</ul>

</nav>

</header>

<main>

<article>

<h2>Artículo principal</h2>

<p>Aquí va el contenido del artículo principal.</p>

</article>

<aside>

<h3>Información adicional</h3>

<p>Aquí va información adicional relevante para el artículo principal.</p>

</aside>

</main>

<footer>

</footer>

</body>

</html>

Robótica Trinitaria 202X

domingo, 16 de junio de 2024

ACCESO A PLATAFORMA

EVALUACION INSTITUCIONAL 4 COMPONENTES

martes, 11 de junio de 2024

COLOCANDO COLORES EN MI PAGINA WEB

martes, 4 de junio de 2024

HTML SEMANTICO (ETIQUETAS SEMANTICAS)

REGION ANDINA

Denunciar abuso

Etiquetas