SlideShare una empresa de Scribd logo
1 de 7
Diseño de 
paginas web 
Equipo: Carolina Olvera y 
Jaqueline lozano
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.
Estructura de una pagina web 
 Debemos indicar qué tipo de página estamos 
generando, qué información adicional llevará y dónde 
comienza el contenido que debe ser mostrado. 
 Empieza con <html> y termina </html>
Etiqueta HTML 
 Una etiqueta 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.
Atributo de HTML 
 Es una especificación 
que define una 
propiedad de un Objeto, 
elemento o archivo. 
 Los atributos siempre van con la 
estructura: nombre="valor". 
 Los atributos siempre van en la 
etiqueta de apertura. 
 Los valores siempre hay que 
ponerlos entre comillas 
 otro atributo es que puede 
describir la apariencia del 
documento..
Etiquetas básicas para una 
pagina web 
 <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.
Bibliografia 
 27/08/14- 
http://www.ite.educacion.es/for 
macion/materiales/182/cd/dos/ 
estructura_bsica_de_una_pgina. 
html 
 27/08/14- 
http://ayudaparamiweb.blogspo 
t.mx/2008/11/etiquetas-basicas-de- 
html.html 
 27/08/14- 
http://html.hazunaweb.com/102. 
php 
 27/08/14- 
http://www.mclibre.org/consultar 
/amaya/xhtml/xhtml_atributos.ht 
ml

Más contenido relacionado

La actualidad más candente (18)

HTML
HTMLHTML
HTML
 
Clase 07 04 08
Clase 07 04 08Clase 07 04 08
Clase 07 04 08
 
Colegionacionalnicolasesguerra.docx
Colegionacionalnicolasesguerra.docxColegionacionalnicolasesguerra.docx
Colegionacionalnicolasesguerra.docx
 
Lenguaje html y css ..
Lenguaje html y css ..Lenguaje html y css ..
Lenguaje html y css ..
 
Html
HtmlHtml
Html
 
Htmlbasico
HtmlbasicoHtmlbasico
Htmlbasico
 
Maestro mk
Maestro mkMaestro mk
Maestro mk
 
Html5
Html5Html5
Html5
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Uso de CSS
Uso de CSSUso de CSS
Uso de CSS
 
S.p.m
S.p.mS.p.m
S.p.m
 
Html y css
Html y cssHtml y css
Html y css
 
Tarea investigación formativa unidad 1. html
Tarea investigación formativa unidad 1. htmlTarea investigación formativa unidad 1. html
Tarea investigación formativa unidad 1. html
 
El código html
El código htmlEl código html
El código html
 
Slideshare
SlideshareSlideshare
Slideshare
 
Ac programacion
Ac programacionAc programacion
Ac programacion
 
Edición de documentos
Edición de documentosEdición de documentos
Edición de documentos
 
CLASES DE DISEÑO WEB
CLASES DE DISEÑO WEBCLASES DE DISEÑO WEB
CLASES DE DISEÑO WEB
 

Destacado

Actividad abp1
Actividad abp1Actividad abp1
Actividad abp1
antonioaza
 
7 สามัญ ชีววิทยา
7 สามัญ ชีววิทยา7 สามัญ ชีววิทยา
7 สามัญ ชีววิทยา
wineper
 
História e novos projetos WJ Brands
História e novos projetos WJ BrandsHistória e novos projetos WJ Brands
História e novos projetos WJ Brands
Jordana Ricci
 
Bullying νίκος-βαγγέλης
Bullying νίκος-βαγγέληςBullying νίκος-βαγγέλης
Bullying νίκος-βαγγέλης
dimuserelas
 
อ.สุมน
อ.สุมนอ.สุมน
อ.สุมน
anti1508
 
Whitinger jeremy ppp_pcp1501
Whitinger jeremy ppp_pcp1501Whitinger jeremy ppp_pcp1501
Whitinger jeremy ppp_pcp1501
jw88m520
 
Paperless boardroom
Paperless boardroomPaperless boardroom
Paperless boardroom
raonauk
 
Presentación constitución de 1978
Presentación constitución de 1978Presentación constitución de 1978
Presentación constitución de 1978
juansierradoncel
 
Numeros enteros
Numeros enterosNumeros enteros
Numeros enteros
2kfmbmg3
 
Microsoft power point 高一報告(34)
Microsoft power point   高一報告(34)Microsoft power point   高一報告(34)
Microsoft power point 高一報告(34)
vx44wd
 
La RevolucióN Industrial
La RevolucióN IndustrialLa RevolucióN Industrial
La RevolucióN Industrial
guestd8675f
 
C keneddy macarao
C keneddy macaraoC keneddy macarao
C keneddy macarao
vmav15
 

Destacado (16)

Actividad abp1
Actividad abp1Actividad abp1
Actividad abp1
 
