Karina Quispe

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

Estructura Presentación Hipertexto

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

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

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.

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)

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

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

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.

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

1 jabon $1.00 comprar 2 champo $ crema $4.00 comprar

Escribeme p.edu.pe

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}

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

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

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