SlideShare una empresa de Scribd logo
1 de 9
Aprendiendo
HTML:
Conceptos
básicos e
intermedios
¿Qué es HTML?
Las etiquetas HTML son elementos que se utilizan para estructurar y dar
formato al contenido de una página web.
Algunas de las etiquetas más comunes son <p> para párrafos, <img>
para
imágenes y <a> para enlaces.
Es importante cerrar todas las etiquetas correctamente para evitar errores
en la visualización de la página.
Cómo funciona HTML
HTML significa HyperText Markup Language y se utiliza para crear
páginas web.
Los elementos HTML se utilizan para estructurar y dar formato al
contenido de la página.
Las etiquetas HTML son los bloques de construcción básicos de una
página web y se utilizan para definir elementos dentro de la página.
Etiquetas HTML
básicas
Las etiquetas de encabezado (h1, h2, h3, etc.) se
utilizan para definir el título y la jerarquía de la
información en una página HTML.
Atributos
HTML
Los atributos en HTML proveen
información adicional sobre un
elemento. Los atributos comunes
incluyen 'class', 'id', y 'style'.
Estructura
de una
página
HTML
Las etiquetas HTML son
elementos fundamentales para
estructurar y dar formato a una
página web. Aprende las más
importantes para empezar!
Creación
de un sitio
web básico
con HTML
HTML es el lenguaje de marcado
básico para crear sitios web.
Aprende las etiquetas esenciales,
como <html>, <head>, <body>,
<p>, <img>, y <a>.
Recursos para
seguir aprendiendo
HTML
Las etiquetas esenciales en HTML
incluyen <html>, <head>, <title>, <body>,
<h1>-<h6>, <p>, <a>, <img>, <ul>, <ol>,
y <li>. Aprende cómo usarlas.
¡Gracias por asistir! Esperamos que hayas
aprendido algo nuevo sobre HTML
y te animes a seguir explorando este
fascinante lenguaje de programación.

Más contenido relacionado

Similar a conceptos basicos html5.ppt

Similar a conceptos basicos html5.ppt (20)

CODIGOS HTML.pptx Angulo y Hurtado 10-
CODIGOS  HTML.pptx Angulo y  Hurtado 10-CODIGOS  HTML.pptx Angulo y  Hurtado 10-
CODIGOS HTML.pptx Angulo y Hurtado 10-
 
Html
HtmlHtml
Html
 
Curso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTMLCurso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTML
 
Abraham
AbrahamAbraham
Abraham
 
CLASE DE HTML
CLASE DE HTML CLASE DE HTML
CLASE DE HTML
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
Códigos HTML Magdalena Ortega de nariño.
Códigos HTML Magdalena Ortega de nariño.Códigos HTML Magdalena Ortega de nariño.
Códigos HTML Magdalena Ortega de nariño.
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Consulta
ConsultaConsulta
Consulta
 
Consulta_
Consulta_Consulta_
Consulta_
 
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
 
Producto 3
Producto 3Producto 3
Producto 3
 
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLCODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
 
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcCODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
 
Producto 3
Producto 3Producto 3
Producto 3
 

Último

Manual de uso Avanzado para Excel 2016.pdf
Manual de uso  Avanzado para Excel 2016.pdfManual de uso  Avanzado para Excel 2016.pdf
Manual de uso Avanzado para Excel 2016.pdfwilmar nuñez
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdftortillasdemaizjf2
 
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptxADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptxclinivalleu
 
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MASARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MASctoeduardoalonso
 
Informe de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxInforme de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxBEATickPoco
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesLuis Fernando Salgado
 
Presentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxPresentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxMartnAndrsContrerasL
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoCristianLobo10
 
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALLA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALPaolaPeguero4
 
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfNOEMIFONTEROMERO1
 
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOSTEOFILO65
 
que son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tiposque son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tiposNikholIk1
 
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxLA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxJUANOSCARVILLARROELA
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfPowerRayo
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...jose880240
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Iirenecarmona12
 
Metodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometroMetodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometrojuanpiorellanodocent
 
S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1eje12345ja
 
Curso Suoervición titulación UAP Ing Civil 2024.pptx
Curso  Suoervición titulación UAP Ing Civil 2024.pptxCurso  Suoervición titulación UAP Ing Civil 2024.pptx
Curso Suoervición titulación UAP Ing Civil 2024.pptxYONEREUCEBIOCABIAFAL1
 

Último (20)

Manual de uso Avanzado para Excel 2016.pdf
Manual de uso  Avanzado para Excel 2016.pdfManual de uso  Avanzado para Excel 2016.pdf
Manual de uso Avanzado para Excel 2016.pdf
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptxADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
 
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MASARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
ARTE PARTE DE LA ARQUITECTURA, EN QUE INFLUYE MAS
 
Informe de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxInforme de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docx
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
Presentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxPresentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptx
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALLA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
 
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
5-. FURRIEL.doc DOCUMENTO PARA LLEVAR EL CONTROL DE LOS SERVICIOS
 
que son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tiposque son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tipos
 
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxLA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
 
Metodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometroMetodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometro
 
S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1
 
Curso Suoervición titulación UAP Ing Civil 2024.pptx
Curso  Suoervición titulación UAP Ing Civil 2024.pptxCurso  Suoervición titulación UAP Ing Civil 2024.pptx
Curso Suoervición titulación UAP Ing Civil 2024.pptx
 

conceptos basicos html5.ppt

  • 2. ¿Qué es HTML? Las etiquetas HTML son elementos que se utilizan para estructurar y dar formato al contenido de una página web. Algunas de las etiquetas más comunes son <p> para párrafos, <img> para imágenes y <a> para enlaces. Es importante cerrar todas las etiquetas correctamente para evitar errores en la visualización de la página.
  • 3. Cómo funciona HTML HTML significa HyperText Markup Language y se utiliza para crear páginas web. Los elementos HTML se utilizan para estructurar y dar formato al contenido de la página. Las etiquetas HTML son los bloques de construcción básicos de una página web y se utilizan para definir elementos dentro de la página.
  • 4. Etiquetas HTML básicas Las etiquetas de encabezado (h1, h2, h3, etc.) se utilizan para definir el título y la jerarquía de la información en una página HTML.
  • 5. Atributos HTML Los atributos en HTML proveen información adicional sobre un elemento. Los atributos comunes incluyen 'class', 'id', y 'style'.
  • 6. Estructura de una página HTML Las etiquetas HTML son elementos fundamentales para estructurar y dar formato a una página web. Aprende las más importantes para empezar!
  • 7. Creación de un sitio web básico con HTML HTML es el lenguaje de marcado básico para crear sitios web. Aprende las etiquetas esenciales, como <html>, <head>, <body>, <p>, <img>, y <a>.
  • 8. Recursos para seguir aprendiendo HTML Las etiquetas esenciales en HTML incluyen <html>, <head>, <title>, <body>, <h1>-<h6>, <p>, <a>, <img>, <ul>, <ol>, y <li>. Aprende cómo usarlas.
  • 9. ¡Gracias por asistir! Esperamos que hayas aprendido algo nuevo sobre HTML y te animes a seguir explorando este fascinante lenguaje de programación.