MIS OTROS BLOGS


Te doy la bienvenida a mi blog de manualidades y te invito también a que visites mis otros blogs.
 

miércoles, 16 de febrero de 2011

INDICE

ESTRUCTURA BÁSICA

ORGANIZACIÓN DEL TEXTO:
  • Los encabezados o titulares
  • Separadores
  • Párrafos y salto de línea
  • Formatos especiales
  • Estilo de texto
  • Listas

ESTRUCTURA BÁSICA

Las directivas, códigos, etiquetas  o “tags” van entre  dos  signos  <…> y es indiferente escribir en mayúsculas o  minúsculas.

Todo el contenido del documento HTML debe encontrarse englobado  por la directiva <HTML>

<HTML>
<HEAD>
<TITLE> mi página web   </TITLE>
</HEAD>

<BODY> Este es el contenido del documento
</BODY>
</HTML>


La directiva <HTML> contiene en su interior dos bloques:

<HEAD> es la directiva que delimita la cabecera en la que se encuentra la información general referida al documento.
<BODY> que contiene el cuerpo del documento

Importante ver el orden en que se abren y se cierran las etiquetas.
<HTML><HEAD><TITLE> </TITLE></HEAD><BODY></BODY></HTML>


Para guardar el archivo: en  guardar como aparecerá:

Nombre  “por ejemplo: mi web.html”
Tipo  por defecto pondrá todos los archivos  (ojo cambiar a html)
Importante  no olvidarse de poner la extensión  .html ya que si no se pone no se guarda.

<HEAD> Las directivas aceptadas para esta sección son: <title> (obligatoria), <base>, <link>, <meta> e <isindex>.
<BODY>

ORGANIZACIÓN DEL TEXTO

  • Los encabezados o titulares

Usualmente un documento tiene, además de texto llano, una serie de encabezados o titulares. Para ello el lenguaje HTML posee una serie de etiquetas que permiten disponer de titulares de hasta 6 niveles de importancia.

Estas etiquetas son: <H1>, <H2>, <H3>, <H4>, <H5> y <H6>. La letra "h" al principio del nombre de estas etiquetas proviene de la abreviatura de la palabra inglesa heading que significa encabezado. Siguiendo a la hache hay un número del uno al seis que indica la importancia del titular siendo el más importante el uno y el menos importante el seis.

Hay que destacar que los encabezados de h1 a h4 pueden ser usados como títulos ya que los navegadores suelen usar un tamaño de letra mayor que el habitual para mostrarlos. Sin embargo los encabezados h5 y h6 suelen ser mostrados con letra más pequeña aún que el texto y por esta razón se usan como notas a pie de página o comentarios de poca importancia.


<H1> texto </H1>
<H2> texto </H2>
<H3> texto </H3>
<H4> texto </H4>
<H5> texto </H5>
<H6> texto </H6>

Estos titulares se pueden alinear a la derecha, izquierda o centrar

<H1 aling = “right”> texto </H1>
                   = “letf”
                   =”center”  

Para cerrar esta etiqueta sólo se pone  </H1> sin el aling

  • Separadores

Otra etiqueta es <HR> </HR> introduce una línea horizontal


’size’: Con este atributo se puede controlar el grosor de la línea. Como valor de este atributo se debe especificar el valor deseado en pixeles (puntos de pantalla).

’align’: Permite cambiar la alineación de la línea. Puede tomar tres valores:"left", "center" y "right" para conseguir alineación a la izquierda, centro y derecha respectivamente.

’width’: Este atributo permite especificar el ancho de la línea. El valor puede ser dado de una manera absoluta, especificando el ancho en pixeles (por ejemplo width=100) o de manera relativa respecto al ancho de la ventana del navegador usando porcentajes (por ejemplo width="90%"). Es más que recomendable usar este último sistema de manera que obtengamos un resultado apropiado independientemente del tamaño que cada usuario quiera dar a la ventana de su navegador.

’noshade’: que en inglés significa sin sombra, existe porque algunos navegadores gráficos como Navigator™ o Explorer™ muestran las líneas horizontales con un efecto tridimensional con sombra. Al incluir este atributo se elimina este efecto de manera que el navegador sólo mostrará una línea horizontal negra.



  • Párrafos y salto de línea

<BR> salto de linea
<P>…</P> introducir párrafo

Por ejemplo:
<P>…………<BR>
………<BR>
………</P>
Con <P> tambien podemos utilizar “aling”

El atributo ’align’ en la etiqueta <p> permite especificar la alineación del párrafo.

<P aling   = “right”>    texto </P>
                   = “letf”
                   =”center”
                   =”justify”  


Uso incorrecto de la etiqueta p
La etiqueta p es usada en muchas páginas de forma incorrecta. El error consiste en emplearla simplemente para introducir un espacio (vertical) entre líneas. La forma adecuada es introducir las instrucciones de inicio y fin para marcar el comienzo y el fin de un párrafo.

Espacio entre líneas
Para introducir un espacio vertical entre líneas debe usarse la etiqueta <br>. Si se ponen varias seguidas no se mostrará más espacio, pero esto puede solucionarse insertando entre las etiquetas la cadena " "  Por ejemplo para insertar tres líneas en blanco puede usarse:
<br> “&nbsp;”
<br> “&nbsp;”
<br> “&nbsp;”

  • Formatos especiales

HIPERTEXTO

IMÁGENES

TABLAS

FRAMES