You are on page 1of 4

Estructura bsica

de una pgina web


Ests aqu: Inicio / Curso de HTML / Estructura bsica de una pgina
web
La estructura bsica de una pgina web es la siguiente:

<html>

<head></head>

<body>

</body>

</html>

Una estructura HTML se empieza con la etiqueta <html> y acaba con

</html>. Todo lo que est en medio ser la pgina web. Dentro de


<html></html> se encuentran 2 partes diferenciadas.La primera

<head></head> es la cabecera de la pgina. Aqu irn cierta

informacin que no es directamente el contenido de la pgina. Aqu se

pone el ttulo de la pgina, los metadatos, estilos, cdigo javascript

(todo esto se estudiar en captulos venideros). La primera que se

suele estudiar es <title></title>, que indica el ttulo de la pgina (lo que

el navegador pone en la parte superior izquierda).

La segunda parte es <body></body>. Aqu va propiamente el

contenido de la pgina: fotos, prrafos, formularios, etc. Por ejemplo,

siguiendo con el ejemplo de la pgina anterior, el siguiente cdigo,

podemos cambiar el ttulo de la pgina.

<html>

<head>

<title>Esto es el t&iacute;tulo de la p&aacute;gina.</title>

</head>
<body>

Hola mundo!<br>

<b>Esto es negrita.</b><br>

<i>Y esto it&aacute;lica.</i><br>

</body>

</html>

Para verlo, puedes ver el cdigo fuente de esta misma pgina. Para
eso, haz clic en el botn derecho => ver cdigo fuente, y vers as el
cdigo HTML de la pgina:
Observad el ttulo en la parte superior izquierda de la pgina. Adems,

dentro de <body></body> distinguimos varias etiquetas:

<br> => Indica salto de lnea. En HTML un salto de lnea normal

(plsando la tecla Enter) no produce un salto de lnea en el resultado.

Es necesario escribir <br> (u otra etiqueta similar).

<b></b> => Indica comienzo y fin de negrita.

<i></b> => Itlica.

Tambin observamos el cdigo &iaacute; => Esto indica que


queremos poner una i con acento, es decir, . Esto se explicar en

un captulo posterior.

Es importante mencionar que las etiquetas se pueden escribir

indistintamente en maysculas o minsculas, es decir <b>Esto es

negrita.</b> y <B>Esto es negrita.</B> produce el mismo resultado.

Por otro lado, toda etiqueta que se abre (es decir, se pone la etiqueta

sin la barra /) debe cerrarse (es decir, poner su equivalente con el

smbolo /), si no, el navegador podra dar resultados inesperados.

Excepciones a esto son algunas etiquetas que no lo necesitan, como

<br> o <hr>.

You might also like