ESTRUCTURA DE UNA PAGINA WEB IV MF0950_2

MF0950_2: Construcción de páginas web. ● UF1302: Creación de páginas web con el lenguaje de marcas. 

Saltos de línea

Al usar los párrafos, no aparecen saltos de línea hasta que no termina este párrafo, es decir, no se ven saltos de línea hasta que se alcanza la etiqueta de cierre </p>

Los saltos de línea se definen con la etiqueta <br />

Ésta etiqueta, al igual que la imagen y la de las metas, no tiene etiqueta de cierre, por eso se le coloca la barra al final. Puedes usar los saltos de línea siempre que quieras que un elemento aparezca en la línea siguiente. Por ejemplo para no poner los enlaces seguidos, basta con añadir esta etiqueta al final de su línea. Cuando usas las etiquetas de párrafos o títulos, no es necesario un salto de línea porque esto es automático, al contrario que al insertar un enlace o imagen. Para que aparezca en líneas distintas tendremos que añadirles <hbr />

Los elementos que producen este salto de línea automático se denominan elementos de bloque y los que no lo producen son elementos de línea.

Listas

Se utilizan para colocar una serie de elementos organizados en listas.

        Listas de elementos desordenados

Para construir una lista se utilizan dos etiquetas, una para indicar que va a comenzar la lista y otra cada vez que empecemos a definir un elemento de dentro de esta lista. Su nombre no indica que los elementos no estén colocados en orden, símplemente se basa en una lista en la cual sólo habrá puntos en cada elemento, en vez de algo que indique una jerarquía. La etiqueta de apertura de estas listas es <ul> y la de cierre es </ul> 

Las etiquetas de inicio y fin de cada uno de sus elementos serían <li> y </li> Por lo tanto, una lista desordenada con tres elementos, tendría éste código:

<ul>

    <li> </li>

    <li></li>

    <li></li>

</ul>

Éstas son etiquetas de bloque.

         Listas ordenadas

Las anteriores se llaman desordenadas porque el círculo no indica ningún orden, éstas no establecerán ninguno si las escribimos de forma desordenada, su nombre únicamente se debe a que aparecen números o letras correlativas. Para esto, las etiquetas de apertura y cierre serían <ol> y </ol> manteniéndose idénticas las de cada elemento.

<ol>

    <li> </li>

    <li></li>

    <li></li>

</ol>

Scripts

Un script es un programa insertado dentro del documento HTML y que es interpretado y ejcutado por el navegador del usuario. Por tanto estos programas se ejecutan en el ordenador del usuario bien sea directamente (al leer la página) o cuando se produce un suceso o evento particular, como puede ser el pulsar sobre un enlace o mover el ratón o cargar una imagen...
Estos scripts permiten crear páginas dinámicas, modificar el comportamiento normal del navegador, validar formularios, realizar pequeños efectos visuales, etc... Sin embargo, conviene recordar que se ejecutan en el navegador del usuario y no en la máquina donde estén alojadas, por lo que no podrán realizar cosas como manejar bases de datos. Esto hace que los contadores (por ejemplo) se deban realizar de otra manera, utilizando programas CGI (escritos en lenguajes como Perl o PHP).
El primer lenguaje usado para crear scripts fue el JavaScript de Netscape. Nacido con la versión 2.0 de este navegador y basado lejanamente en la sintaxis de Java, su utilidad y el casi absoluto monopolio que entonces ejercía Netscape en el mercado de navegadores permitieron que se popularizara y extendiera su uso.
Internet Explorer de Microsoft, comenzó a soportar este lenguaje en su versión 3.0, pero al mismo tiempo introdujo otro lenguaje con las mismas funciones: el VBScript, una derivación de BASIC. Pero este intento no llegó muy lejos, y el VBScript ha quedado para otras aplicaciones de Microsoft, como Access o Word.