Sábado, 12 de Noviembre de 2024

Introducción
Herramientas
Tags (órdenes)
Estructura básica

Texto
Texto simple
Formato
Tamaño
Color
Alineación

Imagen y Enlace
Inserción de imágenes
Inserción de enlaces

Tablas
Estructura
Contorno y márgen
Color
Combinar celdas
Ajuste de tamaño
Tamaño relativo
Alineación

Formularios
Utilidad
campo de texto
Área de texto
Menú desplegable
Casilla verificación


HTML > Introducción > Estructura básica


Para comenzar a escribir nuestra primera página, deberemos poner una estructura básica, y dentro de ella ir haciendo crecer el contenido.

Lo primero que hay que hacer es indicar la navegador dónde empieza y dónde acaba la información de la página:

<HTML>
</HTML>

Dentro de esos códigos, que són toda la página, habrá que indicar una cabecera (HEAD) y un cuerpo del programa (BODY):

<HTML>
    <HEAD>
    </HEAD>
    <BODY>
    </BODY>
</HTML>

La cabecera es la parte de nuestro programa en la que guardaremos toda la información de la página que no aparecerá visible al usuario. En esta parte estará el título de la página, información sobre quién y con qué se ha hecho la página, el idioma que utiliza, información para los buscadores,...

Por ahora sólo utilizaremos el titulo (TITLE), que acostumbrará a aparecer en el borde superior de nuestro navegador, a la izquierda de la misma barra en que tendremos los botones de maximizar, minimizar, restaurar o cerrar.

El cuerpo del programa, es donde realmente se encuentra la página web. Ésta será la parte en la que nos centraremos en este curso básico de HTML.

Así, ahora tendríamos nuestra primera página así:

<HTML>
    <HEAD>
    <TITLE>
        Mi primera página
    </TITLE>
    </HEAD>
    <BODY>
        Esta es mi primera página.
    </BODY>
</HTML>

Una vez tenemos esta primera página escrita en nuestro editor, debemos guardar el archivo. Para ello, iremos a la opción de "Guardar", y como nombre de archivo pondremos el que queramos, pero acabado en ".html". En caso de utilizar el Bloc de Notas, o otro editor que nos permita escoger el tipo de archivo que estamos guardando, deberemos escoger la opción: "Todos los archivos (*.*)" ó "Texto sin formato", asegurándonos de que el programa no añadirá al archivo ninguna extensión que no deseamos.

Después de esto llamamos a nuestro archivo desde el navegador, y el resultado debería ser algo parecido a este: