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