Cómo Tab texto en HTML

los teclados de ordenador tienen teclas "Tab" que son útiles para indentar texto. Sin embargo, estos guiones pestañas normalmente no se muestran en las páginas Web escritas en HTML. Esto puede ser un problema si su página web contiene contenido que necesita guiones, como la poesía o código de computadora. La solución más simple es el texto "pestaña" en HTML mediante el uso de CSS (Cascading Style Sheets). Esto le permite crear reglas de formato personalizados para el mayor número de tamaños de tabulación como sea necesario.

Instrucciones

1 Abre el archivo HTML en un editor de texto y añadir el código CSS dentro de su sección HTML "cabeza":

<Style type = "text / css">
<! -
span.tab1 {padding-left: 1.3em;}
span.tab2 {padding-left: 2.6em;}
->
</ Style>

La primera regla de estilo define una clase de "span" con una izquierda "relleno" relativa de 1,3. La segunda regla define otra clase de "span" con el doble de esa cantidad de "relleno". Guarde el archivo como "tabs.html."

2 En su contenido, invoque la ficha que desea justo antes de su contenido. Por ejemplo:

<P> Hubo un agudo lector de eHow
<br/> <span class = "tab1"> </ span> que quería saber cómo pestaña;
<br/> La respuesta fue realmente muy simple,
<br/> <span class = "Sep2"> </ span> Cuando las hojas de estilo hicieron diseños simplemente fabuloso! </ p>

La segunda y cuarta apertura con los elementos vacíos "span" con tamaños pestaña virtuales definidos por los valores de "relleno" en las reglas CSS. Guarde el archivo de nuevo.

3 Probar la página Web. Abra su navegador y cargar "tabs.html." Verá que hay dos tamaños diferentes de "pestañas" en la segunda y cuarta líneas del poema. Si no es así, compruebe que ha copiado los ejemplos de código correctamente.

4 Continuar para añadir pestañas en las que los quiere, usando elementos span con atributos y valores de clase para definir cada tipo de ficha. Ajustar los valores de relleno CSS a la habitación su propio diseño. Crear más reglas de estilo para el mayor número de tamaños "Tab" como sea necesario.

Consejos y advertencias

• También puede utilizar el elemento HTML "pre" para formatear código informático. Esto obliga a la mayoría de los navegadores para mostrar todos los literales espacio, salto de línea y la pestaña que se escribe dentro de los "<pre>" etiquetas. Sin embargo, los diferentes navegadores pueden mostrar la ficha anchos de manera diferente. Incluso en este caso, el uso de elementos HTML "span" con sus valores "de relleno" definidos en CSS le da un mayor control sobre sus diseños.
• Si utiliza elementos HTML "pre" para formatear el código de computadora, tener mucho cuidado con la forma de codificar cada carácter. Al escribir los caracteres de la etiqueta "<" y ">" hace que los navegadores tratan a sus contenidos como elementos HTML normales, ellos la ejecución de código como invisible. Para hacer que los navegadores que muestran como texto visible, codificar los "<" y ">" caracteres como "& lt;" y "& gt;" (sin espacios).