Etiquetas HTML

Mary Esther Ramírez Carpio

Especiales del formato wikiLa idea es poner aquí las etiquetas HTML que acepta el formato wiki.Por ejemplo: Los colores sólo se pueden poner con etiquetas HTML, forzar el texto a tener un tamaño... etc. Estas etiquetas pueden sustituir al formato wiki, como en las tablas, secciones, negrita, cursiva... pero en estos casos siempre hay que optar por el formato wiki, más simple y vistoso.

Es la principal etiqueta html. Delimita el contenido de toda el documento. Es obligatoria aunque algunos navegadores muestren correctamente la página aunque no aparezca.

<HMTL>

Etiqueta inicial

Etiqueta final Uso

<nowiki> </nowiki> Sirve para mostrar cómo se ponen enlaces, plantillas, etc.

<math> </math>Para que el wiki transforme texto plano en fórmulas matemáticas usando TeX.

<timeline> </timeline> Para crear un eje cronológico o

linea de tiempo.

<noinclude>

</noinclude>

Para añadir un texto en una plantilla y que no aparezca al insertarla, pero sí al visualizarla.

<includeonly>

</includeonly>

Añadir un texto que no aparezca en la plantilla, pero sí al visualizarla. (Sobre todo categorías).

<noprint> </noprint> Para que no imprima el texto entre las etiquetas.

Especiales del formato wiki

Propias de HTML

p> <p> (opcional) Indica un nuevo párrafo

<span style="..."> </span> Añadiendo modificadores da formato a

un texto<div style="..."> </div> Añadiendo modificadores da formato a

un texto (se puede usar para recuadros)

<font ...> </font> Añadiendo modificadores da formato a un texto (preferible span)

&lt;, &gt; y &amp; No cierran

Se usan donde en texto plano se usaría en signo de menor que (<), en signo de mayor que (>), o el ampersand (&), respectivamente (estos caracteres se suelen usar para efectos de estilo).

&#xxx; No cierra

Igual que la anterior. Sustituír xxx por un código ASCII para que aparezca el caracter en cuestión (por ejemplo, 65 provoca una A).

<!-- -->El texto entre estas dos etiquetas es convertido en comentario y no mostrado (sólo visible en la edición)

Para crear una lista de este tipo debemos utilizar la etiqueta <ol>. En este tipo de listas los elementos aparecen ordenados mediante una secuencia de números o letras. Para escoger el tipo de marca hemos de utilizar el atributo type. Los posibles valores que puede tonar son:

Listas ordenadas <ol>

1: secuencia de números (por defecto)a: secuencia de letras minúsculasA: secuencia de letras mayúsculasi: secuencia de números romanos en minúsculasI: secuencia de números roimanos en mayúsculasmodificar el número de cualquier elemento de

la lista de forma individual.

Listas de definiciones <dl>Las listas de definiciones muestran un término y su definición. Su uso es ligeramente diferente a los dos tipos de listas vistos anteriormente. Para crear una de esta listas hemos de emplear las etiquetas <dl> y </dl>. En su interior hemos de utilizar dos etiquetas diferentes: <dt> para identificar el término que deseamos describir y <dd> para señalar la defición que deberá emparejarse con el término anterior.Ejemplo:

GráficosLos gráficos se añaden al documento mediante la etiqueta <img>. Esta posse una gran cantidad de atributos para modificar su comportamiento. Veamos algunos de los más importantes:

src: localización de la imagenlowsrc: localización de una imagen de baja resolución que se mostrará mientras la imagen es cargadaalt: texto que se mostrará si la imagen no está displonibleheight: altura de la imagenwidth: anchura de la imagenalign: alineación horizontal respecto al texto: left, right o centervaling: alineación vertical: top, bottom o middleborder: grosor del borde

ejemplo:

Resultado del ejemplo:

La etiqueta textarea

Se usa para crear un control de entrada de texto multilínea.Los atributo rows y cols nos indican la cantidad de filas y columnas que tendra el recuadro del área de texto.

Nota:

en este ejemplo podemos observar lo siguiente:action="texto.php" --> nos indica que el archivo texto.php es el encargado de manipular los datos que el usuario ingresó en el formulariomethod="post" --> nos indica que los datos del formulario se enviarán por el método postname="eltexto" --> le asigna un nombre al elemento textarea

Fuentes

http://www.virtualnauta.com/es/html/formularios-html.php

http://geneura.ugr.es/~gustavo/html/

http://ima.udg.edu/~dagush/cursohtml/etiquet1.htm

http://www.virtualnauta.com/es/html/html-etiquetas-basicas.php