SlideShare ist ein Scribd-Unternehmen logo
1 von 6
Producto 3: 
Diseño de paginas Web 
Hecho por Karla Rubi Batiz 
Sánchez y Fernanda López Mejía
¿Qué es HTML? 
• El lenguaje en el cual se realiza la Navegación Web lleva las 
siglas en el idioma inglés de HTML (es decir, Hyper Text 
Markup Language) que en nuestro idioma significa Lenguaje 
de Marcado de Hipertexto , siendo empleado para la 
creación, el diseño y el desarrollo de las páginas web que 
visitamos cotidianamente.
¿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>
¿Qué es una etiqueta? 
• Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá 
el mismo texto que la de inicio añadiéndole al principio una barra 
inclinada (/). El efecto que define la etiqueta tendrá validez para todo lo que 
este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras 
etiquetas HTML. 
• <ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA> 
• Por ejemplo, con la etiqueta siguiente: 
• <B>Texto que será en negrita</B>. 
• Obtendremos: 
• Texto que será en negrita
Etiquetas principales 
• html>>:inicio y final de un documento html 
• head:>> cabecera del documento HTML 
• title:>> define el título de la página (va dentro de head, pero es 
obligatoria) 
• Body>>: cuerpo del documento HTML
Bibliografía 
• mastermagazine http://www.mastermagazine.in 
fo/termino/5286.php#ixzz3Bbss63YP 
• http://html.hazunaweb.com/102.php 
• http://ima.udg.es/~dagush/cursohtml/etiquet1. 
htm

Weitere ähnliche Inhalte

Was ist angesagt? (19)

Html
HtmlHtml
Html
 
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
 
Clase 3 HTML
Clase 3 HTMLClase 3 HTML
Clase 3 HTML
 
Clase 1 periodo II html
Clase 1 periodo II  htmlClase 1 periodo II  html
Clase 1 periodo II html
 
Diseño de páginas web estilo del texto
Diseño de páginas web   estilo del textoDiseño de páginas web   estilo del texto
Diseño de páginas web estilo del texto
 
Programación Avanzada
Programación AvanzadaProgramación Avanzada
Programación Avanzada
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Muñozzz
MuñozzzMuñozzz
Muñozzz
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 
Rodrigues
RodriguesRodrigues
Rodrigues
 
La internet
La internetLa internet
La internet
 
Lore
LoreLore
Lore
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
WordPress & WooCommerce Multilingual - WordCamp Malaga
WordPress & WooCommerce Multilingual - WordCamp MalagaWordPress & WooCommerce Multilingual - WordCamp Malaga
WordPress & WooCommerce Multilingual - WordCamp Malaga
 
HTML5
HTML5HTML5
HTML5
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Xml y html
Xml y htmlXml y html
Xml y html
 
Html y html5
Html y html5Html y html5
Html y html5
 

Andere mochten auch

Taller casosdefactorizacion-121129184046-phpapp01
Taller casosdefactorizacion-121129184046-phpapp01Taller casosdefactorizacion-121129184046-phpapp01
Taller casosdefactorizacion-121129184046-phpapp01Robert Araujo
 
Grenada Real Estate Market
Grenada Real Estate MarketGrenada Real Estate Market
Grenada Real Estate MarketMaria Davies
 
Motivate Europe Live: Essential Global Recognition & engagement Insights
Motivate Europe Live: Essential Global Recognition & engagement InsightsMotivate Europe Live: Essential Global Recognition & engagement Insights
Motivate Europe Live: Essential Global Recognition & engagement InsightsMotivate Europe Live
 
Un bonito-cuento-diapositivas
Un bonito-cuento-diapositivasUn bonito-cuento-diapositivas
Un bonito-cuento-diapositivasESPEJO 25
 
Hoja de vida juan jose quirola
Hoja de vida juan jose quirolaHoja de vida juan jose quirola
Hoja de vida juan jose quirolajuanjosequirolam
 
Cares creatives
Cares creativesCares creatives
Cares creatives171273
 
