Muchos ejemplos de todo tipo

1. Formateos físicos

• Bold Text obsoleto
• Strong Text
• Italicized Text
• Bold and Italicized Text
• Underlined Text
• Emphasized Text
• Code Text
• Citation Text
• Keyboard Text
• Sample Text
• Teletype Text obsoleto
• Variable Element Text
• Big Text
• Small Text
• Strike Througth

Regresar a tabla de contenidos

2. Formateos lógicos

• Abbreviations
• Acronyms
• Argument
• Cite
• Code
• Definig
• Quotation
• Person name
• Sample
• Variable

Regresar a tabla de contenidos

3. Formateo de bloques

3.1 Direcciones <ADDRESS>

3.2 Texto preformateado <PRE>

Este texto esta preformateado usando <PRE>.  Espacios múltiples    y
retornos de carro son reconocidos.  El texto preformateado no salta de linea y puede tener un enlace también. 

3.3 Texto literal <LIT>

3.4 Texto <BLOCHQUOTE>

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

3.5 Autor <BYLINE>

3.6 Comentario <!-- -->

A continuación un comentario:<!-- Hoy es: 14-07-96 y son las 11:03:35 AM -->

3.7 Texto centrado <CENTER>

La mayoría de estas etiquetas están obsoletas y fueron reemplazadas por CSS.

Regresar a tabla de contenidos

4. Tipos, tamaños y colores de letra

• 4.1 Tipos<Font Faces>
  • Times New Roman
  • Arial
  • ñ¸(6 (WingDings)

  Es muy interesante ahora usar los Google Fonts, que son gratuitos.

• 4.2 Tamaños <Font Sizes>
  • 12 34 56 76 54 32 1
  • AB CD EF GF ED CB A
• 4.3 Colores FONT COLOR
  • FONT
  • COLORS

Regresar a tabla de contenidos

5. Titulos

• Titulo 1

• Titulo 2

• Titulo 3

• Titulo 4

• Titulo 5

• Titulo 6

Regresar a tabla de contenidos

6. Caracteres especiales

• Los caracteres <, >, &, y " tienen especial significado en el lenguage HTML. Debe ser escrito como: &lt;, &gt;, &amp;, y &quot; respectivamente. (Nota el punto y coma en la sintaxis).
• Caracteres que no existan en tu teclado los puedes ingresar asi: &#NNN; donde NNN es el numero ASCII decimal que representa al caracter. Por ejemplo, © lo puedes obtener asi: &169;.
• Algunos caracteres en las lenguas latinas tambien pueden ser ingresados como caracteres especiales. Por ejemplo, la A mayuscula con acento grave, À, se puede obtener asi: &Agrave;.

Regresar a tabla de contenidos

7. Lineas horizontales

<HR COLOR=red NOSHADE>
<HR COLOR=navy WIDTH=80% SIZE=3 ALIGN=right>
<HR COLOR=green WIDTH=50% SIZE=10 ALIGN=center>

Color gobierna el color del fondo pero si no se le da un ancho de por la menos 3 no se notara, como es el caso de la primera.

Regresar a tabla de contenidos

10. Listas

10.1 Lista numerada <OL>

10.2 Lista no numerada <UL>

10.3 Lista de Definiciones <DL>

Termino 1

Definiendo el termino 1

Termino 2

Definiendo el termino 2

10.4 Lista de Directorio <DIR>

Se ve igual que la lista no numerada

10.5 Lista Menu <MENU>

Se ve igual que la lista no numerada

10.6 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

<img src=action.gif alt=action.gif>

Aqui una imagen en linea.

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 un enlace de hipertexto.

Regresar a tabla de contenidos

12. Tabla

<TABLE BORDER CELLPADDING=5>
<TR><TH>Peso<TH>Recargo
<TR><TD>Hasta 10 Kg<TD ALIGN=center>$ 1.80
<TR><TD>Mas de 10 Kg<TD ALIGN=center>$ 2.50
</TABLE>

Tabla muy basica

Regresar a tabla de contenidos

13. Formularios HTML

El siguiente formulario te permite ordenar una piza en el famoso restaurante "La Pizza Cachosa" de propiedad del Ing. Oscar Lagravere

Regresar a tabla de contenidos

14. Texto en movimiento

<Marquee BGCOLOR=yellow LOOP=-1>Con fondo 14.2</Marquee>
<Marquee BEHAVIOR=alide SCROLLAMOUNT=30 DIRECTION=right>El rápido a derecha 14.3</Marquee>
<Marquee WIDTH=60% SCROLLDELAY=100 LOOP=-1>Prueba 14.4</Marquee>
<FONT COLOR=white size=6px>
<Marquee WIDTH=50% HEIGHT=50 SCROLLDELAY=100 BEHAVIOR=alternate BGCOLOR=red LOOP=-1>Ancho y reboton 14.5</Marquee>
</FONT>

Regresar a tabla de contenidos