MARCAS DE TEXTO

Guía de Diseño en HTML de NCD - v4.0

+ Párrafo

Párrafo <p> 

<p>Este es el primer párrafo. 
<p>Este es el segundo párrafo.

Este es el primer párrafo.

Este es el segundo párrafo.



Alineación de Párrafo <p align=#> #=left, center, right, justify

<p align=left>

Este es el primer párrafo. Es una gran historia, cierto? Esto es fenomenal, fantástico y romántico!

<p align=center>

Este es el primer párrafo. Es una gran historia, cierto? Esto es fenomenal, fantástico y romántico!

<p align=right>

Este es el primer párrafo. Es una gran historia, cierto? Esto es fenomenal, fantástico y romántico!

<p align=justify>

Este es el primer párrafo. Es una gran historia, cierto? Esto es fenomenal, fantástico y romántico!




+ Fin de Linea

Corte de Linea <br> 

Cómo estás?<br>Yo? bien.
 Cómo estás?
Yo? bien.


Sin Corte <nobr> 

<nobr> 
Cierre el ancho de la ventana de su navegador y vea como es que esta
marca trabaja!  
Este es el primer párrafo.  Es una gran historia, cierto?
Esto es ... y romántico!
</nobr>
Cierre el ancho de la ventana de su navegador y vea como es que esta marca trabaja! Este es el primer párrafo. Es una gran historia, cierto? Esto es fenomenal, fantástico y romántico!


+ Centrado

<center>...</center> 

<center>Hola</center>
Hola



+ Agrupación de Elementos

División (agrupación por bloque de texto)     <div> ... </div> 

<div class="seccion">
<H1>1. Primer paso</H1>
En esta sección, usted tiene que...
<div class="subseccion">
<H2>1-1. Música</H2>
La música es un lenguaje importante... 
</div>
</div>

1. Primer paso

1-1. Música

La música es un lenguaje importante...


Span (agrupación por palabra)     <span> ... </span> 

TELEFONO: 
<span class="telefono">
000-0000000
</SPAN>
TELEFONO: 000-0000000

+ Listados Básicos

Lista desordenada <ul><li>...</ul> 

<ul>
<li>Hoy
<li>Mañana
</ul>
  • Hoy
  • Mañana 

<ul><li>UNO
    <ul><li>DOS
        <ul><li>TRES
</ul></ul></ul>
  • UNO
    • DOS
      • TRES

Lista ordenada <ol><li>...</ol> 

<ol>
<li>Hoy
<li>Mañana
</ol>
  1. Hoy
  2. Mañana 

<ol><li>UNO
    <ol><li>DOS
        <ol><li>TRES
</ol></ol></ol>
  1. UNO
    1. DOS
      1. TRES

Lista de definición <dl><dt>...<dd>...</dl> 

<dl>
<dt>Hoy
<dd>Hoy es el ayer.
<dt>Mañana
<dd>Mañana es hoy.
</dl>
Hoy
Hoy es el ayer.
Mañana
Mañana es hoy.

Lista de definición Compacta <dl compact><dt>...<dd>...</dl>

<dl compact>
<dt>Hoy
<dd>Hoy es el ayer.
<dt>Luego
<dd>Mañana es hoy.
</dl>
Hoy
Hoy es el ayer.
Luego
Mañana es hoy.



+ Listado personalizado

Tipo de figura <li type=#> #=disk (disco), circle (círculo), square (cuadrado) 

<ul>
<li type=disc>UNO
<li type=circle>DOS
<li type=square>TRES
</ul>
  • UNO
  • DOS
  • TRES


Letras y números <li type=#> #=A, a, I, i, 1 

<ol>
<li type=A>UNO-UNO
<li>UNO-DOS
</ol>
  1. UNO-UNO
  2. UNO-DOS 

<ol>
<li type=a>UNO-UNO
<li>UNO-DOS
</ol>
  1. UNO-UNO
  2. UNO-DOS 

