SlideShare una empresa de Scribd logo
1 de 10
 Los códigos HTML (HyperText Markup Language) son un conjunto de
etiquetas o elementos que se utilizan para estructurar y presentar
contenido en páginas web. HTML es el lenguaje estándar utilizado para
crear documentos web y describe la estructura básica de una página
web, incluyendo texto, imágenes, enlaces, formularios y otros
elementos.
 Los códigos HTML consisten en etiquetas rodeadas por corchetes
angulares ("<" y ">") que indican al navegador web cómo mostrar el
contenido. Cada etiqueta tiene una función específica y puede contener
atributos que proporcionan información adicional sobre cómo debe
tratarse el contenido.
Los códigos HTML son esenciales para blogs y páginas web, ya que
proporcionan la estructura básica del contenido, como encabezados,
párrafos, imágenes y enlaces. También permiten la creación de
formularios para la interacción del usuario y se combinan con CSS para
dar formato y diseño a la página. Además, cuando se utiliza junto con
JavaScript, HTML puede agregar interactividad, como animaciones y
validación de formularios. La estructura semántica de HTML también
beneficia la accesibilidad y el SEO al hacer que el contenido sea
comprensible para los motores de búsqueda y dispositivos de asistencia.
 HTML ha evolucionado a lo largo de los años, y ha tenido varias versiones desde su
inicio.
 HTML 1.0: La primera versión oficial de HTML, lanzada en 1993.
 HTML 2.0: Publicada en 1995, esta versión incluyó nuevas características como
formularios y tablas.
 HTML 3.2: Lanzada en 1997, esta versión introdujo mejoras significativas en la
presentación y el diseño.
 HTML 4.01: Publicada en 1999, esta versión refinó y amplió HTML 3.2 con
características como estilos CSS, marcos y mejoras en los formularios.
 HTML5: Introducida en 2014, HTML5 es la versión más reciente y más ampliamente
adoptada de HTML. Ofrece muchas características nuevas, como soporte para vídeo y
audio integrados, gráficos vectoriales, geolocalización, almacenamiento local y mucho
más. HTML5 también simplifica la estructura del documento y proporciona una
mayor flexibilidad y compatibilidad con dispositivos móviles.
 1. Párrafo de texto:
<p>Este es un párrafo de ejemplo.</p>
 2. Encabezados:
<h1>Encabezado de nivel 1</h1>
<h2>Encabezado de nivel 2</h2>
<h3>Encabezado de nivel 3</h3>
 3. Lista desordenada:
<ul>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ul>
 4. Lista ordenada:
<ol>
<li>Primer elemento</li>
<li>Segundo elemento</li>
<li>Tercer elemento</li>
</ol>
 5. Enlace:
<a href="https://www.ejemplo.com">Enlace de ejemplo</a>
 6. Imagen:
<img src="ruta_de_la_imagen.jpg" alt="Descripción de la imagen">
 7. Formulario simple:
<form>
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre"><br><br>
<label for="email">Correo electrónico:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Enviar">
</form>
Códigos HTML.pptx fecha 10/04/24 magdalena ortega de nariño
Códigos HTML.pptx fecha 10/04/24 magdalena ortega de nariño

Más contenido relacionado

Similar a Códigos HTML.pptx fecha 10/04/24 magdalena ortega de nariño

Html nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomezHtml nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomez
cheguen
 
Noe html poer
Noe html poerNoe html poer
Noe html poer
Wolf Dark
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
el bergon y diego
 
Diagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitragoDiagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitrago
alejo210
 
Conceptos basicos html
Conceptos basicos htmlConceptos basicos html
Conceptos basicos html
joseNvarela906
 

Similar a Códigos HTML.pptx fecha 10/04/24 magdalena ortega de nariño (20)

Html y html5
Html  y html5Html  y html5
Html y html5
 
Que es html
Que es htmlQue es html
Que es html
 
sesion 01- HTML5
sesion 01- HTML5sesion 01- HTML5
sesion 01- HTML5
 
HTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :DHTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :D
 
Colegio debora arango perez
Colegio debora arango perezColegio debora arango perez
Colegio debora arango perez
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Curso HTML5
Curso HTML5Curso HTML5
Curso HTML5
 
Herramientas para paginas web
Herramientas para  paginas webHerramientas para  paginas web
Herramientas para paginas web
 
