Teclados de computadora tienen teclas "Tab" que son útiles para aplicar sangría a texto. Sin embargo, estos guiones fichas no se muestran normalmente en páginas Web escritas en HTML. Esto puede ser un problema si su página Web contiene contenido que necesita guiones, como código de poesía o computadora. La solución más sencilla es al texto de la "ficha" en HTML mediante CSS (Cascading Style Sheets). Esto le permite crear reglas de formato personalizadas para tamaños de pestaña tantas como necesites.

Instrucciones

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

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

La primera regla de estilo define una clase "span" con una relativa izquierda "relleno" de 1.3. La segunda regla define otra clase "span" con dos veces que la cantidad de "relleno". Guarde el archivo como "tabs.html."

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

< p > fue un lector entusiasta de eHow< br / >< clase de span = "tab1" >< / span > que querían saber de la lengüeta;< br / > la respuesta es muy simple,< br / >< clase de span = "Tab.2" >< / span > cuando hojas de estilo hizo diseños simplemente fabuloso! < /p >

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

3 Prueba de su página Web. Abre tu navegador y carga "tabs.html." Debería ver dos diferentes tamaños de "pestañas" en la segunda y cuarta líneas del poema. Si no es así, compruebe que ha copiado correctamente los ejemplos de código.

4 Continuar agregar fichas que desee, utilizando elementos span con la clase de atributos y valores para definir cada tipo de ficha. Ajustar el CSS relleno valores Suite su propio diseño. Crear más reglas de estilo para como muchos "pestaña" tamaños como usted necesita.

Consejos y advertencias

• También puede utilizar el elemento de "pre" de HTML para dar formato a código de computadora. Esto hace que la mayoría de los navegadores para mostrar cada espacio literal, salto de línea y ficha que escribir dentro de las etiquetas "< pre >". Sin embargo, distintos navegadores pueden mostrar ancho de pestaña diferentemente. Incluso aquí, utilizando elementos "span" de HTML con sus valores de "relleno" definidos en CSS le da un mayor control sobre sus diseños.
• Si utilizas elementos "pre" de HTML para dar formato a código de computadora, tener mucho cuidado con cómo codificar cada carácter. Escribir los caracteres de la etiqueta "<" y ">"hace los navegadores tratan sus contenidos como elementos HTML normales, ellos ejecutar código invisible. Para hacer navegadores mostrará texto como visible, codificar la "<" y ">" personajes como "& l t;" y "& g t;" (sin espacios).