Ejercicio HTML

<head> <style> p { color: red; } .destacado { font-weight: bold; } </style> </head> <body> <p>Este párrafo es rojo.</p> <p class="destacado">Este párrafo es rojo y en negrita.</p> </body>

<h1 style="color:blue;">A Blue Heading</h1>

<p style="color:red;">A red paragraph.</p>

1. Estructura básica:
Crea un archivo HTML con la estructura principal de una página web: <html>, <head>, <body>. Dentro del body, agrega un encabezado (<h1>), un párrafo (<p>) y un enlace (<a>) que apunte a otra página web.
2. Listas:
Crea una lista no ordenada (<ul>) con elementos (<li>) que representen tus pasatiempos favoritos, según un sitio web de desarrollo web.
3. Tablas:
Crea una tabla (<table>) con datos sobre tus películas favoritas, incluyendo títulos, directores y años de estreno, según un tutorial de programación.
4. Imágenes:
Inserta una imagen (<img>) en tu página web, utilizando la etiqueta <img> y especificando la ruta de la imagen.
5. Formularios:
Crea un formulario (<form>) con campos de texto (<input type="text">), áreas de texto (<textarea>) y botones (<button>).
6. Estilos con CSS:
Aplica estilos CSS a tu página web para cambiar el color de fondo, el tamaño de la letra y el color del texto, según un sitio web de desarrollo web.

3-Actividades para realizar en clases: SECCIONES

Crear una pagina web con la siguiente especificación:

Encabezado

Párrafo

Estilo (color de fondo en la pagina web)

Imagen que identifique la página

Secciones (Noticia, comentario, etc)

Pie de Pagina

PROG. ORIENTADA- ANÁLISIS Y DISEÑO DE APP Y DISEÑO DE PÁGINAS WEB 5TO 2024