Guia de Laboratorio de HTML Parte2

8/17/2019 Guia de Laboratorio de HTML Parte2

1/21

DESARROLLO DE

APLICACIONES WEB

GUIA DE LABORATORIO

DE HTML

ING.IVAN PETRLIK

AZABACHE

2014


2/21

Párrafo alineado a la izquierda

Ejemplo :

Párrafo alineado a la derecha

Ejemplo :

Lista no numerada del Elemento de lista

Ejemplo :

...

...


3/21

Lista numerada del Elemento de lista

Ejemplo :

Raya horizontal

Ejemplo :


4/21

Enlace hacia una página Web

Ejemplo :

Enlace hacia una dirección Email

Ejemplo :

Inserción de una imagen al formato Gif o Jpg

Ejemplo 1:

...

.. .


5/21

Ejemplo 2:width = 200

Height =100

Definición de una tabla

Ejemplo 1:Tabla con un borde de 20 y constituido por 1 fila por dos columnas

Ejemplo 3:Tabla con an ch ura en %( width="x%” )

...

Ancho en

porcentaje de la

tabla


6/21

Ejemplo 4:Tabla con anchura en pixel es ( width ="x ” )

Ejemplo 5:Tabla con anc hur a de l bo rde

Ejemplo 6:Espacio entre el borde y el texto(cellpadding=x )

Ejemplo 7:Espesor de la raya entre las celdas( cellspacing=x )

Ancho en pixeles

de la tabla

Borde de la tabla

35

35

35


7/21

Ejemplo 8:Insertar 2 filas a la tabla

Ejemplo 9:Tabla con un borde(border) de 10 y constituido por 3 filas por dos columnas

Ejemplo 10:Tabla con un borde(border) de 10 y constituido por 3 filas por dos columnas

columna01 columna02

Fila 01Fila02Fila03

Ejemplo 11:color de una celda ( )

35

Insertar dos filas a

la tabla

Insertar dos

columnas a la tabla


8/21

Ejemplo 12:Anchura de columna en %( width="15%" )

15% 5%

Ejemplo 13: Numero de celdas para fusionar horizontalmente ( )

colspan = 50

Ejemplo 14: Numero de celdas para fusionar verticalmente (rowspan=50 )


9/21

Define una estructura de frames

Ejemplo 1:

.

.

.


10/21

Insertar imagen en el fondo de uapagina HTML

Ejemplo 1:

Pagina web independiente dentro de un documento html

Ejemplo 1:

Pagina.html


11/21

Definición de FormulariosEs una forma de comunicación entre las páginas y el servidor

Ejemplo 1:

Elementos del Formulario :

Campo de Texto

Ejemplo 1:

... Elementos del Formulario...


12/21

Area de TextoDefine una caja donde se puede escribir un texto de multipleslineas, atributos:

Ejemplo 1:

Opción múltiple Para el uso de opciones múltiples tenemos:

Ejemplo 1:

Opción única Para el uso de opciones discriminantes tenemos:

Valor del TextArea

Sexo:
Femenino :

Masculino :


13/21

Ejemplo 1:

Combos

Para selección simple, mostradas en una lista (Combos):

Ejemplo 1:

Botones

Sirven para disparar un evento, el cual puede producir el envio de la información ola realización deun proceso

valor1

valor2

valor3


14/21

Ejemplo 1:

Otros Controles Existe otros controles para Ocultar Variables, Mostrar asteriscos o Mostrar elexplorador deArchivos los cuales son respectivamente:

o Ejercicios de HTML desarrollados 1. Realizar una paginahtml que muestre la siguiente frase “Bienvenido al mundo de

Java “

Solución:


15/21

2. Realizar una paginaHtml que me permita mostrar un parrafo de una expresión y tieneque estar centrado.

Solución:

3. Realizar una paginaHtml que me permita implementar una tabla de 2 filas por 2columnas que muestre lo siguiente


16/21

Solución:

4. Realizar una paginaHtml que me permita definir dos link que vaya a la pagina de launiversidad san martin y la otra me permita acceder a mi correo electronico .

Solución:


17/21

5. Realizar una pagina en Html que me permita insertar una imagen .

Solución:

6. Realizar una paginaHtml que me permita implementar un formulario que posea un botón que me permita ir a otra página.

Solución:


18/21

7. Realizar una paginaHtml que implemente un combox que cargue tres paises desudamerica

Solución:

8. Realizar una paginaHtml que implemente un Lista articulos para oficina

Solución:


19/21

9. Realizar una paginahtml que me permita implementar un area de texto .

Solución:


20/21

o Tabla de colores Color Rojo Azul Verde Amarillo Magenta Negro Blanco

Cod. Color 00FF00 0000FF FFFF00 FF00FF 000000 FFFFFF

o Tabla de Codigo de los caracteres en HTML Algunos navegadores no aceptan ciertos caracteres para lo cual el lenguajeHTML da su equivalente en ALIAS

Por ejemplo si queremos escribir la palabra “Señor” tendríamos que poner

en eleditor Señor.

Alias Carácter obtenidoá áé éí íó ó

ú úñ ñÑ Ñ¡ ¡¿ ¿< <> >& &" “


21/21

Guia de Laboratorio de HTML Parte2

Documents

Transcript of Guia de Laboratorio de HTML Parte2