Crear una página web

Lo primero es abrir el bloc de notas, selecciona archivo y guardar, guárdelo con el nombre "mi-primera-web.html" con todo y extensión, en el caso de paginas web simples, la extensión sería .html o .htm; una ves lo guardes mételo en una carpeta nueva que se llame "practicas", y sas ya creaste una página Web, no te alteres si la ves vacía más adelante le iremos poniendo cosas.

Estructura de la web

Listo ahora abre la página con el bloc de notas y escribe lo siguiente:

  1. <html> <!-- Todas empiezan con esto -->
  2. <head> <!-- Esta es la cabecera-->
  3. </head>
  4. <body> <!-- Este es el cuerpo -->
  5. </body>
  6. </html> <!- Todas terminan con esto ->

Las páginas Web se componen de etiquetas, todas las páginas Web comienzan y terminan con la etiqueta <html> y </html> respectivamente, cuando una etiqueta posee un "/" antes de iniciar significa que termina.

Por ejemplo: <head> indica el comienzo de la etiqueta y </head> significa que termina, simple no jeje; si sabes estos se te ara más fácil crear páginas web.

Ahora te diré que va dentro de cada etiqueta, así que presta atención porque esto es súper importante, oh pero no te angusties, porque a la ves es muy fácil. ¿Ya estas listo? Bien, empecemos. Dentro de las etiquetas:
<html> y </html> Colocas todo lo que se refiera a la página web.
<head> y </head> Colocamos lo que no se ve en la página web pero que la identifica, es donde se definen ciertas propiedades como el titulo, es la cabeza de la página web, también es donde podemos definir lo que se carga primero en la pagina y que será utilizado mas adelante; como hojas de estilo o scripts; en HTML Extended lo entenderás mejor, por ahora nos quedaremos con lo básico.
<body> y </body> Colocamos todo lo que se vera en la web, como su nombre lo dice, es le cuerpo de la página web, aquí colocaremos la mayor parte del contenido.

Comentarios útiles

<!-- y --> sirven para abrir y cerrar un comentario respectivamente; los comentarios son pequeñas notas que el navegador no tendrá en cuenta, sirven para hacer la pagina mas fácil de leer o para pruebas.

Reportar errores