Scribd
Cargar
4 vistas9 páginas

HTML

La cartilla didáctica enseña a crear una página web utilizando HTML, explicando su concepto, estructura básica y etiquetas fundamentales. Incluye actividades prácticas para aplicar los conocimientos adquiridos, como crear títulos, párrafos, listas, tablas y formularios. Al final, se propone un proyecto final que integra todos los elementos aprendidos, junto con una rúbrica de evaluación.

Cargado por

cristian2010olaya
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
4 vistas9 páginas

HTML

La cartilla didáctica enseña a crear una página web utilizando HTML, explicando su concepto, estructura básica y etiquetas fundamentales. Incluye actividades prácticas para aplicar los conocimientos adquiridos, como crear títulos, párrafos, listas, tablas y formularios. Al final, se propone un proyecto final que integra todos los elementos aprendidos, junto con una rúbrica de evaluación.

Cargado por

cristian2010olaya
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

[Link]

si=KpaWoNUpgaw-gEXo
[Link]

CARTILLA DIDÁCTICA

🌐 Creación de una Página Web con


HTML

🧩 MÓDULO 1: ¿Qué es HTML?


4

📖 Concepto
HTML significa HyperText Markup Language (Lenguaje de Marcado de Hipertexto).
Es el lenguaje que se utiliza para crear la estructura de las páginas web.

🔹 No es un lenguaje de programación.
🔹 Usa etiquetas para organizar el contenido.
🔹 Es la base de todas las páginas web.

🏗 Estructura básica de una página HTML


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

📝 Actividad 1
1. Escriba el código anterior en el Bloc de notas.
2. Guárdelo como: [Link]
3. Ábralo en el navegador.
4. Tome captura de pantalla y péguela en su cuaderno.

🧩 MÓDULO 2: Etiquetas Básicas de HTML


4

🔤 Etiquetas más importantes


Etiqueta Función

<h1> a Títulos
<h6>

<p> Párrafos

<a> Enlaces

<img> Imágenes

<br> Salto de
línea

📌 Ejemplo práctico
<h1>Mi colegio</h1>
<p>Bienvenidos a mi página web escolar.</p>

<a href="[Link] a Google</a>

<img src="[Link]" width="200">

📝 Actividad 2
Cree una página que contenga:

● Un título con su nombre.


● Un párrafo describiéndose.
● Una imagen.
● Un enlace a su red social favorita.
🧩 MÓDULO 3: Listas y Tablas
4

📋 Listas
Lista desordenada

<ul>
<li>Fútbol</li>
<li>Lectura</li>
<li>Música</li>
</ul>

Lista ordenada

<ol>
<li>Despertar</li>
<li>Estudiar</li>
<li>Descansar</li>
</ol>

📊 Tablas
<table border="1">
<tr>
<th>Nombre</th>
<th>Edad</th>
</tr>
<tr>
<td>Claudia</td>
<td>15</td>
</tr>
</table>

📝 Actividad 3
Diseñe una tabla con:

● 3 compañeros
● Nombre
● Curso
● Edad

🧩 MÓDULO 4: Formularios
4

🖊 Formularios en HTML
<form>
Nombre: <input type="text"><br><br>
Edad: <input type="number"><br><br>
<input type="submit" value="Enviar">
</form>

📝 Actividad 4
Cree un formulario que pida:

● Nombre
● Correo
● Curso
● Botón enviar
🧩 MÓDULO 5: Proyecto Final
🎯 Cree una página web completa que contenga:

✅ Título principal
✅ Imagen
✅ Lista
✅ Tabla
✅ Formulario
✅ Enlaces

📌 Tema sugerido:

● Gestión del riesgo escolar

📊 RÚBRICA DE EVALUACIÓN
Criterio Excelente (5.0) Bueno (4.0) Básico (3.0)

Estructura Correcta y ordenada Algunos Errores


HTML errores frecuentes

Uso de Usa todas Usa la Usa pocas


etiquetas correctamente mayoría

Creatividad Diseño atractivo Diseño simple Poco diseño

Entrega Completa y puntual Incompleta No entrega

También podría gustarte