Tecnología

Inicio

Cómo crear dos áreas de texto en una línea con HTML

Cómo crear dos áreas de texto en una línea con HTML


HTML (Hyper Text Markup Language) proporciona una codificación estándar para la creación de una página Web y el control de todos los aspectos de la misma, incluyendo la colocación de texto e imágenes. La estructura de una página web puede ser controlado usando etiquetas HTML para crear tablas dentro de tablas. Un ejemplo más sencillo de tablas, sin embargo, podría ser una lista de los productos y sus precios, cada listado utilizando dos áreas de texto discretos en una sola línea. Se pueden crear tablas con o sin bordes para separar visiblemente las filas y columnas. A su vez las fronteras fuera para crear áreas de texto sin la mirada en forma de rejilla de una mesa.

Instrucciones

1 Crear un nuevo archivo HTML con un editor de texto o HTML.

2 Inserte las siguientes variables de estructura de tabla en el documento. El "<tr> </ tr>" etiquetas crean filas, y el "<td> </ td>" etiquetas crean columnas.

<Table width = "500" border = "0">

<Tr>

&lt;td>&lt;/td>

& Lt; td> & lt; / td>

</ Tr>

</ Table>

3 Introduzca sus datos entre el principio "<td>" y termina "</ td>" etiquetas. Por ejemplo:

<Table width = "500" border = "0">

<Tr>

&lt;td>This is the first column of text and will flow in its own space on the left.&lt;/td>

& Lt; td> Esta es la segunda columna de texto y fluirá en su propio espacio a la derecha. & Lt; / td>

</ Tr>

</ Table>

Cambio "border =" 0 "" a "border =" 1 "" si desea mostrar los bordes de la tabla.

4 Mira la página en la vista del navegador para ver lo que han creado.


Artículos relacionados