Html nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomezHtml nathaly fajardo, melissa gomez
Html nathaly fajardo, melissa gomez
 
Noe html poer
Noe html poerNoe html poer
Noe html poer
 
Mary html
Mary htmlMary html
Mary html
 
Que es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsQue es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesús
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Eduardo cordón
Eduardo cordónEduardo cordón
Eduardo cordón
 
Los estándares html
Los estándares htmlLos estándares html
Los estándares html
 
Barreto vanegas nicolás steven
Barreto vanegas nicolás stevenBarreto vanegas nicolás steven
Barreto vanegas nicolás steven
 
Lenguaje html y sus usos
Lenguaje html y sus usosLenguaje html y sus usos
Lenguaje html y sus usos
 
Deber d programacion 1
Deber d programacion 1Deber d programacion 1
Deber d programacion 1
 
Diagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitragoDiagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitrago
 
Conceptos basicos html
Conceptos basicos htmlConceptos basicos html
Conceptos basicos html
 

Último

Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdfEstrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
Demetrio Ccesa Rayme
 
Diseño Universal de Aprendizaje en Nuevos Escenarios JS2 Ccesa007.pdf
Diseño Universal de Aprendizaje en Nuevos Escenarios  JS2  Ccesa007.pdfDiseño Universal de Aprendizaje en Nuevos Escenarios  JS2  Ccesa007.pdf
Diseño Universal de Aprendizaje en Nuevos Escenarios JS2 Ccesa007.pdf
Demetrio Ccesa Rayme
 
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
Bitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdfBitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdf
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
Demetrio Ccesa Rayme
 

Último (20)

Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdfEstrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
 
GOBIERNO DE MANUEL ODRIA EL OCHENIO.pptx
GOBIERNO DE MANUEL ODRIA   EL OCHENIO.pptxGOBIERNO DE MANUEL ODRIA   EL OCHENIO.pptx
GOBIERNO DE MANUEL ODRIA EL OCHENIO.pptx
 
Revista Faro Normalista 6, 18 de mayo 2024
Revista Faro Normalista 6, 18 de mayo 2024Revista Faro Normalista 6, 18 de mayo 2024
Revista Faro Normalista 6, 18 de mayo 2024
 
Diseño Universal de Aprendizaje en Nuevos Escenarios JS2 Ccesa007.pdf
Diseño Universal de Aprendizaje en Nuevos Escenarios  JS2  Ccesa007.pdfDiseño Universal de Aprendizaje en Nuevos Escenarios  JS2  Ccesa007.pdf
Diseño Universal de Aprendizaje en Nuevos Escenarios JS2 Ccesa007.pdf
 
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
 
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLAACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
 
¿Que es Fuerza? online 2024 Repaso CRECE.pptx
¿Que es Fuerza? online 2024 Repaso CRECE.pptx¿Que es Fuerza? online 2024 Repaso CRECE.pptx
¿Que es Fuerza? online 2024 Repaso CRECE.pptx
 
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
Bitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdfBitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdf
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
 
04.UNIDAD DE APRENDIZAJE III CICLO-Cuidamos nuestro medioambiente (1).docx
04.UNIDAD DE APRENDIZAJE III CICLO-Cuidamos nuestro medioambiente (1).docx04.UNIDAD DE APRENDIZAJE III CICLO-Cuidamos nuestro medioambiente (1).docx
04.UNIDAD DE APRENDIZAJE III CICLO-Cuidamos nuestro medioambiente (1).docx
 
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesisnovelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
novelas-cortas--3.pdf Analisis introspectivo y retrospectivo, sintesis
 
Época colonial: vestimenta, costumbres y juegos de la época
Época colonial: vestimenta, costumbres y juegos de la épocaÉpoca colonial: vestimenta, costumbres y juegos de la época
Época colonial: vestimenta, costumbres y juegos de la época
 
Evaluación de los Factores Externos de la Organización.
Evaluación de los Factores Externos de la Organización.Evaluación de los Factores Externos de la Organización.
Evaluación de los Factores Externos de la Organización.
 
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
 
Síndrome piramidal 2024 según alvarez, farrera y wuani
Síndrome piramidal 2024 según alvarez, farrera y wuaniSíndrome piramidal 2024 según alvarez, farrera y wuani
Síndrome piramidal 2024 según alvarez, farrera y wuani
 
