CONCEPTOS BASICOS HTML

De manipulación de texto:
Hay una gran cantidad, y son los que confieren al texto un aspecto determinado. Veamos las más importantes.
•

Divide el texto en párrafos. No basta con dejar líneas en blanco como en LaTeX: HTML ignora los espacios en blanco fuera de los tags.
No es necesario usar

En muchos sitios dicen de ponerlo al final. No es recomendable ya que no sirve para meter líneas en blanco, y si lo usamos así se nos puede olvidar alguno.
Para pasar a la siguiente línea sin empezar un nuevo párrafo, usamos
(sin
).
Para crear una línea horizontal, tenemos

---

(sin ).
•

,

,...

Crea títulos (``headers'') de diferentes tamaños (1 es el mayor).
•
El texto que no queremos que la gente vea.
•

Para trozos de textos que son citados y deben aparecer aparte.
• Listas
o No numeradas:

y cada elemento:

No es necesario usar

Cada elemento lo precede de un símbolo (``bullet'').
Pueden ser anidadas, para ello se empieza (y se termina) una lista detro de otra.
o Numeradas u ordenadas:

y cada elemento:

o Descripciones:

un argumento:

y su descripción:
No es necesario usar

ni
Elementos
Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. ) y una etiqueta de cierre (p.ej. ). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (p.ej. Contenido). Algunos elementos, tales como
, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.
Alineación
Vimos en su momento el atributo align que nos permitía alinear el texto a derecha, izquierda o centro de nuestra página. Dijimos que este atributo no era exclusivo de la etiqueta

sino que podía ser encontrado en otro tipo de etiquetas.

Pues bien, resulta ser una de esas etiquetas que aceptan este atributo aunque en este caso el funcionamiento resulta ser diferente.

Para alinear una imagen horizontalmente podemos hacerlo de la misma forma que el texto, es decir, utilizando el atributo align dentro de una etiqueta

o

. En este caso, lo que incluiremos dentro de esa etiqueta será la imagen en lugar del texto:

Este código mostrará la imagen en el centro:

Biñetas y lista

Estas listas generan viñetas de diferentes tipos, muy parecidas a las que se utilizan en Word, estas listas son de tipo desordenadas.
Estas listas tienen la directiva cerrada

...<\UL> (unordered lists), significa listas desordenadas y se utiliza para iniciar este tipo de lista.
La estructura de una lista con viñetas (desordenada) es la siguiente
Si se desea cambiar el tipo de viñeta se emplea el atributo TYPE="Nombre_de_Viñeta", este debe de escribirse dentro de la directiva
, o sea

Nota: Los nombres de las viñetas debe escribirse forzosamente en minúsculas
Se tienen los siguientes tipos.


Este es el atributo que muestra un circulo con relleno negro, es el que da por defecto.


Este es el atributo que muestra un circulo vacío.


Este es el atributo que muestra un pequeño cuadro negro.