Karina Quispe. Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre.

Presentación del tema: "Karina Quispe. Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre."— Transcripción de la presentación:

1 Karina Quispe

2 Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre

3 Estructura Presentación Hipertexto

4  La estructura básica de un documento HTML incluye etiquetas, que rodean el contenido y le aplican formato.

5 Agregamos el titulo con este comando Entre estos parámetros se escribe todo el texto de la página, el cuerpo del documento (BODY). Con estos comandos se define el color general de: bgcolor=# color del fondo de la página, este color puede ser cambiado por un fondo, (background) text=# es el color del texto general de la página link=# color del texto con link

6 Este comando sirve para insertar un salto de línea dentro de la página. Con este comando agregamos un salto de párrafo dentro del contenido. Encabezados que especifica el tipo de título con un número del 1 al 6 en vez de !!, especificando la importancia del título.

7 Este comando inserta imágenes dentro del documento html, y “$$ ” especifica la ruta de la imagen. align Detalla el alineamiento que tendría la imagen (derecho=right, izquierdo=left y centrado=center)

8 Sirve para realizar direccionamiento a nuevas páginas webs, LINKS, y “$$ ” especifica la dirección a donde conducirá el enlace.

9 define la tabla Define una fila de la tabla Define una columna de la tabla

10 CSS ( cascading style sheet ) Las hojas de estilo consisten en la creación de estilos propios dentro de las páginas web, o en un archivo separado que será invocado.

11 html> Mi primera pagina --> Mis Productos item producto precio foto opcion

12 1 jabon $1.00 comprar 2 champo $2.00 3 crema $4.00 comprar

13 Escribeme kcquispe@puc p.edu.pe

14 table {width:500px} thead {background- color:black;color:white;height:25px;width:10 00px} tbody {color:blue;height:50px;text- align:center;width:1000px} td img {height:25px;width:50px} #imagen {height:25px;width:50px} body {background-color:#F3A645}

15 Javascript diferente Java Desarrollado por Netscape Su propósito es crear paginas web dinámicas. Ampliamente usado

16 Poner este script en el código listaproducto.hml dentro del cuerpo de head <!-- oculta el script a los browsers no compatible function comprar() { cantidad=prompt("Introdusca la cantidad a comprar", 0); alert("Se agrego "+cantidad); } //fin del script-->

17 Agregar este código después de la columna imagen para cada producto de la tabla.

18