Producto 3 "Diseño de paginas web"

5
ALISON MARINONE MACFARLAND LUIS FERNANDO ESCAROZ 9A Producto 3 Diseño de páginas Web

Transcript of Producto 3 "Diseño de paginas web"

Page 1: Producto 3 "Diseño de paginas web"

ALISON MARINONE MACFARLANDLUIS FERNANDO ESCAROZ

9A

Producto 3Diseño de páginas Web

Page 2: Producto 3 "Diseño de paginas web"

¿Qué es HTML?

HTML es el acrónimo en inglés de HyperText Markup Language (En español se traduce como lenguaje de marcado de hipertexto).

HTML es un lenguaje abstracto que aplicaciones pueden usar para representar documentos y que puede ser transmitido fácilmente por algún medio, como lo es Internet.

Los navegadores de Internet procesan e interpretan documentos descritos en HTML usando un analizador de HTML.

Page 3: Producto 3 "Diseño de paginas web"

¿Cómo se estructura una página Web?

La estructura básica de una página web es la siguiente: <html>

<head></head><body></body></html>

Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.

Page 4: Producto 3 "Diseño de paginas web"

¿Qué es una etiqueta?

HTML es el lenguaje por el cual construimos una página web. Este lenguaje se basa principalmente en etiquetas, con las cuales vamos construyendo los diferentes apartados de nuestra web. Es imprescindible conocer estas etiquetas y su funcionamiento para poder crear o al menos modificar una página web. 

Page 5: Producto 3 "Diseño de paginas web"

¿Cuáles son las etiquetas principales de HTML?

Texto: <p> Esto es un texto </p>Escribimos <p> antes del texto y </p> para finalizar el párrafo. Enlace(link): <a href=”http://www.nombredominio.com” target=”_blank”> Nombre del enlace</a> Se debe cambiar ‘www.nombredominio.com’ por el dominio elegido y ‘Nombre del enlace’

por el nombre que desees. Imagen con enlace: <a href=”http://www.dominio.com” target=”_blank”> <img

src=”http://www.dominio.com/imagen.gif” alt=”descripción de la imagen”></a> Hacemos los cambios mencionados anteriormente. Correo electrónico: <a href=”mailto:[email protected]”> Contactarme </a> Sustituimos ‘[email protected]’ por la verdadera dirección de correo electrónico y

‘Contactarme’ por el texto que queramos. Centrar: <div align=”center”>Texto centrado </div> Actuamos de forma análoga al apartado anterior.