Curso HTML | Primera Página Web | Impresión Hola Mundo

Navegación del curso 
 

Hasta ahora, ya hemos aprendido sobre la estructura de un documento HTML, etiquetas, etc. Usemos este conocimiento para crear nuestra primera página web que imprimirá el texto «¡Hola mundo!» en la pantalla.
Abra su editor de texto, escriba el siguiente código y guárdelo con el nombre «index.html».

Nota : los archivos HTML se guardan con la extensión de archivo .html

Código: index.html

HTML

<!DOCTYPE html>
 
<html>
    <head>
        <title>
            First Web Page
        </title>
    </head>
 
    <body>
        Hello World!
    </body>
</html>

Salida : al abrir el archivo en un navegador web, verá la siguiente salida.
 

Sí, es así de fácil imprimir cualquier cosa en la página web. No necesita compilar su código HTML para ejecutarlo en una página web. Como HTML es un lenguaje de secuencias de comandos, simplemente puede cambiar su código y presionar el botón Actualizar y los cambios se reflejarán en su página web de inmediato.

Haz «¡Hola mundo!» Más grande : el texto «¡Hola mundo!» parece parecer pequeño. Hagamos que parezca un poco más grande. 
Hemos visto el uso de etiquetas <h1/> en nuestros artículos anteriores. Esta es una etiqueta de encabezado en HTML que se usa para representar encabezados en una página web.

Etiquetas de encabezado : Hay seis niveles de encabezados definidos por HTML. Estos seis elementos de encabezamiento son h1, h2, h3, h4, h5 y h6; siendo h1 el nivel más alto y h6 el menor.
Usemos estas seis etiquetas de encabezado diferentes por separado para imprimir «¡Hola mundo!» y ver la diferencia. Modifique su código en index.html con el siguiente código: 

Código: index.html

HTML

<!DOCTYPE html>
 
<html>
    <head>
        <title>
            First Web Page
        </title>
    </head>
 
    <body>
        <h1>Hello World!</h1>
        <h2>Hello World!</h2>
        <h3>Hello World!</h3>
        <h4>Hello World!</h4>
        <h5>Hello World!</h5>
        <h6>Hello World!</h6>
    </body>
</html>

Salida : al actualizar la página web, verá que la salida cambiará a esta
 

Navegador compatible:

  • Google Chrome
  • Borde de Microsoft
  • Firefox
  • Ópera
  • Safari

Para obtener más información sobre las etiquetas de encabezado, consulte: HTML | encabezamiento _
 

Publicación traducida automáticamente

Artículo escrito por harsh.agarwal0 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *