Cómo dar formato en el Área de texto

Usando la etiqueta HTML " textarea " crea un controlador para mostrar varias líneas de texto en una página Web. Este controlador se comunica la información de una manera llamativa , y es una herramienta perfecta para los desarrolladores web para utilizar . El ejemplo más simple de esto es "¡Hola , mundo! " < /Textarea >, 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 de área de texto . Instrucciones <br> 1 <p> Determine el tamaño del área de texto que se mostrará en la página. Esto debe ser considerado en términos de filas y columnas visibles . Use las " filas " y atributos " cols " para colocar estos en la etiqueta . Por ejemplo , <textarea rows=2, cols=20> crea un área de texto que se encuentra a dos líneas de texto de alto por 20 caracteres de ancho . <br> 2 <p> Determine la opción de ajuste de texto preferido. Añadir saltos de línea reales a un texto seleccionando la opción "dura" para el atributo " wrap" . La opción "suave" crea la ilusión de los saltos de línea , pero no añade saltos efectuados en el texto . La opción "ninguno" no se ajustará el texto en absoluto , lo que puede ocultar la información si el tamaño del área de texto no es lo suficientemente grande para el texto. Utilice el atributo "wrap " para incluir esta decisión. Por ejemplo , <textarea rows=2 cols=20 wrap="hard"> crea un área de texto en el que la información se ajustará el texto y añadir saltos de línea . <br> 3 <p> Usando fuente estilos pueden hacer una gran diferencia en la presentación. Sin embargo , un típico código de formato HTML, como <i> < /i > para cursivas , los resultados en los códigos que se está imprimiendo literal en lugar de ser ejecutado . Se requiere una práctica diferente para realizar el efecto deseado . Utilice el atributo "style " para añadir cursiva o negrita orientadas . Por ejemplo , <textarea rows=2 cols=20 wrap="soft" style="font-weight=bold; font-style=italic;"> Hola , mundo ! < /Textarea > crea un cuadro de texto que contiene una negrita , cursiva "¡Hola , mundo ! " mensaje. <br> <br> <div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div> </div> <div class=contentpage> <div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-restablecer-una-Columna-dependiente-.html' >Cómo restablecer una Columna dependiente </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-convertir-una-marca-de-fecha-.html' >Cómo convertir una marca de fecha </a> </div> </div> <dl class=xgc> <dt><span>Lenguajes De Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-calcular-la-cantidad-de-hosts-por-subred-.html">Cómo calcular la cantidad de hosts por subred </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Oracle---Cómo-dividir-Valores-en-columnas-.html">Oracle : Cómo dividir Valores en columnas </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Advanced-SAS-Certificación-de-la-muestra-.html">Advanced SAS Certificación de la muestra </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/La-diferencia-entre-un-cuadro-combinado-y-un-cuadro-desplegable-.html">La diferencia entre un cuadro combinado y un cuadro desplegable </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-utilizar-un-simulador-de-MPLAB-.html">Cómo utilizar un simulador de MPLAB </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-convertir-una-cadena-vacía-al-doble-.html">Cómo convertir una cadena vacía al doble </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-insertar-valores-HTML-en-una-base-de-datos-Oracle-.html">Cómo insertar valores HTML en una base de datos Oracle </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-registrar-un-archivo-CAB-.html">Cómo registrar un archivo CAB </a></dd> </dl> </div> <!--right--> <div class=rightmain> <div class=esrightlist> <div class=e1>Los últimos artículos de equipo</div> <ul> <li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-incrustar-Flash-Video-en-HTML-.html" >Cómo incrustar Flash Video en HTML </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-actualizar-Python-2-6-.html" >Cómo actualizar Python 2.6 </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-hacer-un-programa-de-repetición-en-una-TI-84-Plus-.html" >Cómo hacer un programa de repetición en una TI 84 Plus </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-instalar-QBasic-Con-Windows-XP-.html" >Cómo instalar QBasic Con Windows XP </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-agregar-espacio-alrededor-de-una-imagen-mediante-programación-HTML-.html" >Cómo agregar espacio alrededor de una imagen mediante programación HTML </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Código-FCM-en-MATLAB-.html" >Código FCM en MATLAB </a> </li> </ul> </div> <div class=esrightlist> <div class=e1>Artículos de la popular computadora</div> <ul> <li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-calcular-la-TIR-en-Lotus-123-.html" >Cómo calcular la TIR en Lotus 123 </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Fortran-funciones-de-error-.html" >Fortran funciones de error </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-agregar-columnas-de-GridView-.html" >Cómo agregar columnas de GridView </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Remoción-de-error-de-tiempo-de-ejecución-.html" >Remoción de error de tiempo de ejecución </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/NEMA-Normas-Lógica-.html" >NEMA Normas Lógica </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Protocolo-ASCII-.html" >Protocolo ASCII </a></li> </ul> </div> <div class="esrightad"> <script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script> </div> <div class=esrightlist> <div class=e1>Más categorías</div> <ul> <li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li> <li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li> <li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li> </ul> </div> </div> <!--right end--> <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div> </div> </body> </html>