HTML & lt; Src & gt; pestaña Tutorial

by admin

HTML & lt; Src & gt; pestaña Tutorial

Utilice las pestañas al escribir documentos de texto para alinear correctamente en columnas. Cada vez que se pulsa la pestaña en un programa de edición de texto, el cursor se mueve a la columna de la siguiente serie. Puede utilizar las pestañas, por ejemplo, para crear una lista de precios en el que el precio siempre se alinea en la misma columna de entrar en el nombre del elemento, al pulsar la tecla de tabulación el cual deberá introducir el precio. Aunque HTML no contiene un comando real ficha, puede crear un efecto de pestaña de varias maneras diferentes.

Instrucciones

Texto preformateado

1 Crear un documento de texto con pestañas en lugar utilizando cualquier editor de texto de su elección.

2 Abrir un documento HTML en un editor de texto o HTML.

3 Copiar el texto pulsando CTRL-C y pegarlo en un documento HTML usando CTRL-V.

4 El texto entre la etiqueta <pre> y </ pre> etiquetas para que <pre> que está escrito directamente ante el texto y </ pre> se escribe directamente a continuación del texto de la siguiente manera:

<Pre>

muestra de texto con formato previo

línea 2 muestra el texto preformateado

</ Pre>

Los espacios de no separación HTML

5 Abrir un documento HTML en un editor de texto o HTML.

6 Escribir texto directamente en el documento HTML mediante la adición de un <p> al inicio del texto y un </ p> al final del texto.

Utilice el siguiente ejemplo:

<P> Este es mi texto. </ P>

7 Insertar "," conocido como el carácter de espacio de no separación, varias veces para crear un efecto de pestañas. Insertar el carácter "" una vez para cada espacio que usted desea. Si desea crear una lengüeta hecha de cinco espacios, incluir "" cinco veces en una fila.

Utilice el siguiente formato para mostrar una ficha de cuatro espacios:

<P> El texto con un espacio de cuatro pestaña Fin del texto </ p>

Las tablas HTML

8 Abrir un documento HTML en un editor de texto o HTML.

9 Crear una tabla HTML que comienza con <table> y termina con </ table>.

10 Insertar filas en la tabla, comenzando cada fila con la etiqueta <tr> y finalización de cada fila con la etiqueta </ ​​tr>.

11 Añadir celdas de la tabla para cada fila de la tabla, comenzando cada celda con <td> y finalización de cada celda con </ td>. Cada celda se alineará en columnas del conjunto, creando el mismo efecto que el uso de pestañas dentro de un documento de texto.

Utilice el formato siguiente para crear una tabla HTML que incluye todas las etiquetas necesarias:

<Table>

<Tr> <td> elemento1 </ td> <td> $ 5,00 </ td> </ tr>

<Tr> <td> elemento2 </ td> <td> $ 15.00 </ td> </ tr>

<Tr> <td> elemento3 </ td> <td> $ 23.00 </ td> </ tr>

</ Table>

ETIQUETA: