Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
Este sitio admite contenido HTML. Aprender todo el HTML es una tarea ardua e intimidante, pero aprender unas cuantas «etiquetas» HTML básicas es muy sencillo. Esta tabla proporciona ejemplos para cada etiqueta que está activa en el sitio.
Para más información, puede ver las especificaciones HTML de W3C o usar su motor de búsqueda favorito para buscar otros sitios que traten sobre HTML.
| Descripción de la etiqueta | Teclea | Obtiene |
|---|---|---|
| Las anclas se usan para hacer enlaces a otras páginas. | <a href="http://indexante.com">indexante</a> | indexante |
| Enfatizado | <em>Enfatizado</em> | Enfatizado |
| Fuerte | <strong>Fuerte</strong> | Fuerte |
| Citado | <cite>Citado</cite> | Citado |
| Texto codificado que se usa para mostrar código fuente de programación | <code>Codificado</code> | Codificado |
| Lista desordenada: use <li> para comenzar cada elemento de la lista | <ul> <li>Primer elemento</li> <li>Segundo elemento</li> </ul> |
|
| Lista ordenada: utilice <li> para comenzar cada elemento de la lista | <ol> <li>Primer elemento</li> <li>Segundo elemento</li> </ol> |
|
| Las listas de definiciones son similares a otras listas HTML. <dl> da comienzo a la lista de definiciones, <dt> da comienzo a cada término definido y <dd> da comienzo a la descripción de la definición. | <dl> <dt>Primer término</dt> <dd>Primera definición</dd> <dt>Segundo término</dt> <dd>Segunda definición</dd> </dl> |
|
Los caracteres menos habituales se pueden introducir directamente sin mayor complicación.
Si tiene problemas, intente usar entidades de caracteres HTML. Un ejemplo de esto es &, que se usa para conseguir el carácter &. Tiene una lista completa de las entidades HTML en la página de entidades. Entre los caracteres disponibles están:
| Descripción del carácter | Teclea | Obtiene |
|---|---|---|
| Ampersand | & | & |
| Mayor que | > | > |
| Menor que | < | < |
| Comillas | " | " |
CSS attributes can be applied to blocks (paragraphs, headers,
etc.). CSS classes are specifed with "(class)";
CSS IDs are specified with "(#id)"; both can be
specified with "(class#id)". An arbtirary
CSS style can be applied by using
"{style}". Finally, language attributes are
applied using "[language]".
Additionally, alignment and indentation shorthands are provided. To
left-align, right-align, center, and justify text, use
"<", ">", "=", and
"<>", respectively. "(" left-indents
a block 1em for each occurrence, and ")" right-indents
similarly.
Tables have additional options. "^", "-",
and "~" specify top, middle, and bottom vertical
alignment. The "_" attribute on a cell indicates that
it is a table header.
The examples below illustrate these attributes.
| textile input | output | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Headingshx. (where x is 1 - 6)
|
|||||||||||||
| h1. Heading | Heading |
||||||||||||
| h2(class). Heading with class | Heading with class |
||||||||||||
Paragraphs |
|||||||||||||
| p=. Centered text | Centered text |
||||||||||||
| p())(#id). Indented text with ID |
Indented text with ID |
||||||||||||
Block quotes |
|||||||||||||
| bq(class#id). Quote with class and ID |
Quote with class and ID |
||||||||||||
| bq[en]. English quote |
English quote
|
||||||||||||
Ordered lists |
|||||||||||||
|
{color: blue}# Attributes specified # before the first item # affect the whole list |
|
||||||||||||
Unordered lists |
|||||||||||||
|
* Lists can have ## subitems or ## sublists * too |
|
||||||||||||
Footnotesfnx. (where x is 1 - 100)
|
|||||||||||||
| fn17. Footnote | 17 Footnote |
||||||||||||
Tables |
|||||||||||||
|
|_. A|_. B|_. C| (dark). |very|simple|table| |<. left|=. center|>. right| |^{height:3em}. top|-. middle|~. bottom| |
|
||||||||||||
The class, ID, style, and language attributes described above also apply to the span phrase modifier as shown below.
| textile input | output |
|---|---|
| _emphasis_ | emphasis |
| __italic__ | italic |
| *strong* | strong |
| **bold** | bold |
| ??citation?? | citation |
| -delete text- | |
| +inserted text+ | inserted text |
| ^superscript^ | superscript |
| ~subscript~ | subscript |
| @code@ | code |
| %(class)span% | span |
| %{color:red;}span% | span |
| ==no textile== | no textile |
| "link text":url | link text |
| "link text(title)":url | link text |
| !imageurl! | |
| !imageurl(alt text)! | |
| !imageurl!:url | |
| ABC(Always Be Closing) | ABC |
| Footnote reference[17] | Footnote reference17 |
CSS attributes can be applied to blocks (paragraphs, headers,
etc.). CSS classes are specifed with "(class)";
CSS IDs are specified with "(#id)"; both can be
specified with "(class#id)". An arbtirary
CSS style can be applied by using
"{style}". Finally, language attributes are
applied using "[language]".
Additionally, alignment and indentation shorthands are provided. To
left-align, right-align, center, and justify text, use
"<", ">", "=", and
"<>", respectively. "(" left-indents
a block 1em for each occurrence, and ")" right-indents
similarly.
Tables have additional options. "^", "-",
and "~" specify top, middle, and bottom vertical
alignment. The "_" attribute on a cell indicates that
it is a table header.
The examples below illustrate these attributes.
| textile input | output | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Headingshx. (where x is 1 - 6)
|
|||||||||||||
| h1. Heading | Heading |
||||||||||||
| h2(class). Heading with class | Heading with class |
||||||||||||
Paragraphs |
|||||||||||||
| p=. Centered text | Centered text |
||||||||||||
| p())(#id). Indented text with ID |
Indented text with ID |
||||||||||||
Block quotes |
|||||||||||||
| bq(class#id). Quote with class and ID |
Quote with class and ID |
||||||||||||
| bq[en]. English quote |
English quote
|
||||||||||||
Ordered lists |
|||||||||||||
|
{color: blue}# Attributes specified # before the first item # affect the whole list |
|
||||||||||||
Unordered lists |
|||||||||||||
|
* Lists can have ## subitems or ## sublists * too |
|
||||||||||||
Footnotesfnx. (where x is 1 - 100)
|
|||||||||||||
| fn17. Footnote | 17 Footnote |
||||||||||||
Tables |
|||||||||||||
|
|_. A|_. B|_. C| (dark). |very|simple|table| |<. left|=. center|>. right| |^{height:3em}. top|-. middle|~. bottom| |
|
||||||||||||
The class, ID, style, and language attributes described above also apply to the span phrase modifier as shown below.
| textile input | output |
|---|---|
| _emphasis_ | emphasis |
| __italic__ | italic |
| *strong* | strong |
| **bold** | bold |
| ??citation?? | citation |
| -delete text- | |
| +inserted text+ | inserted text |
| ^superscript^ | superscript |
| ~subscript~ | subscript |
| @code@ | code |
| %(class)span% | span |
| %{color:red;}span% | span |
| ==no textile== | no textile |
| "link text":url | link text |
| "link text(title)":url | link text |
| !imageurl! | |
| !imageurl(alt text)! | |
| !imageurl!:url | |
| ABC(Always Be Closing) | ABC |
| Footnote reference[17] | Footnote reference17 |
Indexante es la bitácora de Cesar Soplin Sánchez acerca de usabilidad, arquitectura de información, desarrollo web y ad infinitum.
Comentarios recientes
hace 2 días 7 horas
hace 2 días 11 horas
hace 3 semanas 6 días
hace 3 semanas 6 días
hace 4 semanas 3 días
hace 4 semanas 4 días
hace 4 semanas 5 días
hace 5 semanas 1 día
hace 5 semanas 6 días
hace 6 semanas 1 día