Para crear una página web son necesarios algunos conocimientos básicos en html.

 

La estructura de una página se divide en el head que es la parte donde definimos el titulo (title) que se verá en la barra superior, donde indicamos de donde tomará el css de referencia, los meta datos como autor, contenidos asociados, palabra clave..

El body que es el cuerpo de nuestra página, lo que ahí pongamos es lo que se mostrará, para hacerlo fácil de modificar y colocar los elementos de distintas maneras lo dividiremos en partes con la etiqueta div, a la que le coloremos un id asociado para diferenciar las partes.

 

Para crearla solo necesitamos un bloc de notas, aunque si usamos aplicaciones como Notepad++ nos irá indicando si nos equivocamos o no, no es necesario ningún programa que pese mas. Solo tenemos que guardar nuestro archivo con la extensión .html y se puede abrir desde el navegador para ir viendo el resultado.

 

Para abrir las partes de la estructura se usa <etiqueta> y para cerrarlas </etiqueta>

La parte básica ya la tenemos y quedaría así:


<html>

<head>

<title>Mi primera web</title>

</head>

<body>

<div id=”cabecera”>

Aquí ira la cabecera de la página

</div>

<div id=”menú”>

El menú con enlaces si así lo queremos

</div>

<div id=”contenido”>

Esta es la parte donde irá todo el desarrollo y contenido que deseamos mostrar en nuestra web

</div>

<div id=”pie”>

Nuestro pie de pagina

</div>

</body>

</html>


 

Los div no son necesarios ni obligatorios, pero ayudaran a definir mejor la estructura de nuestra página y a separarla por secciones y sobretodo luego a la hora de aplicar una hoja de estilo css.

 

Para cambiar el fondo de nuestra página solo tenemos añadir dentro de nuestra etiqueta body según deseemos si es un color bgcolor=”color” o si es una imagen background=”imagen.jpg”

Por ejemplo:

<body bgcolor=”blue”>

O

<body background=”imagen.gif”>

 

Si queremos que el color de las letras de nuestra web sea uno concreto, solo tendremos que añadir text=”color”

<body text=”blue”>

 

Se pueden añadir tantas etiquetas como deseemos:

<body bgcolor=”black text=”white”>

 

Y también podemos usar el código hexadecimal (#ff0000).

 

Si solo queremos que el fondo o el color de la letra se aplique a una de las divisiones que hemos hecho en la página se introduce el código en la etiqueta div que se desee

<div id=”contenido” text=”blue”>

 

Si deseamos añadir comentarios a nuestro código solo tenemos que poner el comentario entre:

<!—  tu comentario

Que puse ser de varias líneas –>

 

Esto es solo el comienzo de cómo crear una página web, en los siguientes artículos se verá la creación de formularios, de tablas… y quizás un poco más en el diseño, pero para modificar la parte estética de las páginas es mejor con la creación de css que también lo veremos más adelante.

Por si os interesa profundizar más en el tema un libro gratuito para kindle:

Quizás pueda interesarte

Suscríbete a nuestro boletín

 

 

Política de Privacidad

Revisa tu correo electrónico para finalizar el registro

Advertisment ad adsense adlogger