Scribd
Cargar
865 vistas4 páginas

Actividad de Aprendizaje 1. HTML Básico

Este documento proporciona instrucciones para crear una página web estática a través de cuatro ejercicios. Los estudiantes aprenderán los elementos básicos de HTML para estructurar el contenido, agregar encabezados, párrafos, listas y tablas. También crearán un formulario utilizando etiquetas como <input>, <fieldset> y <legend>. El documento incluye referencias bibliográficas sobre manuales de HTML y PHP.

Cargado por

Jesus Chavez
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
865 vistas4 páginas

Actividad de Aprendizaje 1. HTML Básico

Este documento proporciona instrucciones para crear una página web estática a través de cuatro ejercicios. Los estudiantes aprenderán los elementos básicos de HTML para estructurar el contenido, agregar encabezados, párrafos, listas y tablas. También crearán un formulario utilizando etiquetas como <input>, <fieldset> y <legend>. El documento incluye referencias bibliográficas sobre manuales de HTML y PHP.

Cargado por

Jesus Chavez
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

Objetivo:

Reconocer los elementos básicos para crear una página web estática.

Instrucciones:

Apóyate en las lecturas del bloque y en tu investigación personal para crear el


código fuente para las páginas web que se dan de ejemplo en los siguientes
ejercicios.
• Ejercicio 1: crear el código HTML necesario para la página Web que se solicita
en el archivo de apoyo.
• Ejercicio 2: crear el código HTML necesario para la página Web que se solicita
en el archivo de apoyo.
• Ejercicio 3: crear las tablas necesarias para obtener la distribución adecuada
que se solicita en el archivo de apoyo.
• Ejercicio 4: crear el formulario que se indica en el archivo de apoyo.
Ejercicio 1: crear el código HTML necesario para la página Web que se solicita en
el archivo de apoyo.

 <meta charset="utf-8">: El atributo charset especifica la codificación de


caracteres para el documento HTML
 <meta name="" content=" ">: Aquí definimos el autor
 <html></html>: Abrir y cerrar el documento.
 <head></head>: Encabezado abrir y cerrar y aquí se inserta todo lo referente al
title, scripts, etc.
 <title></title >: Para definir el título de la página.
 <body></body>: Es el cuerpo del documento va el contenido general, el tamaño
de la página.
 <h1>, <h2>, <h3>...<h6>: Encabezados, numerados del 1 al 6 por orden de
relevancia.
 <p></p>: Con esta etiqueta determinamos un texto de párrafo.
 <br></br>: Hace un salto de línea simple.
 <b></b>: Convierte el texto a negrita.
 <i></i>: Lo mismo, pero para aplicar cursiva al formato de un texto.
 <dd></dd>: Contiene la descripción de un término definido dentro de una lista de
definiciones.
 &?acute: acentúa vocales.
 &ntilde: letra eñe.

• Ejercicio 2: crear el código HTML necesario para la página Web que se solicita
en el archivo de apoyo.

Recicle las sentencias del ejercicio anterior

 <strike> </strike>: Define el texto tachado.


 <u></u>: Subraya una palabra.

Ejercicio 3: crear las tablas necesarias para obtener la distribución adecuada que
se solicita en el archivo de apoyo.

Recicle las sentencias del ejercicio anterior



 <table></table>: iniciamos la creación de una tabla
 border = ?: grosor de línea
 witdth = ? ancho tabla en pixeles
 <tr></tr>: crear fila
 <td></td>: indicamos columna
 align = alineación del contenido
 rowspan: indicamos la unión de filas
 colspan: indicamos la unión de columnas

 <html></html>: Abrir y cerrar el documento.


Ejercicio 4: crear el formulario que se indica en el archivo de apoyo.

Recicle las sentencias del ejercicio anterior


 <fieldset> </fieldset>: Abrir y cerrar un formulario
 <legend> <legend>: define un título para el elemento <fieldset>
 <input type="text">: permite el ingreso de texto.
 <input type="radio">: permite seleccionar entre varias opciones.
 <input type="checkbox">: permite activa o desactivar opciones.
Bibliografia

Pedregosa Pareja, M. À. (s.f). “Manual de HTML” en Diseño y Programación de Páginas


Web. España Desarrollo Web, pp 15-74
Cabezas Granado, L. M. (2004). “Repaso de HTML” en Manual Imprescindible de PHP5.
España Anaya Multimedia, pp. 47-54

También podría gustarte