Title: Actividad 2: Mi primera página en HTML
Course: 2025 - LI - Desarrollo Web del Lado del Servidor 2-2 > Section: Unidad 1 - Introducción al Desarrollo Web

Desarrollo Web del Lado del Cliente – Actividad 2: Mi primera página en HTML

Objetivo
Crear una página web sencilla utilizando las etiquetas básicas de HTML para entender cómo se estructura un documento.

Instrucciones

1. En la parte superior de tu trabajo (dentro del archivo HTML, en forma de comentario), escribe tu nombre completo y el nombre del profesor.
  - Ejemplo de comentario:

<!-- Alumno: Juan Pérez | Profesor: Erick Iván Sánchez -->


2. Abre Visual Studio Code (o un editor de texto).
3. Dentro de las etiquetas <html> debe ir todo tu documento web, dividido en dos partes principales:
  - <head> → sección donde va la información interna de la página.
  - <body> → sección donde va todo lo que se mostrará en la pantalla.
4. Dentro del <head>, tu página debe contener:
  - Una etiqueta <title> con el nombre de tu página (por ejemplo: Mi primera página).
5. Dentro del <body>, tu página debe contener:
  - Un título principal usando <h1>.
  - Al menos dos párrafos usando <p>.
  - Una lista con <ul> y dentro de ella tres elementos <li>.
6. Guarda el archivo como actividad2.html y ábrelo en tu navegador (Chrome, Edge o Firefox) para verificar que se vea bien.
7. Evidencia obligatoria:
  - Una captura del código escrito en VS Code.
  - Una captura de la página funcionando en el navegador.

Método de entrega
Convierte las capturas en un archivo PDF y súbelo a la plataforma.

Descripción de las etiquetas que usaremos en clase

- <html> → indica el inicio y fin del documento HTML; todo el contenido debe ir dentro de esta etiqueta.
- <head> → contiene la información interna de la página (no visible en el navegador).
- <title> → va dentro de <head> y define el título que aparece en la pestaña del navegador.
- <body> → contiene todo lo que se mostrará en la página web.
- <h1> → sirve para escribir un título o encabezado principal.
- <p> → define un párrafo de texto.
- <ul> → crea una lista con viñetas.
- <li> → representa cada elemento dentro de una lista.

Desarrollo Web del Lado del Cliente – Actividad 2: Mi primera página en HTML

Objetivo
Crear una página web sencilla utilizando las etiquetas básicas de HTML para entender cómo se estructura un documento.

Instrucciones

1. En la parte superior de tu trabajo (dentro del archivo HTML, en forma de comentario), escribe tu nombre completo y el nombre del profesor.
  - Ejemplo de comentario:

<!-- Alumno: Juan Pérez | Profesor: Erick Iván Sánchez -->


2. Abre Visual Studio Code (o un editor de texto).
3. Dentro de las etiquetas <html> debe ir todo tu documento web, dividido en dos partes principales:
  - <head> → sección donde va la información interna de la página.
  - <body> → sección donde va todo lo que se mostrará en la pantalla.
4. Dentro del <head>, tu página debe contener:
  - Una etiqueta <title> con el nombre de tu página (por ejemplo: Mi primera página).
5. Dentro del <body>, tu página debe contener:
  - Un título principal usando <h1>.
  - Al menos dos párrafos usando <p>.
  - Una lista con <ul> y dentro de ella tres elementos <li>.
6. Guarda el archivo como actividad2.html y ábrelo en tu navegador (Chrome, Edge o Firefox) para verificar que se vea bien.
7. Evidencia obligatoria:
  - Una captura del código escrito en VS Code.
  - Una captura de la página funcionando en el navegador.

Método de entrega
Convierte las capturas en un archivo PDF y súbelo a la plataforma.

Descripción de las etiquetas que usaremos en clase

- <html> → indica el inicio y fin del documento HTML; todo el contenido debe ir dentro de esta etiqueta.
- <head> → contiene la información interna de la página (no visible en el navegador).
- <title> → va dentro de <head> y define el título que aparece en la pestaña del navegador.
- <body> → contiene todo lo que se mostrará en la página web.
- <h1> → sirve para escribir un título o encabezado principal.
- <p> → define un párrafo de texto.
- <ul> → crea una lista con viñetas.
- <li> → representa cada elemento dentro de una lista.