Entra en este post y descubre el significado de las principales etiquetas de texto para html/xhtml y diseña tu página web en Dreamweaver desde la vista código. Buena parte del mundo del diseñador web gira en torno al texto: la inserción, estilo y actualización de toda clase de palabras. Las etiquetas de texto de Dreamweaver para HTML/XHTML son muy ricas y variadas, dándonos la posibilidad de insertar titulares, añadir listas numeradas o de viñetas, alinear el texto, subrayarlo, etc. Este post se convierte así en una continuación de etiquetas y atributos generales html/xhtml.
Aviso: todas las etiquetas aquí utilizadas irán siempre entre < ... >
h1
h2
...
h6: definen los títulos y encabezados. Son utilizados para dividir el texto en diferentes secciones. Los de nivel 1 (h1) son los de mayor importancia y los de nivel 6 (h6) son los menos importantes.
align: define la alineación del texto o encabezado. Sus posibles variables son:
- center: alineación centrada.
- left: alineación a la izquierda.
- right: alineación a la derecha.
br: introduce un salto de línea en el texto o encabezado con el que estemos trabajando. pueden ponerse tantas como se quiera.
abbr: indica que el texto será una abreviatura.
acronym: indica que el texto será un acrónimo.
del: identifica un texto que ha sido suprimido del documento.
ins: identifica un texto que se ha insertado en el documento. Puede ser considerado el antónimo de del.
address: usa el estilo de dirección postal.
cite: indica que el texto es una cita. Suele utilizarse en combinación con la etiqueta blockquote.
blockquote: el texto contenido entre sus dos etiquetas de inicio y fin contendrán la cita. Por norma general se utiliza para citas largas.
q: tiene el mismo propósito que blockquote pero se utiliza para citas cortas.
dfn: contiene el texto que se define dentro de la propia página.
dd: delimita una definición. Suele utilizarse en combinación con dl (lista de definiciones) y dt (término a definir).
dt: delimita un término que se define en un elemento dd.
code: usa el estilo de código de programación, designando un elemento de código del ordenador.
samp: usa el estilo de respuesta del ordenador, designando una muestra de la salida de un programa.
kbd: indica que el texto debe ser escrito por el usuario.
var: delimita un texto que es una variable de un programa.
em: usa el estilo de texto enfatizado.
strong: indica un nivel de énfasis mayor que em, de manera habitual el navegador lo interpretará como negrita.
big: muestra un texto con un tamaño de letra grande.
small: delimita un texto que debe mostrarse con un tamaño de letra menor.
i: usa el estilo de cursiva.
b: usa el estilo de negrita.
u: usa el estilo de subrayado.
strike: usa el estilo de tachado.
s: igual que strike.
sup: usa el estilo de superíndice.
sub: usa el estilo de subíndice.
tt. usa una fuente monoespaciada o de ancho fijo estilo teletipo.
font: permite configurar ciertos parámetros de la fuente, entre los que destacan:
- face: nombre de la fuente.
- size: tamaño de la fuente. Solo admite los valores del 1 (menor) al 7 (mayor).
- color: color de la fuente.
- style: permite especificar el tamaño en puntos de la fuente mediante una expresión como: "font-size: 40pt".
ol: delimita una lista ordenada. Las listas pueden anidarse unas dentro de otras.
- start: indica la numeración del primer elemento de la lista.
- type: indica el tipo de numeración. Los valores posibles son 1, I, i, A y a.
- type: indica la forma del disco. Los valores posibles son: disc, circle y square.
dl: delimita una lista de definiciones. Se suele utilizar en combinación con dt y dd.