<ol>
<li type=I>UNO-UNO
<li>UNO-DOS
</ol>
  1. UNO-UNO
  2. UNO-DOS 

<ol>
<li type=i>UNO-UNO
<li>UNO-DOS
</ol>
  1. UNO-UNO
  2. UNO-DOS 

<ol>
<li type=1>UNO-UNO
<li>UNO-DOS
</ol>
  1. UNO-DOS
  2. UNO-DOS



Lista iniciada con número <ol start=#> #=número 

<ol start=5>
<li type=A>UNO-UNO
<li>UNO-DOS
	<ol start=10>
	<li>DOS-UNO
	<li type=i>DOS-DOS
</ol></ol>

  1. UNO-UNO
  2. UNO-DOS
    1. DOS-UNO
    2. DOS-DOS



+ Texto Preorganizado

<pre>...</pre> 

<pre>
Por favor utilice su tarjeta.
VISA    Master
<b>Aquí hay un formato para ordenar.</b>
<ul><li>Fax
<li>Correo Aéreo</ul>
</pre>
 
Por favor utilice su tarjeta.
VISA    Master
Aquí hay un formato para ordenar.

  • Fax

  • Correo Aéreo


<listing>...</listing> 

<listing>
Por favor utilice su tarjeta.
VISA    Master
<b>Aquí hay un formato para ordenar.</b>
<ul><li>Fax
<li>Correo Aéreo</ul>
</listing>
 Por favor utilice su tarjeta. VISA Master Aquí hay un formato para ordenar.
  • Fax
  • Correo Aéreo


<xmp>...</xmp> 

<xmp>
Por favor utilice su tarjeta.
VISA    Master
<b>Aquí hay un formato para ordenar.</b>
<ul><li>Fax
<li>Correo Aéreo</ul>
</xmp>
 Por favor utilice su tarjeta. VISA Master <b>Aqu&iacute; hay un formato para ordenar.</b> <ul><li>Fax <li>Correo A&eacute;reo</ul>



+ Espaciado

<spacer type="horizontal" size=#> #=espacio horizontal
<spacer type="vertical" size=#> #=espacio vertical 

Ayer 
<spacer type="horizontal" size=50> Hoy
<spacer type="vertical" size=50> Mañana
Ayer Hoy Mañana

<spacer type="block" width=# height=# align=-->
#=cantidad de espacios
--=top, middle, bottom, left, right 

<spacer type="block" width=150 height=50 align=left>
Ayer<br> Hoy<br> Mañana
Ayer
Hoy
Mañana


+ Texto en Columnas

<multicol cols=#> ... </multicol> #=Número de Columnas 

<multicol cols=2>
texto texto texto...
</multicol>
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto

<multicol gutter=#> ... </multicol> #=Espacio Entre Columnas 

<multicol cols=2 gutter=100>
texto texto texto...
</multicol>
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto

<multicol width=#> ... </multicol> #=Ancho de Columna 

<multicol cols=2 width=400>
texto texto texto...
</multicol>
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto


+ Otros

Nota en Bloque <blockquote>...</blockquote> 

Su canción:
<blockquote>
Cuando era joven,
Escuchaba la radio
esperando oir mis canciones favoritas...
</blockquote>
 Su canción:
Cuando era joven, Escuchaba la radio esperando oir mis canciones favoritas...


Intermitencia <blink>...</blink> 

<BLINK>
Aquí estamos!
</BLINK>
 Aquí estamos!


Texto móvil <marquee>...</marquee> 

<marquee>Hola, qué tal!</marquee>
Hola, qué tal!

Atributos del texto móvil
Guía de Diseño en HTML | Style Sheet Guide
Página | Letra | Texto | Imagen | Formato | Tabla | Marco | Inserciones

BACK TO NCD HOME
Network Communication Design - http://www.ncdesign.org/
 Derechos y Publicación 1994-1997 Yuriko Ienaga yuri@ncdesign.org
Traducción y Adaptación al Español por Carlos Javier Naranjo cnaranjo@univalle.edu.co