REGLAMENTO FINAL DE EVALUACIÓN 2024 pdf.pdf
REGLAMENTO  FINAL DE EVALUACIÓN 2024 pdf.pdfREGLAMENTO  FINAL DE EVALUACIÓN 2024 pdf.pdf
REGLAMENTO FINAL DE EVALUACIÓN 2024 pdf.pdf
 
4ª SESION la misión santificadora del Espíritu Santo en la vida de la Iglesi...
4ª SESION  la misión santificadora del Espíritu Santo en la vida de la Iglesi...4ª SESION  la misión santificadora del Espíritu Santo en la vida de la Iglesi...
4ª SESION la misión santificadora del Espíritu Santo en la vida de la Iglesi...
 
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docxcuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
cuadernillo_cuentos_de_los_valores_elprofe20 (1).docx
 
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdf
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdfDISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdf
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdf
 
4. MATERIALES QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx
4. MATERIALES QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx4. MATERIALES QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx
4. MATERIALES QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx
 
flujo de materia y energía ecosistemas.
flujo de materia y  energía ecosistemas.flujo de materia y  energía ecosistemas.
flujo de materia y energía ecosistemas.
 

Códigos HTML.pptx fecha 10/04/24 magdalena ortega de nariño

  • 1.
  • 2.  Los códigos HTML (HyperText Markup Language) son un conjunto de etiquetas o elementos que se utilizan para estructurar y presentar contenido en páginas web. HTML es el lenguaje estándar utilizado para crear documentos web y describe la estructura básica de una página web, incluyendo texto, imágenes, enlaces, formularios y otros elementos.  Los códigos HTML consisten en etiquetas rodeadas por corchetes angulares ("<" y ">") que indican al navegador web cómo mostrar el contenido. Cada etiqueta tiene una función específica y puede contener atributos que proporcionan información adicional sobre cómo debe tratarse el contenido.
  • 3.
  • 4. Los códigos HTML son esenciales para blogs y páginas web, ya que proporcionan la estructura básica del contenido, como encabezados, párrafos, imágenes y enlaces. También permiten la creación de formularios para la interacción del usuario y se combinan con CSS para dar formato y diseño a la página. Además, cuando se utiliza junto con JavaScript, HTML puede agregar interactividad, como animaciones y validación de formularios. La estructura semántica de HTML también beneficia la accesibilidad y el SEO al hacer que el contenido sea comprensible para los motores de búsqueda y dispositivos de asistencia.
  • 5.
  • 6.  HTML ha evolucionado a lo largo de los años, y ha tenido varias versiones desde su inicio.  HTML 1.0: La primera versión oficial de HTML, lanzada en 1993.  HTML 2.0: Publicada en 1995, esta versión incluyó nuevas características como formularios y tablas.  HTML 3.2: Lanzada en 1997, esta versión introdujo mejoras significativas en la presentación y el diseño.  HTML 4.01: Publicada en 1999, esta versión refinó y amplió HTML 3.2 con características como estilos CSS, marcos y mejoras en los formularios.  HTML5: Introducida en 2014, HTML5 es la versión más reciente y más ampliamente adoptada de HTML. Ofrece muchas características nuevas, como soporte para vídeo y audio integrados, gráficos vectoriales, geolocalización, almacenamiento local y mucho más. HTML5 también simplifica la estructura del documento y proporciona una mayor flexibilidad y compatibilidad con dispositivos móviles.
  • 7.  1. Párrafo de texto: <p>Este es un párrafo de ejemplo.</p>  2. Encabezados: <h1>Encabezado de nivel 1</h1> <h2>Encabezado de nivel 2</h2> <h3>Encabezado de nivel 3</h3>  3. Lista desordenada: <ul> <li>Elemento 1</li> <li>Elemento 2</li> <li>Elemento 3</li> </ul>
  • 8.  4. Lista ordenada: <ol> <li>Primer elemento</li> <li>Segundo elemento</li> <li>Tercer elemento</li> </ol>  5. Enlace: <a href="https://www.ejemplo.com">Enlace de ejemplo</a>  6. Imagen: <img src="ruta_de_la_imagen.jpg" alt="Descripción de la imagen">  7. Formulario simple: <form> <label for="nombre">Nombre:</label> <input type="text" id="nombre" name="nombre"><br><br> <label for="email">Correo electrónico:</label> <input type="email" id="email" name="email"><br><br> <input type="submit" value="Enviar"> </form>