Good Mood

hay diferentes métodos de sangría de texto. Sin embargo, para la compatibilidad con múltiples navegadores y la accesibilidad, discutimos los métodos más populares de sangría de texto en su página web.

método recomendado con CSS& HTML

para sangrar texto o un párrafo, el método más comúnmente utilizado y recomendado sería usar CSS. A continuación se muestran diferentes ejemplos de cómo CSS puede sangrar el texto., Cada uno de estos ejemplos podrían ser colocados entre el <cabeza></head> etiquetas HTML.

el siguiente ejemplo crearía una clase de estilo llamada » tab » que sangra el texto y el párrafo 40 píxeles desde la izquierda.

<style type="text/css"><!-- .tab { margin-left: 40px; }--></style>

una Vez que el código de arriba es en el <cabeza> sección, se puede utilizar, añadiendo en su párrafo (<p>) etiquetas como se muestra.,

<p class="tab">Example of a tab</p>

incluir CSS en su Documento HTML, como se muestra arriba, se conoce como CSS «en línea». Es útil para hacer cambios rápidamente, pero a largo plazo, es difícil cambiar más tarde.

en su lugar, puede tomar todo su código CSS y colocarlo en un archivo separado, con la extensión .css. Luego, puede vincular a este archivo desde cualquier documento HTML, y ese documento puede usar esas propiedades CSS. El uso de un archivo CSS externo hace que sea más fácil cambiar el CSS más tarde, porque todo el CSS se define en un solo lugar.

<link rel="stylesheet" Type="text/css" href="http://www.example.com/basic.css">

Una vez esto .,se crea el archivo css, edite el archivo y agregue el mismo código CSS, excluyendo las etiquetas <style> y comment en él, como se muestra.

.tab { margin-left: 40px; }

por último, una vez finalizados los pasos anteriores, usted puede tab cualquier texto usando el mismo <p class=»tab»> ejemplo hemos mostrado anteriormente.

también Hay otras formas de sangría. Por ejemplo, si solo desea sangrar la primera línea de un párrafo, en lugar de usar la línea CSS anterior, usaría la siguiente línea.,

.tab { text-indent:40px }

método recomendado usando HTML

es posible lograr los mismos resultados anteriores con un estilo en línea dentro de HTML., Si bien el uso del ejemplo CSS anterior puede facilitar el mantenimiento en varias páginas web, si necesita usar un estilo solo una vez, puede usar el siguiente ejemplo.

<p style="margin-left: 40px">This text is indented.</p>

en este primer ejemplo, todo el texto de la etiqueta de párrafo tiene sangría de 40 píxeles desde la izquierda. Cualquier otra etiqueta de párrafo no tiene sangría.

<p style="text-indent: 40px">This text is indented.</p>

en este segundo ejemplo, solo la primera línea de texto en el párrafo se sangrará 40 píxeles desde la izquierda. Las líneas adicionales de ese párrafo no están sangradas.,

método alternativo

otro método común (pero inadecuado) de sangría de texto es con las etiquetas <blockquote>, como se muestra en el siguiente ejemplo., Aunque esta es una solución más fácil, introduce problemas de accesibilidad. Esta etiqueta es para citar texto y no para sangrar.

<blockquote>This text would be indented</blockquote>