7 สามัญ ชีววิทยา
7 สามัญ ชีววิทยา7 สามัญ ชีววิทยา
7 สามัญ ชีววิทยา
 
Làm giấy phép đầu tư đông nai
Làm giấy phép đầu tư đông naiLàm giấy phép đầu tư đông nai
Làm giấy phép đầu tư đông nai
 
História e novos projetos WJ Brands
História e novos projetos WJ BrandsHistória e novos projetos WJ Brands
História e novos projetos WJ Brands
 
Bullying νίκος-βαγγέλης
Bullying νίκος-βαγγέληςBullying νίκος-βαγγέλης
Bullying νίκος-βαγγέλης
 
Act.45
Act.45Act.45
Act.45
 
อ.สุมน
อ.สุมนอ.สุมน
อ.สุมน
 
La contaminación
La contaminaciónLa contaminación
La contaminación
 
Whitinger jeremy ppp_pcp1501
Whitinger jeremy ppp_pcp1501Whitinger jeremy ppp_pcp1501
Whitinger jeremy ppp_pcp1501
 
Paperless boardroom
Paperless boardroomPaperless boardroom
Paperless boardroom
 
Presentación constitución de 1978
Presentación constitución de 1978Presentación constitución de 1978
Presentación constitución de 1978
 
Numeros enteros
Numeros enterosNumeros enteros
Numeros enteros
 
Microsoft power point 高一報告(34)
Microsoft power point   高一報告(34)Microsoft power point   高一報告(34)
Microsoft power point 高一報告(34)
 
La RevolucióN Industrial
La RevolucióN IndustrialLa RevolucióN Industrial
La RevolucióN Industrial
 
день нептуна
день нептунадень нептуна
день нептуна
 
C keneddy macarao
C keneddy macaraoC keneddy macarao
C keneddy macarao
 

Similar a Producto 3

Html conceptos basicos presentacion no1
Html conceptos basicos presentacion  no1Html conceptos basicos presentacion  no1
Html conceptos basicos presentacion no1
fgabycastillo
 

Similar a Producto 3 (20)

Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Producto3 Ariana y irnesto
Producto3 Ariana y irnestoProducto3 Ariana y irnesto
Producto3 Ariana y irnesto
 
Producto 3
Producto 3Producto 3
Producto 3
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Html conceptos basicos presentacion no1
Html conceptos basicos presentacion  no1Html conceptos basicos presentacion  no1
Html conceptos basicos presentacion no1
 
HTML_Estructura Basica.pptx
HTML_Estructura Basica.pptxHTML_Estructura Basica.pptx
HTML_Estructura Basica.pptx
 
Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3
Producto 3Producto 3
Producto 3
 
Producto 3 Juan Carlos y Cesar 9B
Producto 3 Juan Carlos y Cesar 9BProducto 3 Juan Carlos y Cesar 9B
Producto 3 Juan Carlos y Cesar 9B
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
DIAPOSITIVA.pptx
DIAPOSITIVA.pptxDIAPOSITIVA.pptx
DIAPOSITIVA.pptx
 
CLASE DE HTML
CLASE DE HTML CLASE DE HTML
CLASE DE HTML
 
Html
HtmlHtml
Html
 
Programación para web
Programación para webProgramación para web
Programación para web
 
Diseño WEB 1.pptx
Diseño WEB 1.pptxDiseño WEB 1.pptx
Diseño WEB 1.pptx
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 

Último

6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
NadiaMartnez11
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 

Último (20)

SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
 
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptxEL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Diapositivas de animales reptiles secundaria
Diapositivas de animales reptiles secundariaDiapositivas de animales reptiles secundaria
Diapositivas de animales reptiles secundaria
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 

Producto 3

  • 1. Diseño de paginas web Equipo: Carolina Olvera y Jaqueline lozano
  • 2. 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. Estructura de una pagina web  Debemos indicar qué tipo de página estamos generando, qué información adicional llevará y dónde comienza el contenido que debe ser mostrado.  Empieza con <html> y termina </html>
  • 4. Etiqueta HTML  Una etiqueta 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. Atributo de HTML  Es una especificación que define una propiedad de un Objeto, elemento o archivo.  Los atributos siempre van con la estructura: nombre="valor".  Los atributos siempre van en la etiqueta de apertura.  Los valores siempre hay que ponerlos entre comillas  otro atributo es que puede describir la apariencia del documento..
  • 6. Etiquetas básicas para una pagina web  <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.
  • 7. Bibliografia  27/08/14- http://www.ite.educacion.es/for macion/materiales/182/cd/dos/ estructura_bsica_de_una_pgina. html  27/08/14- http://ayudaparamiweb.blogspo t.mx/2008/11/etiquetas-basicas-de- html.html  27/08/14- http://html.hazunaweb.com/102. php  27/08/14- http://www.mclibre.org/consultar /amaya/xhtml/xhtml_atributos.ht ml