Cómo dar formato en el Área de texto

Usando la etiqueta "textarea" HTML crea un controlador para la visualización de múltiples líneas de texto en una página web. Este controlador se comunica la información de un modo llamativo, y es una herramienta perfecta para los desarrolladores web que utilizan. El ejemplo más sencillo de esto es <textarea> "Hola, mundo!" </ Textarea>, lo que crea un cuadro de texto que contiene el mensaje "Hola, mundo!" Formateo de un área de texto puede parecer un ejercicio complicado. Sin embargo, los siguientes pasos sencillos demostrarán varias técnicas básicas de formato área de texto.

Instrucciones

1 Determinar el tamaño de la caja de texto que se mostrará en la página. Esto debe ser considerado en términos de filas y columnas visibles. Utilice las "filas" y "cols" atributos para posicionar estos en la etiqueta. Por ejemplo, <textarea filas = 2, cols = 20> crea un área de texto que es de dos líneas de texto de alto por 20 caracteres de ancho.

2 Determinar la opción de ajuste de texto preferido. Añadir saltos de línea reales a un texto seleccionando la opción "duro" para el atributo "envolver". La opción "suave" crea la ilusión de los saltos de línea, pero no se le añade pausas efectuados en el texto. La opción "ninguno" no va a envolver el texto en absoluto; Esto puede esconder la información si el tamaño de área de texto no es lo suficientemente grande para el texto. Utilice el atributo "envolver" para incluir esta decisión. Por ejemplo, <filas de área de texto = 2 cols = 20 wrap = "duro"> crea un área de texto donde la información va a ajustar el texto y añadir saltos de línea.

3 El uso de estilos de fuente puede hacer una gran diferencia en la presentación. Sin embargo, un código de formato HTML típica, como <i> </ i> para poner en cursiva, los resultados en los códigos se imprimen pie de la letra en vez de ser implementado. Se requiere una práctica diferente para realizar el efecto deseado. Utilice el atributo "estilo" para añadir cursiva o negrita orientación. Por ejemplo, <filas de área de texto = 2 cols = 20 wrap = estilo "suave" = "-peso de la fuente = bold; font-style = cursiva;"> Hola, mundo </ textarea> crea un cuadro de texto que contiene una negrita, cursiva! "¡Hola Mundo!" mensaje.