Principles of anatomy and physiology 14e tortora test banks and solution ...
Principles of anatomy and physiology 14e tortora  test banks and    solution ...Principles of anatomy and physiology 14e tortora  test banks and    solution ...
Principles of anatomy and physiology 14e tortora test banks and solution ...Solution Manual TESTBANKSM01
 
Cuidemos la naturaleza!
Cuidemos la naturaleza!Cuidemos la naturaleza!
Cuidemos la naturaleza!luz-stella
 
159158 One Source Solutions Collateral
159158 One Source Solutions Collateral159158 One Source Solutions Collateral
159158 One Source Solutions Collateraljpigeon64
 
טיול לדרום אמריקה בקצב הסמבה
טיול לדרום אמריקה בקצב הסמבהטיול לדרום אמריקה בקצב הסמבה
טיול לדרום אמריקה בקצב הסמבהRoniMichael
 

Andere mochten auch (13)

Taller casosdefactorizacion-121129184046-phpapp01
Taller casosdefactorizacion-121129184046-phpapp01Taller casosdefactorizacion-121129184046-phpapp01
Taller casosdefactorizacion-121129184046-phpapp01
 
Issue28 eng
Issue28 engIssue28 eng
Issue28 eng
 
Grenada Real Estate Market
Grenada Real Estate MarketGrenada Real Estate Market
Grenada Real Estate Market
 
Motivate Europe Live: Essential Global Recognition & engagement Insights
Motivate Europe Live: Essential Global Recognition & engagement InsightsMotivate Europe Live: Essential Global Recognition & engagement Insights
Motivate Europe Live: Essential Global Recognition & engagement Insights
 
Un bonito-cuento-diapositivas
Un bonito-cuento-diapositivasUn bonito-cuento-diapositivas
Un bonito-cuento-diapositivas
 
Hoja de vida juan jose quirola
Hoja de vida juan jose quirolaHoja de vida juan jose quirola
Hoja de vida juan jose quirola
 
Cares creatives
Cares creativesCares creatives
Cares creatives
 
Actividad 2 tema 3
Actividad 2 tema 3Actividad 2 tema 3
Actividad 2 tema 3
 
Principles of anatomy and physiology 14e tortora test banks and solution ...
Principles of anatomy and physiology 14e tortora  test banks and    solution ...Principles of anatomy and physiology 14e tortora  test banks and    solution ...
Principles of anatomy and physiology 14e tortora test banks and solution ...
 
Cuidemos la naturaleza!
Cuidemos la naturaleza!Cuidemos la naturaleza!
Cuidemos la naturaleza!
 
Equipo4
Equipo4Equipo4
Equipo4
 
159158 One Source Solutions Collateral
159158 One Source Solutions Collateral159158 One Source Solutions Collateral
159158 One Source Solutions Collateral
 
טיול לדרום אמריקה בקצב הסמבה
טיול לדרום אמריקה בקצב הסמבהטיול לדרום אמריקה בקצב הסמבה
טיול לדרום אמריקה בקצב הסמבה
 

Ähnlich wie Diseño de páginas web con HTML: introducción a etiquetas, estructura y componentes básicos

Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1luchopaisa
 
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 WebJoshi Tüsa
 
Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" AlisonMarinone
 
Producto 3 "Diseño de pagina WEB"
Producto 3 "Diseño de pagina WEB"Producto 3 "Diseño de pagina WEB"
Producto 3 "Diseño de pagina WEB"LuisFernando2511
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerraCarlos Cubillos
 
Producto 3 "Diseño de paginas web"
Producto 3 "Diseño de paginas web"Producto 3 "Diseño de paginas web"
Producto 3 "Diseño de paginas web"marinonema2
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraDavid Cuellar
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraNicolas Tavera
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraNicolas Tavera
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSebaMaya
 
Clase 1 de html
Clase 1 de htmlClase 1 de html
Clase 1 de htmlUTLA
 
Presentación1 html
Presentación1 htmlPresentación1 html
Presentación1 htmlemely5
 

Ähnlich wie Diseño de páginas web con HTML: introducción a etiquetas, estructura y componentes básicos (20)

Presentación
PresentaciónPresentación
Presentación
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
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
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
etiquetas.pdf
etiquetas.pdfetiquetas.pdf
etiquetas.pdf
 
Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web"
 
