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 para informatica 10/04/24
Códigos HTML.pptx para informatica 10/04/24

Más contenido relacionado

Similar a Códigos HTML.pptx para informatica 10/04/24

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 para informatica 10/04/24 (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

Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
NELLYKATTY
 
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdfEdiciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
Demetrio Ccesa Rayme
 
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdfANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
lvela1316
 
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
 

Último (20)

La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
 
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdfPasos para enviar una tarea en SIANET - sólo estudiantes.pdf
Pasos para enviar una tarea en SIANET - sólo estudiantes.pdf
 
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
 
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...
 
Los caminos del saber matematicas 7°.pdf
Los caminos del saber matematicas 7°.pdfLos caminos del saber matematicas 7°.pdf
Los caminos del saber matematicas 7°.pdf
 
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
 
ACERTIJO CÁLCULOS MATEMÁGICOS EN LA CARRERA OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO CÁLCULOS MATEMÁGICOS EN LA CARRERA OLÍMPICA. Por JAVIER SOLIS NOYOLAACERTIJO CÁLCULOS MATEMÁGICOS EN LA CARRERA OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO CÁLCULOS MATEMÁGICOS EN LA CARRERA OLÍMPICA. Por JAVIER SOLIS NOYOLA
 
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
 
EL CARDENALITO Lengua y Literatura de 6 grado
EL CARDENALITO Lengua y Literatura de 6 gradoEL CARDENALITO Lengua y Literatura de 6 grado
EL CARDENALITO Lengua y Literatura de 6 grado
 
TEMA EGIPTO.pdf. Presentación civilización
TEMA EGIPTO.pdf. Presentación civilizaciónTEMA EGIPTO.pdf. Presentación civilización
TEMA EGIPTO.pdf. Presentación civilización
 
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdfEdiciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D  Ccesa007.pdf
Ediciones Previas Proyecto de Innovacion Pedagogica ORIGAMI 3D Ccesa007.pdf
 
Power Point : Motivados por la esperanza
Power Point : Motivados por la esperanzaPower Point : Motivados por la esperanza
Power Point : Motivados por la esperanza
 
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...
 
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdfANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
ANTOLOGIA COMPLETA ANITA LA ABEJITA PARA LA LECTOESCRITURA EN PRIMER GRADO.pdf
 
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanenteDiapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
 
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
 
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
 
Tema 9. Roma. 1º ESO 2014. Ciencias SOciales
Tema 9. Roma. 1º ESO 2014. Ciencias SOcialesTema 9. Roma. 1º ESO 2014. Ciencias SOciales
Tema 9. Roma. 1º ESO 2014. Ciencias SOciales
 
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
 

Códigos HTML.pptx para informatica 10/04/24

  • 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>