Mi primera página web | Hola mundo | HTML
En este tutorial quiero mostrar como crear nuestra primera página web. Observa la estructura de esta página, pues es la misma estructura que deben llevar TODAS las páginas web.
Vamos a estar creando una página web con un título que diga: "Hola mundo".
Pasos:
1. Crea una nueva carpeta en la ubicación que desees.
2. Crea un nuevo archivo en el bloc de notas.
3. Copia y pega el código aquí propuesto en tal archivo.
4. Debajo de la casilla del nombre, haz clic en el menu desplegable y selecciona: Todos los formatos
5. Guarda el archivo con el siguiente nombre: index.html
6. Haz doble clic en el archivo y ábrelo con el navegador que desees.
Analizando el código anterior
La expresión "<!DOCTYPE HTML" es la declaración del tipo del documento. Esto le avisa al navegador que el documento que estamos tratando de visualiar está escrito siguiendo una estructura la definida (DTD). Puedes buscar sobre los DTD en un buscador para obtener más información.
Cada página web comienza y termina con el tag "<html> / </html>".
Dentro de la etiqueta "<head> / </head>", es donde vamos a definir información de nuestra página web, NO el texto que el usuario podrá ver.
Dentro de la etiqueta "<body> / </body>", es donde escribiremos y daremos formato al contenido de nuestra página web.
Dentro de la etiqueta "<h1> / <h1>" podemos introducir el primer título de nuestra página web.
Dentro de la etiqueta "<title> / </title>" escribimos el título que queremos que aparezca en la pestaña de nuestro navegar, el título de nuestra página web.
Vamos a estar creando una página web con un título que diga: "Hola mundo".
Pasos:
1. Crea una nueva carpeta en la ubicación que desees.
2. Crea un nuevo archivo en el bloc de notas.
3. Copia y pega el código aquí propuesto en tal archivo.
4. Debajo de la casilla del nombre, haz clic en el menu desplegable y selecciona: Todos los formatos
5. Guarda el archivo con el siguiente nombre: index.html
6. Haz doble clic en el archivo y ábrelo con el navegador que desees.
<!DOCTYPE HTML>
<html>
<head>
<title>Hola mundo</title>
</head>
<body>
<h1>Hola mundo</h1>
</body>
</html>
<html>
<head>
<title>Hola mundo</title>
</head>
<body>
<h1>Hola mundo</h1>
</body>
</html>
Analizando el código anterior
La expresión "<!DOCTYPE HTML" es la declaración del tipo del documento. Esto le avisa al navegador que el documento que estamos tratando de visualiar está escrito siguiendo una estructura la definida (DTD). Puedes buscar sobre los DTD en un buscador para obtener más información.
Cada página web comienza y termina con el tag "<html> / </html>".
Dentro de la etiqueta "<head> / </head>", es donde vamos a definir información de nuestra página web, NO el texto que el usuario podrá ver.
Dentro de la etiqueta "<body> / </body>", es donde escribiremos y daremos formato al contenido de nuestra página web.
Dentro de la etiqueta "<h1> / <h1>" podemos introducir el primer título de nuestra página web.
Dentro de la etiqueta "<title> / </title>" escribimos el título que queremos que aparezca en la pestaña de nuestro navegar, el título de nuestra página web.
Comentarios
Publicar un comentario