Producto 3 "Diseño de pagina WEB"
Producto 3 "Diseño de pagina WEB"Producto 3 "Diseño de pagina WEB"
Producto 3 "Diseño de pagina WEB"
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Guia#1 info
Guia#1 infoGuia#1 info
Guia#1 info
 
Producto 3 "Diseño de paginas web"
Producto 3 "Diseño de paginas web"Producto 3 "Diseño de paginas web"
Producto 3 "Diseño de paginas web"
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Clase 1 de html
Clase 1 de htmlClase 1 de html
Clase 1 de html
 
Html
HtmlHtml
Html
 
Diapositivas 1
Diapositivas 1Diapositivas 1
Diapositivas 1
 
Diapositivas 1
Diapositivas 1Diapositivas 1
Diapositivas 1
 
Presentación1 html
Presentación1 htmlPresentación1 html
Presentación1 html
 

Kürzlich hochgeladen

Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAcoloncopias5
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxchinojosa17
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDLeslie Villar
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxNicolas Villarroel
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)BrianaFrancisco
 
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat Vers...
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat  Vers...11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat  Vers...
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat Vers...#LatamDigital
 
Software y servicios de internet mapa conceptual.pdf
Software y servicios de internet mapa conceptual.pdfSoftware y servicios de internet mapa conceptual.pdf
Software y servicios de internet mapa conceptual.pdfDanielaEspitiaHerrer
 
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.Aldo Fernandez
 
que es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxque es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxmrzreyes12
 

Kürzlich hochgeladen (14)

Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIAFisica General.pdf ESCUELA D QUIMICA E INGENIERIA
Fisica General.pdf ESCUELA D QUIMICA E INGENIERIA
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
Tema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptxTema 1 - Fundamentos de gestión contable.pptx
Tema 1 - Fundamentos de gestión contable.pptx
 
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULDGRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
GRUPO 10 SOFTWARE DE EL CAMPO DE LA SAULD
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
GRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptxGRUPO 5 Software en el campo de la salud.pptx
GRUPO 5 Software en el campo de la salud.pptx
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)Practica guiada Menu_ tecnología (Tic's)
Practica guiada Menu_ tecnología (Tic's)
 
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat Vers...
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat  Vers...11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat  Vers...
11º Anuncio Nominados Finalistas Premios #LatamDigital 2024 by Interlat Vers...
 
Software y servicios de internet mapa conceptual.pdf
Software y servicios de internet mapa conceptual.pdfSoftware y servicios de internet mapa conceptual.pdf
Software y servicios de internet mapa conceptual.pdf
 
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
ChatGPT Inteligencia artificial, funciones, limitaciones y ventajas.
 
que es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptxque es Planimetría definición importancia en topografia.pptx
que es Planimetría definición importancia en topografia.pptx
 

Diseño de páginas web con HTML: introducción a etiquetas, estructura y componentes básicos

  • 1. Producto 3: Diseño de paginas Web Hecho por Karla Rubi Batiz Sánchez y Fernanda López Mejía
  • 2. ¿Qué es HTML? • El lenguaje en el cual se realiza la Navegación Web lleva las siglas en el idioma inglés de HTML (es decir, Hyper Text Markup Language) que en nuestro idioma significa Lenguaje de Marcado de Hipertexto , siendo empleado para la creación, el diseño y el desarrollo de las páginas web que visitamos cotidianamente.
  • 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>
  • 4. ¿Qué es una etiqueta? • Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada (/). El efecto que define la etiqueta tendrá validez para todo lo que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML. • <ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA> • Por ejemplo, con la etiqueta siguiente: • <B>Texto que será en negrita</B>. • Obtendremos: • Texto que será en negrita
  • 5. Etiquetas principales • html>>:inicio y final de un documento html • head:>> cabecera del documento HTML • title:>> define el título de la página (va dentro de head, pero es obligatoria) • Body>>: cuerpo del documento HTML
  • 6. Bibliografía • mastermagazine http://www.mastermagazine.in fo/termino/5286.php#ixzz3Bbss63YP • http://html.hazunaweb.com/102.php • http://ima.udg.es/~dagush/cursohtml/etiquet1. htm