Universidad Tecnológica de Panamá
Facultad de Ingeniería de Sistemas Computacionales
Departamento de Sistemas de Información, Control y
Evaluación de Recursos Informáticos
TECNOLOGÍA DE INFORMACIÓN Y COMUNICACIÓN
Facilitador: Mirna M Samaniego G.
Título de la Experiencia: Laboratorio #4 Crear páginas HTML
Tema: HTML
Objetivo: Aplicar los fundamentos para el diseño y desarrollo de un sitio web para obtener
nociones de las nuevas tecnologías de web.
Recursos: Lápiz o bolígrafo, hoja de papel, computadora, Internet, material.
Metodología:
Desarrollar la actividad de forma grupal.
Terminado su trabajo subirla a la plataforma TEAM.
Enunciado: Confeccionar una página que muestre lo solicitado.
Indicación se debe utilizar los códigos entregados debe agregar color,
negritas, agregar imágenes y fondo de color. Y con ellos los códigos
siguientes:
Cabecera
Lista
<ul>
<li>
<ol>
<table> y </table>
<td> y </td>
Titulo de la tabla
<caption>
Editor HTML: [Link]
Caja con una línea de texto
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-
8559-1">
<TITLE>Ejemplos de formularios</TITLE>
</HEAD>
<H1>Entrada de una línea de texto</H1>
<FORM ACTION="[Link]
METHOD="POST" ENCTYPE="TEXT/PLAIN">
Escribe tu apellido:<BR>
<INPUT TYPE="password" NAME="Apellido" SIZE="10" MAXLENGTH="12">
</FORM>
</HTML>
Universidad Tecnológica de Panamá
Facultad de Ingeniería de Sistemas Computacionales
Departamento de Sistemas de Información, Control y
Evaluación de Recursos Informáticos
TECNOLOGÍA DE INFORMACIÓN Y COMUNICACIÓN
Área de texto
Después de la etiqueta </FORM>
Escribe:
<H1>Entrada de varias líneas de texto</H1>
<FORM ACTION=[Link]
METHOD="POST" ENCTYPE="TEXT/PLAIN">
Introduce tus comentarios:
<BR><TEXTAREA NAME="Comentarios" ROWS="6" COLS="40">
</TEXTAREA>
Menú desplegable
Después de la etiqueta </FORM>
Escribe:
<H1>Caja de lista desplegable creada con <SELECT></H1>
<FORM ACTION="[Link]
METHOD="POST" ENCTYPE="TEXT/PLAIN">
¿Cuál es tu color preferido?
<BR><SELECT NAME="Color preferido">
<OPTION>Rojo
<OPTION>Verde
<OPTION>Azul
<OPTION>Amarillo
</SELECT>
Universidad Tecnológica de Panamá
Facultad de Ingeniería de Sistemas Computacionales
Departamento de Sistemas de Información, Control y
Evaluación de Recursos Informáticos
TECNOLOGÍA DE INFORMACIÓN Y COMUNICACIÓN
Checkbox
Después de la etiqueta </FORM>
Escribe:
<H1>Checkbox</H1>
<FORM ACTION="[Link]
METHOD="POST" ENCTYPE="TEXT/PLAIN">
<INPUT TYPE="checkbox" NAME="Mayoredad">
No soy mayor de edad.
Formulario de confirmación
Después de la etiqueta </FORM>
Escribe:
</FORM>
<H1>Formulario de confirmación</H1>
<FORM ACTION="[Link]
METHOD="POST" ENCTYPE="TEXT/PLAIN">
¿Cuál es tu sistema operativo preferido?
<BR>
<INPUT TYPE="radio" NAME="SistemaOperativo"
VALUE="Linux" CHECKED>Linux
<INPUT TYPE="radio" NAME="SistemaOperativo"
VALUE="Windows" CHECKED>Windows
<INPUT TYPE="radio" NAME="SistemaOperativo"
VALUE="Dos" CHECKED>Dos
Botones para enviar por correo o borrar datos
A continuación de la última instrucción del formulario de confirmación anterior, escribe:
<P><INPUT TYPE="submit" VALUE=Enviar datos">
<P><INPUT TYPE="reset" VALUE=Borrar datos">
<P><HR>
Recuerda que tienes que terminar con:
</BODY>
</HTML>