Cómo empezar
En este tutorial aprenderás lo fácil que es crear un documento HTML o una página web. Para empezar a codificar HTML sólo necesitas dos cosas: un editor de texto simple y un navegador web.
Bueno, empecemos con la creación de tu primera página HTML.
Creando tu primer documento HTML
Vamos a recorrer los siguientes pasos. Al final de este tutorial, habrás hecho un archivo HTML que muestre el mensaje «Hola mundo» en tu navegador web.
Paso 1: Crear el archivo HTML
Abre el editor de texto plano de tu ordenador y crea un nuevo archivo.
Paso 2: Escriba algo de código HTML
Comience con una ventana vacía y escriba el siguiente código:
Ejemplo
Prueba este código »
<!DOCTYPE html><html lang="en"><head> <title>A simple HTML document</title></head><body> <p>Hello World!<p></body></html>Paso 3: Guardar el archivo
Ahora guarda el archivo en tu escritorio como «myfirstpage.html «.
.html – algunos editores de texto, como el Bloc de notas, lo guardarán automáticamente como .txt en caso contrario. Para abrir el archivo en un navegador. Navegue hasta su archivo y haga doble clic en él. Se abrirá en su navegador web predeterminado. Si no lo hace, abre tu navegador y arrastra el archivo hasta él.
Explicación del código
Podrás pensar de qué va ese código. Pues vamos a descubrirlo.
- La primera línea
<!DOCTYPE html>es la declaración del tipo de documento. Indica al navegador web que este documento es un documento HTML5. No distingue entre mayúsculas y minúsculas. - El elemento
<head>es un contenedor para las etiquetas que proporcionan información sobre el documento, por ejemplo, la etiqueta<title>define el título del documento. - El elemento
<body>contiene el contenido real del documento (párrafos, enlaces, imágenes, tablas, etc.) que se renderiza en el navegador web y se muestra al usuario.
Aprenderás en detalle los diferentes elementos HTML en los próximos capítulos. Por ahora, céntrate en la estructura básica del documento HTML.
Nota: Una declaración DOCTYPE aparece en la parte superior de una página web antes de todos los demás elementos; sin embargo, la declaración doctype en sí no es una etiqueta HTML. Todo documento HTML requiere una declaración de tipo de documento para asegurar que sus páginas se muestren correctamente.
<html><head> y <body> constituyen el esqueleto básico de toda página web. El contenido dentro de las etiquetas <head> y </head> es invisible para los usuarios, con una excepción: el texto entre las etiquetas <title> y </title> que aparece como el título en una pestaña del navegador.
Etiquetas y elementos HTML
El lenguaje HTML se escribe en forma de elementos HTML formados por etiquetas de marcado. Estas etiquetas de marcado son la característica fundamental de HTML. Cada etiqueta de marcado se compone de una palabra clave, rodeada de paréntesis angulares, como <html><head><body><title><p>, etc.
Las etiquetas HTML normalmente vienen en pares como <html> y </html>. La primera etiqueta de un par suele llamarse etiqueta de apertura (o etiqueta de inicio), y la segunda etiqueta se llama etiqueta de cierre (o etiqueta de fin).
Una etiqueta de apertura y una de cierre son idénticas, excepto por una barra (/) después del paréntesis angular de apertura de la etiqueta de cierre, para indicar al navegador que el comando ha sido completado.
Entre las etiquetas de inicio y fin se puede colocar el contenido apropiado. Por ejemplo, un párrafo, que está representado por el elemento p, se escribiría como:
Ejemplo
<p>This is a paragraph.</p><!-- Paragraph with nested element --><p> This is <b>another</b> paragraph.</p>Aprenderás sobre los distintos elementos HTML en el próximo capítulo.