SlideShare une entreprise Scribd logo
1  sur  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.

Contenu connexe

Tendances

Tendances (19)

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
 

En vedette

Animalicos...1
Animalicos...1Animalicos...1
Animalicos...1spockirk
 
Lista de pelis
Lista de pelisLista de pelis
Lista de pelisBuena Peli
 
永定门
永定门永定门
永定门psjlew
 
Karen perez asignación 5 circuitos ii
Karen perez asignación 5 circuitos iiKaren perez asignación 5 circuitos ii
Karen perez asignación 5 circuitos iikarenlp
 
Metodologia de busqueda
Metodologia de busquedaMetodologia de busqueda
Metodologia de busquedailiana1405
 
Iai rcs2 ra13-r_specsheet
Iai rcs2 ra13-r_specsheetIai rcs2 ra13-r_specsheet
Iai rcs2 ra13-r_specsheetElectromate
 
CIBC Whistler Institutional Investment Conference Corporate Presentation
CIBC Whistler Institutional Investment Conference Corporate PresentationCIBC Whistler Institutional Investment Conference Corporate Presentation
CIBC Whistler Institutional Investment Conference Corporate PresentationDetourGold
 
Iunie iulie-2009
Iunie iulie-2009Iunie iulie-2009
Iunie iulie-2009Sima Sorin
 
Data-Driven Decision Making in Addressing Study Abroad Barriers
Data-Driven Decision Making in Addressing Study Abroad BarriersData-Driven Decision Making in Addressing Study Abroad Barriers
Data-Driven Decision Making in Addressing Study Abroad BarriersCIEE
 
Hoa hong va hanh phuc
Hoa hong va hanh phucHoa hong va hanh phuc
Hoa hong va hanh phuchotinhtam2005
 
Elisa technical-guide IDEXX
Elisa technical-guide IDEXXElisa technical-guide IDEXX
Elisa technical-guide IDEXXemaussion
 
Easa mandatory
Easa  mandatoryEasa  mandatory
Easa mandatorysvvignesh
 
About gv combo-a
About gv combo-aAbout gv combo-a
About gv combo-aTSOLUTIONS
 

En vedette (20)

Car crash culture
Car crash cultureCar crash culture
Car crash culture
 
Animalicos...1
Animalicos...1Animalicos...1
Animalicos...1
 
5 de outubro de 1910
5 de outubro de 19105 de outubro de 1910
5 de outubro de 1910
 
2011 Budget
2011 Budget2011 Budget
2011 Budget
 
Lista de pelis
Lista de pelisLista de pelis
Lista de pelis
 
永定门
永定门永定门
永定门
 
Karen perez asignación 5 circuitos ii
Karen perez asignación 5 circuitos iiKaren perez asignación 5 circuitos ii
Karen perez asignación 5 circuitos ii
 
Metodologia de busqueda
Metodologia de busquedaMetodologia de busqueda
Metodologia de busqueda
 
Iai rcs2 ra13-r_specsheet
Iai rcs2 ra13-r_specsheetIai rcs2 ra13-r_specsheet
Iai rcs2 ra13-r_specsheet
 
CIBC Whistler Institutional Investment Conference Corporate Presentation
CIBC Whistler Institutional Investment Conference Corporate PresentationCIBC Whistler Institutional Investment Conference Corporate Presentation
CIBC Whistler Institutional Investment Conference Corporate Presentation
 
Iunie iulie-2009
Iunie iulie-2009Iunie iulie-2009
Iunie iulie-2009
 
FourOne
FourOneFourOne
FourOne
 
Water1
Water1Water1
Water1
 
A
AA
A
 
The luna1
The luna1The luna1
The luna1
 
Data-Driven Decision Making in Addressing Study Abroad Barriers
Data-Driven Decision Making in Addressing Study Abroad BarriersData-Driven Decision Making in Addressing Study Abroad Barriers
Data-Driven Decision Making in Addressing Study Abroad Barriers
 
Hoa hong va hanh phuc
Hoa hong va hanh phucHoa hong va hanh phuc
Hoa hong va hanh phuc
 
Elisa technical-guide IDEXX
Elisa technical-guide IDEXXElisa technical-guide IDEXX
Elisa technical-guide IDEXX
 
Easa mandatory
Easa  mandatoryEasa  mandatory
Easa mandatory
 
About gv combo-a
About gv combo-aAbout gv combo-a
About gv combo-a
 

Similaire à Producto 3 "Diseño de una 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
 

Dernier

PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjNachisRamos
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfLUZMARIAAYALALOPEZ
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 

Dernier (7)

PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 

Producto 3 "Diseño de una 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.