SlideShare una empresa de Scribd logo
1 de 7
Diseño de paginas Web 
HECHO POR: HYOUNG JOON LEE Y JORGE 
ALBERTO VALDES HERNANDEZ
¿Qué es HTML? 
HTML es el lenguaje que se emplea para el 
desarrollo de páginas de internet. 
Está compuesto por una serie de etiquetas que el 
navegador interpreta y da forma en la pantalla.
¿Cómo se estructura una pagina web? 
Básicamente, los sitios web se componen y estructuran de 
la siguiente manera: 
Contenedor: Esto es lo que definimos en la regla y en dentro de este 
contenedor estan todos los elementos del sitio. 
Logotipo: Aquí es donde debemos dejar la imagen de la empresa, que 
identificará la marca en todo el sitio. 
Contenido: Lo más importante y fundamental de una buena página. 
Lo que mantiene al visitante cautivo e interesado. 
Footer: Localizado al final del sitio, abajo, generalmente dejamos ahí 
información de Copyright y legales o menús secundarios.
¿Qué es una etiqueta? 
Una etiqueta o marca HTML es un código que se incluye en 
los archivos creados con el lenguaje HTML para 
estructurar, añadir significado o formato al contenido a una 
página web.
Etiquetas principales de HTML 
<HTML>: indica el comienzo del documento HTML. 
* <HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title> de la 
web, una descripción y otras informaciones relacionadas con el contenido de la página. 
* <BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el 
body van los textos, las imágenes y todos los contenidos de la web. 
* <H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de 
la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del 
texto. Son importantes en el posicionamiento en buscadores. 
* <A>: define los enlaces. 
* <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>. 
* <P>: el texto dentro de esta etiqueta forma un párrafo. 
* <IMG>: imágenes. 
* <BR>: salto de línea.
Bibliografía 
http://www.aprenderaprogramar.com/ 
http://magazine.joomla.org/ 
http://www.desarrolloweb.com/ 
http://www.blogginred.com/
Gracias por su atención

Más contenido relacionado

La actualidad más candente (16)

Bloc de notas
Bloc de notasBloc de notas
Bloc de notas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Pagina web1vb
Pagina web1vb   Pagina web1vb
Pagina web1vb
 
S.p.m
S.p.mS.p.m
S.p.m
 
Html 121
Html 121Html 121
Html 121
 
Etiquetas html
Etiquetas html   Etiquetas html
Etiquetas html
 
Partes de una web
Partes de una webPartes de una web
Partes de una web
 
Producto 3
Producto 3Producto 3
Producto 3
 
CLASES DE DISEÑO WEB
CLASES DE DISEÑO WEBCLASES DE DISEÑO WEB
CLASES DE DISEÑO WEB
 
Eiquetas
EiquetasEiquetas
Eiquetas
 
Producto 3
Producto 3 Producto 3
Producto 3
 

Destacado

ejercicio 6
ejercicio 6ejercicio 6
ejercicio 6UTT
 
Dthi helio-bc-day-2009
Dthi helio-bc-day-2009Dthi helio-bc-day-2009
Dthi helio-bc-day-2009SSPI Brasil
 
Trabajo de plantilla
Trabajo de plantilla Trabajo de plantilla
Trabajo de plantilla juanjo1412
 
Spectrum day-2009-hispamar-vr
Spectrum day-2009-hispamar-vrSpectrum day-2009-hispamar-vr
Spectrum day-2009-hispamar-vrSSPI Brasil
 
Cindi LeRoy Proyecto Final
Cindi LeRoy Proyecto FinalCindi LeRoy Proyecto Final
Cindi LeRoy Proyecto Finallucinda_leroy
 
ACTIVIDAD DE APRENDIZAJE #1
ACTIVIDAD DE APRENDIZAJE #1ACTIVIDAD DE APRENDIZAJE #1
ACTIVIDAD DE APRENDIZAJE #1Demetrio Silva
 
