Muchos ejemplos de todo tipo

Tabla de contenido

  1. Formateos fisicos
  2. Formateos logicos
  3. Formateo de bloques
  4. Tipos, tamaños y colores de letra
  5. Titulos
  6. Caracteres especiales
  7. Lineas horizontales
  1. Listas
  2. Imagenes en linea
  3. Tablas
  4. Formularios
  5. Texto en movimiento

1. Formateos fisicos

Regresar a tabla de contenidos


2. Formateos logicos

Regresar a tabla de contenidos


3. Formateo de bloques

3.1 Direcciones <ADDRESS>

Se trata normalmente de direcciones, firmas de autor, correo electronico etc
Universidad ALAS Peruanas
Av San Felipe 1109
Jesús María
Lima-Peú
Telefax: 470-9838

3.2 Texto preformateado <PRE>

Este texto esta preformateado usando <PRE>.  Espacios multiples    y
retornos de carro son reconocidos.  El texto preformateado no salta de linea y puede tener un enlace tambien. 

3.3 Texto literal <LIT>

Muy parecido en su funcion al texto preformateado solo que este esta en funte proporcional. Se nota la direrencia ?

3.4 Texto <BLOCHQUOTE>

Se trata normalmente de texto de otra fuente al cual no estamos refiriendo y lo queremos mostrar diferente. Nota la sangria...

3.5 Autor <BYLINE>

Usado para hacer notar al autor de un escrito.

3.6 Comentario <!-- -->

A continuacion un comantario:

3.7 Texto centrado <CENTER>

Aqui una linea de texto centrada.

Regresar a tabla de contenidos


4. Tipos, tamaños y colores de letra

Font control (Face names, color, size) may be achieved by setting through the use of tags in the HTML document.

Regresar a tabla de contenidos


5. Titulos

Regresar a tabla de contenidos


6. Caracteres especiales

En los documentos HTML, algunos caracteres deben ser metidos de forma especial.

Regresar a tabla de contenidos


7. Lineas horizontales




Regresar a tabla de contenidos


&archive;

10. Listas

Lista numerada <OL>
  1. Uno
  2. Dos
  3. Tres
  1. Uno
  2. Dos
  3. Tres
  1. Uno
  2. Dos
  3. Tres
  1. Uno
  2. Dos
  3. Tres
  1. Uno
  2. Dos
  3. Tres

Lista no numerada <UL>

    Con disc (omision)
  • Linea 1
  • Linea 2
  • Linea 3
    Con circle
  • Linea 1
  • Linea 2
  • Linea 3
    con square
  • Linea 1
  • Linea 2
  • Linea 3

Lista de Definiciones <DL>

Termino 1
Definiendo el termino 1
Termino 2
Definiendo el termino 2

Lista de Directorio <DIR> (se ve igual que la lista no numerada)

  • Item 1
  • Item 2
  • Lista Menu <MENU> (se ve igual que la lista no numerada)

  • Item 1
  • Item 2
  • Las listas se pueden anidar de muchas maneras:

    1. Primer Item
      1. Primer Sub Item
        • Primer Sub Sub Item
        • Segundo Sub Sub Item
      2. Segundo Sub Item
    2. Segundo Item

    Regresar a tabla de contenidos


    11. Imagenes en linea

    Aqui una imagen en linea. action.gif

    Si la imagen no es encontrada se presentara un error asi:

    Como podras observar en la primera imagen, el texto al rededor de la imagen es alineado en la linea inferior (default). Pero con el parametro ALIGN= es posible cambiar esta alineacion...

    por ejemplo aqui esta con ALIGN=center.

    y aqui en linea superor con ALIGN=top.

    Una imagen tambien puede ser enlace un enlace de hipertexto.


    12. Tablas

    PesoRecargo
    Hasta 10 Kg$ 1.80
    Mas de 10 Kg$ 2.50

    Regresar a tabla de contenidos


    13. Formularios HTML

    El siguiente formulario te permite ordenar una piza en el famoso restoran "La Piza Cachosa" de propiedad del Ing. Oscar Lagravere
    Ordenar Pizzas
    Nombre:
    Direccion:
    Tipo:
      Doble Queso
      Jamon
      Anchoas
      Cebolla
    Tamaño:
      Personal
      Grande
      Familiar
      Terminator
    Forma de pago:

     

    Instrucciones especiales:

    Regresar a tabla de contenidos


    14. Texto en movimiento

    El mas simple... Con fondo e infinito Prueba 6 Prueba 7
    Prueba 8

    Regresar a tabla de contenidos


    Manual de HTML v3.0
    Enrique Garrido-Lecca Risco
    Proyecto Perú Ruteable