Back to
Writing Web Pages
HTML: Basic Tags

Learning HTML   /  Aprendiendo HTML

Basic tags   /   Comandos fundamentales

This list is not intended to be comprehensive, rather simply introductory information for those attending our workshops. Sites with more complete materials are listed on our USI 'Basic Tags' page.
All tags may be written in either upper or lower case.
Esta lista no pretende ser comprehensiva, sino una simple introducción para los que asisten a nuestros institutos. Hay sitios con materias más completas en nuestra página USI 'Basic Tags'.
Los comandos puede escribirse en mayúscula o minúscula.

A. Beginning and ending

HTML pages begin with the <HTML> tag and end with the </HTML> tag.

Comienzo y final

Las páginas en HTML deben comenzar con el comando <HTML> y terminar con </HTML>.

B. Page head

The HEAD of the page contains the TITLE. The title appears at the top of the Netscape browser window. (Do you see it?) It should include words that tell about the page: searchers like Altavista use the title to identify the page.

Cabecera de la página

La CABECERA de la página contiene el TITULO. El título aparece escrito arriba de la ventana de Netscape. (Lo ves?) Debería incluir palabras que describen la página: buscadores como Altavista empleen el título para identificar la página.

C. Page body

The page BODY is everything that appears between the tags <BODY> and </BODY>. The <BODY> tag appears immediately after the </HEAD> tag:

Cuerpo de la página

El CUERPO de la página es todo lo que aparece entre los comandos <BODY> y </BODY>. El comando <BODY> aparece inmediatamente después del comando </HEAD>:

D. Paragraphs, lines of text

The <P> tag is used to separate paragraphs - you can put it anywhere between them.

To simply begin a new line, use the <BR> tag.

Párrafos, líneas del texto

El comando <P> se usa para separar párrafos - tiene que aparecer entre ellos, pero no importa dónde se escribe.

Para simplemente comenzar una nueva línea, se usa el comando <BR>.

E. Horizontal line, Centering

To draw a horizontal line (for example, to divide text on a page), write: <HR>

Línea horizontal, Texto en el centro

Para dibujar una línea horizontal (por ejemplo, para dividir el texto en la página) debes escribir: <HR>

To center text,
use the <CENTER> </CENTER> tags.
Para colocar el texto
en el centro de la página,
se usan los comandos <CENTER> </CENTER>.

F. Letter size and style

1. Type size: HEADERS

All HEADERS are in bold type. They cause blank lines above and below in Netscape (but need a <P> tag before and after them in Explorer). The size of the header increases from <H6> to <H1>:

Tamaños y tipos de letras

Tamaño de las letras: HEADERS

Todos los HEADERS aparecen reforzados. Vienen con líneas sin escritura arriba y abajo en Netscape (para Explorer, el comando <P> es necesario antes y después). El tamaño del HEADER va aumentando desde <H6> a <H1>:

2. Larger type, not bold

You can increase font size without making the letters bold by using the <font size=+1> tag. Examples:

Letras más grandes, no reforzadas

Se puede aumentar el tamaño de las letras sin reforzarlas empleando el comando <font size=+1>. Ejemplos:

3. Bold type, italics

For BOLD type, use the <B> </B> tags. (For structural markup, use the <STRONG> </STRONG> tags.)

It is better not to use bold type for full paragraphs - it can be hard to read, and if you make whole paragraphs bold, you will have nothing left to use for emphasis.

For ITALICS, use the <I> </I> tags. (For structural markup, use the <EM> </EM> tags.)

Italics can be hard to read - it is preferable to use them only for short phrases and book titles.

Letras reforzadas, itálicas

Para letras negritas, usamos los comandos <B> </B> (para letras reforzadas [html estructural], <STRONG> </STRONG>).

Es mejor no usar letras reforzadas para párrafos enteros - pueden ser difíciles de leer, y si todo el párrafo es reforzado, no hay más que usar para indicar énfasis.

Para formar letras itálicas, se usan los comandos <I> </I> (para letras enfatizadas [html estructural], <EM> </EM>).

Las letras itálicas pueden ser difíciles de leer - es preferible userlas sólo para frases cortas y títulos de libros.

4. Blockquoting

To indent text from both sides, as when quoting text, or to put a margin on your page, use the <BLOCKQUOTE> tag.

Texto citado

Para indentar citando un texto, o para incluir una margen en los dos lados, se usa el comando <BLOCKQUOTE>.

G. Lists

1. Unnumbered lists (a bullet before each item)

The <UL> tag indents 5 spaces.


Listas no numeradas (cada item señalado con un punto gordo)

El comando <UL> endenta 5 letras.

2. Numbered lists (a number or letter before each item)

The <OL> tag indents 5 spaces.

Listas numeradas (cada item señalado con un número o una letra)

El comando <OL> endenta 5 letras.

3. Descriptive lists (a heading and a description below)

The <DD> tag indents 5 spaces.

Listas descriptivas (un item como cabecera y una descripción debajo)

El comando <DD> endenta 5 letras.

H. Links

"Links" are words in color or underlined that you can "click on" with the mouse to go to a new page. To make a link we write:

<A HREF="address"> text </A>

The text will be the word or words we can "click on" that will take us to another page (yours or someone else's). The address will be something like:

Vínculos o enlaces

Los "links" (vínculos o enlaces) son esas palabras en color o subrayadas que cuando las apretamos con el ratón nos trasladan a una nueva página. Para hacer un link hay que escribir:

 <A HREF="dirección"> texto </A>

El texto será la palabra, o texto, donde se deberá hacer el "click" para acceder a otra página cualquiera (suya, o de otro). La dirección será algo como:

Your Web page will have an address like this, which we will use to make a link from it to another page. Tu página tendrá una dirección de ese tipo, que usaremos para hacer un vínculo desde ella a otra página).

I. Images

To insert an image, you should write:

<IMG ALT="text" SRC="address">

If the browser (lynx, for example) can't display images, the alternative text inside the quotes in ALT=" " will appear instead of the image. The address should be the location of the graphic.

To align the top, middle, or bottom of the image next to the text or at the left or right margin, insert the following:

Las imágenes

Para insertar una imagen, se escribe:

<IMG ALT="texto" SRC="dirección">

Si el browser no es capaz de trabajar con imágenes (lynx, por ejemplo) en lugar de la imagen aparecerá el texto alternativo dentro del comando ALT=" ". La dirección debe ser la de la imagen.

Para alinear la imagen al lado del texto o al margen izquierdo o derecho, se puede insertar:

J. Preformatted text

To maintain the spacing of text (as, for example, for math equations) use the <PRE> tag:

Texto "literal"

Para mantener los espacios blancos dentro del texto (como, por ejemplo, para una ecuación matemática), se usa el comando <PRE>:

K. Special characters

For example:

Caracteres especiales

Por ejemplo:

and many more. y muchos más.

[Privacy Policy] [Terms of Use]

Home || The Math Library || Quick Reference || Search || Help 

© 1994-2014 Drexel University. All rights reserved.
The Math Forum is a research and educational enterprise of the Drexel University School of Education.The Math Forum is a research and educational enterprise of the Drexel University School of Education.