El documento describe elementos básicos del lenguaje HTML como líneas horizontales, párrafos, saltos de línea, inserción de imágenes, atributos del cuerpo de la página, formularios y sus elementos como campos de texto, botones de radio, cajas de verificación y áreas de texto. Explica cómo crear y utilizar estos elementos para estructurar y recolectar información en páginas web.

1. UNIVERSIDAD NACIONAL EXPERIMENTAL “FRANCISCO DE MIRANDA” AREA CIENCIAS DE LA EDUCACION Sistemas de Información I SIN734 Laboratorio I: Paginas Web Dinámicas (Lenguaje HTML) Prof. Ing. Néstor Laguna

2. Lenguaje HTML LINEAS HORIZONTALES El elemento para crear una línea horizontal es HR. Este "tag" no necesita un "tag" de cierre y a este elemento podemos darle distintos atributos. width para definir el largo de la línea con un cierto número de pixel o un porcentaje del documento> size para asignar el ancho de la línea. Línea de 100 pixels <HR WIDTH=100> Línea de un 50% del ancho del documento <HR WIDTH=50%> Línea con 10 de ancho <HR SIZE=10>

3. Lenguaje HTML LOS PARRAFOS Y EL CAMBIO DE LINEA Para mantener el texto formando un párrafo o bloque de texto utilizamos el "tag" <p>aqui va el texto</p> PASAR A LA SIGUIENTE LINEA Cuando queremos pasar el texto a otra línea podemos utilizar el "tag" <br> que no tiene tag de cierre. Si queremos separar el siguiente texto en varias líneas. -Coro -Churuguara -Punto Fijo -Caracas Pondremos: -Coro <br> -Churuguara <br> -Punto Fijo <br> -Caracas <br>

4. Lenguaje HTML INSERTAR IMAGENES Para insertar imágenes utilizamos <imgsrc="aquí ponemos la dirección de la imagen">. Este tag no tiene tag de cierre. Si lo guardamos en el MISMO directorio que el fichero HTML que estamos creando la instrucción para insertar la imagen de la ejecutiva nos queda: <imgsrc=“nombreArchivo.gif"> En caso de no guardar la imagen en el mismo directorio se debe ubicar la dirección de la siguiente forma: <imgsrc=“C:/imagenes/nombreArchivo.gif">

5. Lenguaje HTML ATRIBUTOS DE LA PAGINA O ATRIBUTOS DE "BODY“ Al "tag" body podemos añadirle una serie de atributos de color para asignar un color diferente: A) Al fondo del documento con BGCOLOR B) Colocar una imagen de fondo BACKGROUND C) LINK para cambiar el color de los enlaces D) VLINK para cambiar el color de los enlaces ya visitados por el usuario

6. Lenguaje HTML FORMULARIOS Son herramientas a través de los cuales, un sitio web obtiene información de los visitantes, desde quejas hasta ordenes de procesamiento. Estos pueden estar definidos como un área en la pagina HTML, conteniendo elementos de entrada que permitan al usuario ingresar información que pueda ser enviada a algún programa servidor para procesamiento adicional.

9. Lenguaje HTML ELEMENTOS DEL FORMULARIO Campos de Texto Son aéreas en blanco en el formulario donde el visitante puede ingresar información de texto desde el teclado, como el nombre y la dirección. EJEMPLOS: <input type="text" name="nombre" size="15" maxlength="15"> <input type="text" name=“direcc" size=“25" maxlength=“30">

10. Lenguaje HTML Botones de radio Se usan cuando los visitantes tienen que escoger una única opción de un listado. Son usados para opciones de Masculino o Femenino; Si o No. EJEMPLO: <P> Por favor seleccione la opcionmasapropiada: <br><input type="radio" name="compra" value="regular" checked> Opcion 1. <br><input type="radio" name="compra" value="a_veces"> Opcion 2. <br><input type="radio" name="compra" value="nunca"> Opcion 3. </P>

11. Lenguaje HTML Cajas de Verificación Permiten a los visitantes seleccionar uno o mas ítems de una lista de opciones. Las cajas de verificaciones ayudan a obtener múltiples respuestas de los visitantes. EJEMPLO: <P> Yoestoyinteresado en (elegirtodo lo queaplique) <input type="checkbox" name="Excursionismo" value="excursionismo" checked>Excursionismo <input type="checkbox" name="Alpinismo" value="alpinismo">Alpinismo <input type="checkbox" name="Esqui" value="esqui">Esqui </P>

12. Lenguaje HTML Áreas de Texto Son campos para el ingreso de textos extensos. Las áreas de texto son útiles cuando los visitantes tienen que enviar resúmenes completos o algún comentario. EJEMPLO: <P> Comentarios:<br> <TEXTAREA name="comentarios" cols="35“ rows="3"> </TEXTAREA> </P>