Spectrum day-2009-sspi-abertura
Spectrum day-2009-sspi-aberturaSpectrum day-2009-sspi-abertura
Spectrum day-2009-sspi-aberturaSSPI Brasil
 
Vsat 2011 arycom_eleicoes_brasileiras
Vsat 2011 arycom_eleicoes_brasileirasVsat 2011 arycom_eleicoes_brasileiras
Vsat 2011 arycom_eleicoes_brasileirasSSPI Brasil
 
Presentacion sem taller
Presentacion sem tallerPresentacion sem taller
Presentacion sem tallereloysantos
 
Presentacion sem taller
Presentacion sem tallerPresentacion sem taller
Presentacion sem tallereloysantos
 
Star one antonioianelli-sspi-day-23maio2013
Star one antonioianelli-sspi-day-23maio2013Star one antonioianelli-sspi-day-23maio2013
Star one antonioianelli-sspi-day-23maio2013SSPI Brasil
 
Crash test technology international ep tender
Crash test technology international ep tenderCrash test technology international ep tender
Crash test technology international ep tenderJean-Baptiste Segard
 
Scopus sidnei-bc-day-2009
Scopus sidnei-bc-day-2009Scopus sidnei-bc-day-2009
Scopus sidnei-bc-day-2009SSPI Brasil
 
0 sspi ii_sspi_day-2013-abertura
0 sspi ii_sspi_day-2013-abertura0 sspi ii_sspi_day-2013-abertura
0 sspi ii_sspi_day-2013-aberturaSSPI Brasil
 
Imagine digital: Mais clientes, resultados e geração de valor
Imagine digital: Mais clientes, resultados e geração de valorImagine digital: Mais clientes, resultados e geração de valor
Imagine digital: Mais clientes, resultados e geração de valorImagine Consultoria Criativa
 
Bajo rendimiento academico
Bajo rendimiento academicoBajo rendimiento academico
Bajo rendimiento academicoalvarez-bedoya
 
Ejercicio 3
Ejercicio 3Ejercicio 3
Ejercicio 3UTT
 

Destacado (20)

ejercicio 6
ejercicio 6ejercicio 6
ejercicio 6
 
Dthi helio-bc-day-2009
Dthi helio-bc-day-2009Dthi helio-bc-day-2009
Dthi helio-bc-day-2009
 
Trabajo de plantilla
Trabajo de plantilla Trabajo de plantilla
Trabajo de plantilla
 
Spectrum day-2009-hispamar-vr
Spectrum day-2009-hispamar-vrSpectrum day-2009-hispamar-vr
Spectrum day-2009-hispamar-vr
 
Cindi LeRoy Proyecto Final
Cindi LeRoy Proyecto FinalCindi LeRoy Proyecto Final
Cindi LeRoy Proyecto Final
 
ACTIVIDAD DE APRENDIZAJE #1
ACTIVIDAD DE APRENDIZAJE #1ACTIVIDAD DE APRENDIZAJE #1
ACTIVIDAD DE APRENDIZAJE #1
 
Spectrum day-2009-sspi-abertura
Spectrum day-2009-sspi-aberturaSpectrum day-2009-sspi-abertura
Spectrum day-2009-sspi-abertura
 
Vsat 2011 arycom_eleicoes_brasileiras
Vsat 2011 arycom_eleicoes_brasileirasVsat 2011 arycom_eleicoes_brasileiras
Vsat 2011 arycom_eleicoes_brasileiras
 
actividad 2
actividad 2 actividad 2
actividad 2
 
Presentacion sem taller
Presentacion sem tallerPresentacion sem taller
Presentacion sem taller
 
Rubrica pid
Rubrica pidRubrica pid
Rubrica pid
 
Presentacion sem taller
Presentacion sem tallerPresentacion sem taller
Presentacion sem taller
 
Star one antonioianelli-sspi-day-23maio2013
Star one antonioianelli-sspi-day-23maio2013Star one antonioianelli-sspi-day-23maio2013
Star one antonioianelli-sspi-day-23maio2013
 
