rss

HTML - Etiquetas de estructura


Las etiquetas pueden dividirse en dos grupos: Aquellas que modifican la estructura de la página y las que cambian el estilo del texto.
Las etiquetas de estructura incluyen etiquetas de encabezado, de párrafo, de listas y mucho más.

Atributos

Los siguientes atributos se ubican dentro de las etiquetas de estructura, de forma que los elementos puede mostrarse en ubicaciones específicas:

Atributo Valor Efecto visual
ALIGN LEFT

RIGHT

CENTER

JUSTIFY

Izquierda

Derecha

Centro

JUSTIFICAR

NOWRAP   Evita que el texto se mueva a la línea siguiente
ID   Atribuye un nombre a los contenidos de la etiqueta (para poder crear vínculos)
LANG   Especifica un idioma diferente
CLASS   Asigna una clase a los contenidos (para hojas de estilo)
CLEAR   Se usa cuando el texto está rodeando una imagen. Ubica al texto tan abajo de la página como sea necesario para tener un margen claro.

Bloques de elementos

Hay etiquetas que se usan para indentar un texto: Se llaman contenedores. Por ejemplo:

Contenedor Efecto visual
<blockquote> y </blockquote>
Texto con indentación
<address> y </address>
Para escribir información de contacto
<note> y </note> Para escribir una nota
<fn> y </fn> Para crear una nota al pie
<banner> y </banner> Hace que un bloque de texto adopte una posición relativa en una página
<pre> y </pre>
Para escribir texto preformateado, manteniendo los espacios, etc.

Lists

Una lista es un párrafo estructurado que contiene una serie de ítems. Hay tres tipos de listas:

  • Ordered Ordenado
  • Unordered No ordenado
  • Definition De Definición

Esta es su sintaxis:

Contenedor Tipo de lista Efecto visual
<ol>

<li> item 1 </li>

<li> item 2 </li>

</ol>

Ordered Ordenado
  1. item 1
  2. item 2
  3. item 3
<ul>

<li> item 1 </li>

<li> item 2 </li>

</ul>

Unordered No ordenado
  • item 1
  • item 2
  • item 3
<dl>

<dt>Term</dt>

<dd>Definition</dd>

</dl>

Definition De Definición
item 1
definition 1
item 2
definition 2

Hay varios atributos que sólo son usados para listas:

Atributo Valor Efecto visual
COMPACT   estrecha el espacio entre líneas (lista más compacta)
PLAIN   Quita las viñetas
SEQNUM   define el primer número
START   Define el primer número
CONTINUE   empieza con el número donde
se quedó la lista anterior
TYPE (para listas ordenadas) 1

A

A

I

I

Números arábigos (predeterminado)

Letras en mayúsculas

Letras en minúsculas

Números romanos (I, II, III, IV ...)

Números romanos en minúsculas

TYPE (para listas no ordenadas) Circle

Square

Disc

  • viñeta circular
  • viñeta cuadrada
  • viñeta sólida

Este documento intitulado « HTML - Etiquetas de estructura » de Kioskea (es.kioskea.net) esta puesto a diposición bajo la licencia Creative Commons. Puede copiar, modificar bajo las condiciones puestas por la licencia, siempre que esta nota sea visible.
 
Discusiones pertinentes en el foro
20/06 17h30Ejemplos de HTML8
31/05 14h59Cdigo html para fonfo4
30/05 15h08FECHA en HTML4
29/05 20h11Ejemplos html estilo link6
29/05 15h37Convierte código HTML a código Wiki6
Mas discusiós en « HTML »
Programas pertinentes en las descargas
Descargar HTMLDOC 1.8.24HTMLDOC - HTMLDOC es una herramienta que permite convertir una página HTML (Hyper-Text Markup Language) en un archivo HTML indexado,...Categoría: PDF
Licencia: Freeware/gratuit
Descargar PDFtoHTML 1.4PDFtoHTML - PDFtoHTML puede abrir archivos PDF. Este reconoce los textos, la disposición y muchos gráficos. Puede guardar en formato...Categoría: PDF
Licencia: Demo
Descargar AbiWord 2.6.3AbiWord - AbiWord es un software procesador de texto, que incluye las siguientes herramientas: Corrector ortográfico Formato...Categoría: Tratamiento de texto
Licencia: Freeware/gratuit
Descargar Wink  2.0 build 1050Wink - Wink le permite capturar toda la actividad que se produce en la pantalla (imágenes y desplazamiento del cursor) para crear...Categoría: Capturas
Licencia: Freeware/gratuit
Mas programas gratuitos en « HTML »