Centros de ayuda no oficiales en otros idiomas: Ayuda en Español / Centro de ayuda: General

Guía básica al HTML

Guía básica al HTML

Hay varios lugares en el sitio en donde usted puede incorporar una cantidad ilimitada de texto. Este texto no se ajusta a formato y los retornos del carro no harán su texto para ir a otra línea. Para hacer que su texto aparece en una nueva línea, usted debe utilizar <BR> o <P> o las etiquetas del HTML < P >. Debajo está una descripción básica de las etiquetas del HTML que usted puede utilizar para ajustar a formato su texto.

Titulos
En el HTML hay seis niveles de títulos. H1 es el más importante, H2 es levemente menos importante, etcétera abajo para H6, el lo más menos posible importante.

Ejemplo:

ladrillos de juan

y aquí está un título más pequeño:

ladrillos de juan

Codigo del HTML:

<H1>John's Bricks</H1>

y aquí está un título más pequeño: :

<H2>John's Bricks</H2>

Rotura De la Línea:
Hacer que su texto aparece en una nueva línea, golpeando el retorno del carro no trabajará. Usted necesita utilizar la etiqueta del < BR >.

Ejemplo:

Line 1
Line 2

Codigo HTML:

Line 1<BR>
Line 2

Párrafo:
Cada párrafo que usted escribe debe comenzar con una etiqueta de < P >.

es opcional, desemejante de las etiquetas del extremo para los elementos como títulos.

Ejemplo:

Este es el primer párrafo.

Este es el segundo párrafo.

Codigo HTML:

Este es el primer párrafo.
<P>Este es el segundo párrafo

Texto en negro (bold)
Usted puede acentuar unas o más palabras con la etiqueta de < B >.

Ejemplo:

BrickLink es un gran lugar!

Codigo HTML:

BrickLink es un <B>gran</B> lugar!

Texto italics
Usted puede hacer unas o más palabras en itálica con la etiqueta de < I >.

Ejemplo:

BrickLink es un divertido lugar!

Codigo HTML:

BrickLink es un <I>divertido </I> lugar!

linea horizontal
Usted puede agregar el line(s) horizontal a las secciones separadas de su documento con la etiqueta de la < hora >.

Ejemplo:

Sección #1


Sección #2
Codigo HTML:

Section #1
<HR>Sección #2

Imagenes
La manera de agregar una imagen está utilizando la etiqueta de < IMG >. Es una buena práctica especificar la anchura y la altura de la imagen. Usted hace esto que usa la ANCHURA y las cualidades de la ALTURA de la IMG marcadas con etiqueta. Si usted no especifica la anchura y la altura marque entonces algunos browsers con etiqueta requieren la imagen entera cargar antes de que se exhiba la página que da lugar a una cantidad grande de tiempo de la espera. Usted puede también utilizar la cualidad del ALT de la etiqueta de IMG a la cual demuestra un texto alterno cuando esta el ratón sobre la imagen.

Ejemplo:

Comprar y vender Lego en bricklink

Codigo HTML:

<IMG SRC="/images/logos/logo8831_1.gif" WIDTH="88" HEIGHT="31" ALT="Buy and Sell LEGO(R) on BrickLink">

Acoplamientos:
El Internet tiene la capacidad de definir acoplamientos a partir de una página a otra, y de seguir acoplamientos en el tecleo de un botón. Los acoplamientos se definen con la etiqueta de < A >. En este ejemplo definiremos un acoplamiento a nuestro foro de la discusión en "messageList.asp". El texto entre la < A > y se utiliza como el subtítulo para el acoplamiento. Es común para que el subtítulo esté en texto subrayado azul..

Ejemplo:

Esto un acoplamiento a nuestro Foro de la discussión.

Codigo HTML:

Esto un acoplamiento a nuestro <A HREF="messageList.asp">Foro de la discusión</A>.

Para ligarse a una página en otro Web site que usted necesita dar la dirección completa de la tela (comúnmente llamada un URL), por ejemplo al acoplamiento a www.bricklink.com usted necesita escribir:

Ejemplo:

Esto un acoplamientoBrickLink.com.

Codigo HTML:

Esto un acoplamiento <A HREF="http://www.bricklink.com">BrickLink.com</A>.

Usted puede dar vuelta a una imagen en un acoplamiento. Cuando usted hace eso, la imagen demuestra una frontera azul. Para dar vuelta a esto apagado, utilice el parámetro BORDER=0 de la etiqueta de la imagen. Lo que sigue permite que usted chasque encendido la insignia de BrickLink para conseguir al Home Page:

Example:

Buy and Sell LEGO(R) on BrickLink

Codigo HTML:

<A HREF="http://www.bricklink.com"><IMG BORDER="0" SRC="/images/logo8831_1.gif" WIDTH="88" HEIGHT="31" ALT="Buy and Sell LEGO(R) on BrickLink"></A>

Listas
Las listas lo más comúnmente posible usadas son la lista pedida y la lista desordenada. Aquí está un ejemplo de una lista desordenada. Pone una bala al lado de cada artículo en la lista:

Ejemplo:

Acepto los métodos siguientes de pago:

  • Cheques personales
  • Money Orders
  • Dinero en efectivo
Codigo HTML:

Acepto los métodos siguientes de pago:

<UL>
<LI>Cheques personales
<LI>Money Orders
<LI>Dinero en efectivo
</UL>

Aquí está un ejemplo de una lista pedida. Pone un número que empieza con el 1 al lado de cada artículo en la lista:

Ejemplo:

Acepto los métodos siguientes de pago:

  1. Cheques personales
  2. Money Orders
  3. Dinero en efectivo
Codigo HTML:

Acepto los métodos siguientes de pago: :

<OL>
<LI>Cheques personales
<LI>Money Orders
<LI>Dinero en efectivo
</OL>

Tablas
Las tablas se utilizan para la información así como para la disposición. Las tablas consisten en unas o más filas de las células de la tabla. El elemento de TABLA actúa como el envase para la tabla. La cualidad de la FRONTERA especifica la anchura de la frontera en pixeles. El elemento del TR actúa como envase para cada fila de la tabla. Los elementos del TH y de TD actúan como envases para las células del título y de datos respectivamente. Aquí está un ejemplo simple:

Ejemplo:

LocaciónCargo por envìo
Europa$10.00
America$5.00
Australia$15.00
Codigo HTML:

<TABLE BORDER="1">
<TR><TH>Locación</TH><TH>Cargo por envio</TH></TR>
<TR><TD>Europa</TD><TD>$10.00</TD></TR>
<TR><TD>America</TD><TD>$5.00</TD></TR>
<TR><TD>Australia</TD><TD>$15.00</TD></TR>
</TABLE>