Conceptos html

Una Página Básica
• El principio esencial del lenguaje HTML (HyperText

Markup Language) es el uso de las etiquetas (tags). Una introducción al diseño de páginas Web introd cción
• Funcionan de la siguiente manera: o Este es el inicio de una etiqueta. XXX E t li i i d ti t o Este es el cierre de una etiqueta. • Las letras de la etiqueta pueden estar en mayúsculas o

minúsculas,indiferentemente.
• Por claridad, se usarán en este curso solamente las letras

mayúsculas

Una Página Básica
• Lo que haya entre ambas etiquetas estará influenciada

Una Página Básica
• Dentro del encabezado hay información del documento,

por ellas. • Por ejemplo, todo el documento HTML debe estar entre las etiquetas y :
o [Todo el documento]

que no se ve en la pantalla principal:
o Eltítulo del documento, comprendido entre las etiquetas

y .
o El título debe ser breve y descriptivo de su contenido, pues

• El documento en sí está dividido en dos zonas principales: o El encabezado, comprendido entre las etiquetas y o El cuerpo, comprendido entre las etiquetas y

será lo que vean los demás cuando abran nuestra página.

Una Página Básica
• Dentro del cuerpo estátodo lo que queremos que aparezca en la pantalla principal (texto, imágenes, etc.) • Por tanto, la estructura queda de esta manera: o o o Título de la página o o o [Aquí van las etiquetas que visualizan la página] o o

Una Página Básica
• Cuando escribimos en el documento el texto que

queremos que aparezca en la pantalla, veremos que éste se acomoda automáticamente a ella, sin quetengamos que pulsar el retorno del carro. • Si queremos separar el texto en distintos párrafos debemos usar la etiqueta , (que no tiene su correspondiente etiqueta de cierre ) • El texto puede tener unas cabeceras, comprendidas entre las etiquetas y , y , etc. (hasta el número 6), siendo el número indicativo del tamaño. • El tamaño mayor es el correspondiente al número 1.

Una Página Básica
•Una etiqueta muy interesante es la de centrado

Ejemplo Práctico
• En el procesador de texto copiamos lo siguiente: o o o Mi pagina del Web ‐ 1 o o o Primera pagina o Esta es mi primera pagina, aunque todavia es muy sencilla. Como el lenguaje HTML no es dificil, pronto estare en condiciones de hacer o cosas mas interesantes. o Aqui va un segundo parrafo. o o

y . • Nos centratodo lo que esté dentro de ella, ya sea texto, imágenes, etc. imágenes etc • También tenemos los separadores (horizontal rules), que se consiguen con la etiqueta (no existe la correspondiente de cierre). • Con ella se obtiene una raya horizontal tan ancha como la pantalla, y con la apariencia de estar embutida sobre el fondo, como se puede observar a continuación:

Ejemplo Práctico

EjemploPráctico
• Las líneas en blanco y las indentaciones del texto se han

puesto para mayor claridad, pero no son necesarias.
• De hecho, podría estar todo en una sola línea. Lo

importante es el orden correcto de las etiquetas. etiquetas
• Una etiqueta puede estar anidada dentro de otra. Véase

en el ejemplo cómo lo está la etiqueta dentro de la etiqueta . • Es muy importante, en estos casos,que las etiquetas de inicio y de cierre vayan en el orden correcto, pues de lo contrario se producirían errores.

Dando Forma al Texto
• Si queremos separar los párrafos, o cualquier otra cosa,

Dando Forma al Texto
• Para destacar alguna parte del texto se pueden usar: o y para poner algo en negrita (bold). o y para poner algo en cursiva (italic). • Otra etiqueta interesante es y . Eltexto que se encuentre entre ella estará preformateado, es decir que aparecerá como si hubiera sido escrito con una máquina de escribir, con una fuente de espaciado fijo (tipo Courier). • Además se respetarán los espacios en blanco y retornos del carro, tal como estaban en nuestro documento HTML (lo cual no ocurre normalmente, como hemos visto anteriormente).

pero sin dejar una línea en...