SlideShare una empresa de Scribd logo
1 de 5
Producto 3 
Diseño de páginas Web 
ALISON MARINONE MACFARLAND 
LUIS FERNANDO ESCAROZ 
9A
¿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.
¿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.
¿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.
¿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:tuemail@tuemail.com”> Contactarme </a> 
Sustituimos ‘tuemail@tuemail.com’ 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.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
Programación en html y páginas web
Programación en html y páginas webProgramación en html y páginas web
Programación en html y páginas web
 
Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteEtiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parte
 
Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteEtiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parte
 
tutorial
tutorialtutorial
tutorial
 
Producto 3
Producto 3Producto 3
Producto 3
 
Introducion a HTML5
Introducion a HTML5Introducion a HTML5
Introducion a HTML5
 
Partes de una web
Partes de una webPartes de una web
Partes de una web
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
 
Paginas web
Paginas webPaginas web
Paginas web
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
Html
HtmlHtml
Html
 
Neisa
NeisaNeisa
Neisa
 
Deber programacion
Deber programacionDeber programacion
Deber programacion
 
Trabajo 905
Trabajo 905Trabajo 905
Trabajo 905
 

Similar a Producto 3 "Diseño de pagina WEB" (20)

Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Clase 1
Clase 1Clase 1
Clase 1
 
Htlm
HtlmHtlm
Htlm
 
Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
 
Html
HtmlHtml
Html
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Diseño
DiseñoDiseño
Diseño
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Tarea
TareaTarea
Tarea
 
Diseño WEB 1.pptx
Diseño WEB 1.pptxDiseño WEB 1.pptx
Diseño WEB 1.pptx
 
Guia html 1
Guia html 1Guia html 1
Guia html 1
 
Tarea
TareaTarea
Tarea
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 

Último

¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...CENECOnline
 
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfAntenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfperezreyesalberto10
 
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...danielpoza1
 
tabla-bacterias-1-0-179241-downloadable-3772106.pdf
tabla-bacterias-1-0-179241-downloadable-3772106.pdftabla-bacterias-1-0-179241-downloadable-3772106.pdf
tabla-bacterias-1-0-179241-downloadable-3772106.pdfssuser58a6321
 
Litwin, Edith. Nuevos marcos interpretativos para el análisis de las práctica...
Litwin, Edith. Nuevos marcos interpretativos para el análisis de las práctica...Litwin, Edith. Nuevos marcos interpretativos para el análisis de las práctica...
Litwin, Edith. Nuevos marcos interpretativos para el análisis de las práctica...mosconilucia5
 
Mapas Conceptuales finales Rubén finales.pptx
Mapas Conceptuales finales Rubén finales.pptxMapas Conceptuales finales Rubén finales.pptx
Mapas Conceptuales finales Rubén finales.pptxjose880240
 
Emprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC MexicoEmprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC MexicoCENECOnline
 
Esquema Organizacional Cosapi (Constructora)
Esquema Organizacional Cosapi (Constructora)Esquema Organizacional Cosapi (Constructora)
Esquema Organizacional Cosapi (Constructora)Eder Diaz Flores
 
Presentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la WebPresentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la Webfernandalunag19
 

Último (9)

¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
 
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfAntenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
 
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
 
tabla-bacterias-1-0-179241-downloadable-3772106.pdf
tabla-bacterias-1-0-179241-downloadable-3772106.pdftabla-bacterias-1-0-179241-downloadable-3772106.pdf
tabla-bacterias-1-0-179241-downloadable-3772106.pdf
 
Litwin, Edith. Nuevos marcos interpretativos para el análisis de las práctica...
Litwin, Edith. Nuevos marcos interpretativos para el análisis de las práctica...Litwin, Edith. Nuevos marcos interpretativos para el análisis de las práctica...
Litwin, Edith. Nuevos marcos interpretativos para el análisis de las práctica...
 
Mapas Conceptuales finales Rubén finales.pptx
Mapas Conceptuales finales Rubén finales.pptxMapas Conceptuales finales Rubén finales.pptx
Mapas Conceptuales finales Rubén finales.pptx
 
Emprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC MexicoEmprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC Mexico
 
Esquema Organizacional Cosapi (Constructora)
Esquema Organizacional Cosapi (Constructora)Esquema Organizacional Cosapi (Constructora)
Esquema Organizacional Cosapi (Constructora)
 
Presentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la WebPresentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la Web
 

Producto 3 "Diseño de pagina WEB"

  • 1. Producto 3 Diseño de páginas Web ALISON MARINONE MACFARLAND LUIS FERNANDO ESCAROZ 9A
  • 2. ¿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.
  • 3. ¿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.
  • 4. ¿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.
  • 5. ¿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:tuemail@tuemail.com”> Contactarme </a> Sustituimos ‘tuemail@tuemail.com’ 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.