Crash test technology international ep tender
Crash test technology international ep tenderCrash test technology international ep tender
Crash test technology international ep tender
 
Scopus sidnei-bc-day-2009
Scopus sidnei-bc-day-2009Scopus sidnei-bc-day-2009
Scopus sidnei-bc-day-2009
 
0 sspi ii_sspi_day-2013-abertura
0 sspi ii_sspi_day-2013-abertura0 sspi ii_sspi_day-2013-abertura
0 sspi ii_sspi_day-2013-abertura
 
Imagine digital: Mais clientes, resultados e geração de valor
Imagine digital: Mais clientes, resultados e geração de valorImagine digital: Mais clientes, resultados e geração de valor
Imagine digital: Mais clientes, resultados e geração de valor
 
Bajo rendimiento academico
Bajo rendimiento academicoBajo rendimiento academico
Bajo rendimiento academico
 
Normas de control_interno
Normas de control_internoNormas de control_interno
Normas de control_interno
 
Ejercicio 3
Ejercicio 3Ejercicio 3
Ejercicio 3
 

Similar a Producto 3 joon y jorge 9no a (20)

Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3
Producto 3Producto 3
Producto 3
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Producto 3
Producto 3Producto 3
Producto 3
 
Html
HtmlHtml
Html
 
Producto 3
Producto 3 Producto 3
Producto 3
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
(producto 3)
 (producto 3) (producto 3)
(producto 3)
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Programación para web
Programación para webProgramación para web
Programación para web
 
Consulta
ConsultaConsulta
Consulta
 
Consulta_
Consulta_Consulta_
Consulta_
 
Codigo HTML.docx
Codigo HTML.docxCodigo HTML.docx
Codigo HTML.docx
 
DIAPOSITIVA.pptx
DIAPOSITIVA.pptxDIAPOSITIVA.pptx
DIAPOSITIVA.pptx
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
etiquetas y editores.pptx
etiquetas y editores.pptxetiquetas y editores.pptx
etiquetas y editores.pptx
 
Diseño de Páginas Web - HTML
Diseño de Páginas Web - HTMLDiseño de Páginas Web - HTML
Diseño de Páginas Web - HTML
 
Mi Primera Pagina
Mi Primera PaginaMi Primera Pagina
Mi Primera Pagina
 

Producto 3 joon y jorge 9no a

  • 1. Diseño de paginas Web HECHO POR: HYOUNG JOON LEE Y JORGE ALBERTO VALDES HERNANDEZ
  • 2. ¿Qué es HTML? HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla.
  • 3. ¿Cómo se estructura una pagina web? Básicamente, los sitios web se componen y estructuran de la siguiente manera: Contenedor: Esto es lo que definimos en la regla y en dentro de este contenedor estan todos los elementos del sitio. Logotipo: Aquí es donde debemos dejar la imagen de la empresa, que identificará la marca en todo el sitio. Contenido: Lo más importante y fundamental de una buena página. Lo que mantiene al visitante cautivo e interesado. Footer: Localizado al final del sitio, abajo, generalmente dejamos ahí información de Copyright y legales o menús secundarios.
  • 4. ¿Qué es una etiqueta? Una etiqueta o marca HTML es un código que se incluye en los archivos creados con el lenguaje HTML para estructurar, añadir significado o formato al contenido a una página web.
  • 5. Etiquetas principales de HTML <HTML>: indica el comienzo del documento HTML. * <HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title> de la web, una descripción y otras informaciones relacionadas con el contenido de la página. * <BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web. * <H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en buscadores. * <A>: define los enlaces. * <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>. * <P>: el texto dentro de esta etiqueta forma un párrafo. * <IMG>: imágenes. * <BR>: salto de línea.
  • 6. Bibliografía http://www.aprenderaprogramar.com/ http://magazine.joomla.org/ http://www.desarrolloweb.com/ http://www.blogginred.com/
  • 7. Gracias por su atención