Tu primer laboratorio de HTML

HTMLHTMLBeginner
Practicar Ahora

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

Hola, bienvenido a LabEx. En este primer laboratorio, aprenderás el clásico programa "Hello, World!" en HTML.

Haz clic en el botón Continuar a continuación para comenzar el laboratorio.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL html(("HTML")) -.-> html/TextContentandFormattingGroup(["Text Content and Formatting"]) html(("HTML")) -.-> html/BasicStructureGroup(["Basic Structure"]) html/BasicStructureGroup -.-> html/basic_elems("Basic Elements") html/BasicStructureGroup -.-> html/head_elems("Head Elements") html/TextContentandFormattingGroup -.-> html/text_head("Text and Headings") subgraph Lab Skills html/basic_elems -.-> lab-92740{{"Tu primer laboratorio de HTML"}} html/head_elems -.-> lab-92740{{"Tu primer laboratorio de HTML"}} html/text_head -.-> lab-92740{{"Tu primer laboratorio de HTML"}} end

Hola HTML

HTML es el lenguaje de la web. Es la base de cada página web que ves. HTML es un acrónimo de HyperText Markup Language (Lenguaje de Marcado de Hipertexto). Es un lenguaje de marcado que utiliza una sintaxis especial para describir la estructura de una página web. HTML no es un lenguaje de programación. Es un lenguaje de marcado que utiliza una sintaxis especial para describir la estructura de una página web.

Ya hemos creado el archivo index.html en el WebIDE. Abrámoslo y agreguemos algo de código HTML.

<!doctype html>

<html>
  <head>
    <title>My First Web Page</title>
  </head>
  <body>
    <h1>Hello HTML</h1>
  </body>
</html>
Código HTML en WebIDE

Luego, haz clic en el botón Go Live en la esquina inferior derecha. Esto ejecutará un servidor web local en el puerto 8080.

Ahora, puedes cambiar a la pestaña Web 8080 y hacer clic en el botón de actualizar para ver los cambios.

Botón de actualización de la pestaña Web 8080

Resumen

¡Felicidades! Has completado tu primer laboratorio en LabEx.

Si quieres aprender más sobre LabEx y cómo usarlo, puedes visitar nuestro Centro de Soporte. O puedes ver el vídeo para saber más sobre LabEx.

La programación es un largo camino, pero el Siguiente Laboratorio está a solo un clic de distancia. ¡Empecemos!