Estructura de una página: <HTML>                                                                                                     <HEAD>
                                                      <TITLE>
                                                                Título                                                                                     </TITLE>
                                                   </HEAD>
                                                   <BODY>
                                                                 Cuerpo de la página
                                                   </BODY>
                                               </HTML>

Estilos de letra.  Negrita: <B>
                             Cursiva: <I> 
                      Máquina: <TT>
                      Superíndices: <SUP> 
                      Subíndices: <SUB>
Títulos: <H1> (mayor)  hasta <H6> (menor)  Originan salto de línea.
Texto preformateado: <PRE>

Cambio de línea: <BR> No se cierra.
Cambio de párrafo:  <P>  No se cierra. Inserta una línea

Tamaño de letra: <FONT SIZE= ±n >  Se cierra </FONT SIZE>
n es el número de veces mayor (+) o menor (-) que queremos, respecto al tamaño actual,hacer la nueva letra.

Línea de separación: <HR> No se cierra. Podemos indicar:
Longitud: <HR WIDTH=%>   n es el % de la pantalla que queremos que ocupe.  Anchura: <HR SIZE= n>  n es el nº de pixels de la línea.

Listas:                numeradas: <OL>
                                                         <LI> elemento </LI>
                                                 </OL>
                            sin numerar: en vez de <OL> ponemos <UL>
                            indentadas: <DL>
                                                        <DT>no tabulado </DT>
                                                        <DD>tabulado     </DD>
                                                  </DL>
Comentario: entre <!    y   ->

Alineación del texto:      centro: <P ALIGN=CENTER> o bien:
LEFT (izquierda) o RIGHT (derecha)                Cerramos con </P>

 Color del texto: <FONT SIZE COLOR= #nnnnnn> Se cierra con </FONT>  Los dos primeros números (en hexadecimal), indican la intensidad del color rojo, los dos siguientes del verde, y los últimos del azul.

Enlaces a la misma página:
 En el sitio a donde queremos ir:          <A NAME=”nombremarca”>    </A>
En el sitio desde el que saltamos: <A HREF=”#nombremarca”>texto   </A>
A otra página: <A HREF=”unidad:/direct./nombre.html”>texto </A>

Gráficos: <IMG SRC=”ruta/gráfico.ext”> La extensión, gif o jpg. Para mostrar texto alternativo: <IMG SRC=”ruta/nombregráfico.ext”                                                        ALT=”texto alternativo”>
<IMG SRC=”ruta/nombregráfico.ext” ALIGN=TOP> alinea el gráfico arriba del texto
<IMG SRC=”ruta/nombregráfico.ext” ALIGN=MIDDLE> Gráfico en el centro
<IMG SRC=”ruta/nombregráfico.ext” ALIGN=RIGHT> Gráfico a la derecha del texto
Tablas: <TABLE>
                      <TR> para cada fila (horizontal) </TR>
                              <TD> para cada columna de la fila (vertical) </TD>
             </TABLE>

Correo eletrónico:
<A HREF=”MAILTO:direc@cion.es”>Mensaje</A>
con gráfico:
<A HREF=”MAILTO:direc@cion.es”>Mensaje<IMG SRC=”grafico”></A>

Música de fondo: Dentro de la zona <HEAD> escribimos:
<BGSOUND SRC=”nombrearchivo.mid” LOOP= infinite>    ó bien LOOP=n
Los ficheros musicales pueden ser de extensión MID, WAV y AU

Marquesina (Texto que se desplaza)
<MARQUEE ALIGN=”posición” BEHAVIOR=”acción” BGCOLOR=”#nnnnnn”>texto</MARQUEE”
posición: MIDDLE, TOP o BOTTOM  acción: ALTERNATE, SCROLL o SLIDE
Símbolos: empiezan por & y acaban en ;               Ejemplos: á &aacute;                 É &Eacute;  ñ &ntilde;  espacio &nbsp;  < &lt   > &gt;  Color de la página. En vez de <BODY> escribimos:
<BODY BGCOLOR=#nnnnnn> donde los seis números indican, en hexadecimal, las intensidades de rojo, verde y azul.     
Imagen de fondo de página. Incompatible con color de página.
En vez de <BODY> escribimos:
<BODY BACKGROUND=”nombreimagen.ext”>

Mapas de imagen:
<MAP NAME="mi_mapa">
     <AREA SHAPE="forma" COORDS="x1,y1,x2,y2" HREF="página1.htm">
    <AREA SHAPE="forma" COORDS="x3,y3,x4,y4" HREF="página2.htm">
</MAP>
<IMG SRC="imagen.jpg” USEMAP="#mi_mapa">
forma: RECT, CIRCLE, POLIGON
coordenadas: las del vértice superior izquierdo e inferior derecho de cada zona
página1 y página2 las páginas a las que apunta cada zona

Applets:
<APPLET CODEBASE="dirección" CODE="nombre.class"  WIDTH = 200  HEIGHT = 25 >
<PARAM NAME = variable1  VALUE = "valor1">
<PARAM NAME = variable2  VALUE = "valor2">
</APPLET>
Dirección es la del apple. Si está en el mismo directorio no ponemos nada.
Nombre.class es el fichero del apple. Con width y height indicamos la zona en que actuará.
Param name son las variables del apple y value sus valores.

Frames: En la página no se pone BODY, sino FRAMESET COLS o FRAMESET ROWS
<HTML>
  <HEAD>
    <TITLE>Mi pagina con frames</TITLE>
  </HEAD>
  <FRAMESET COLS="20%, 80%">      los % indican el porcentaje que ocupará cada columna
  <FRAME SRC="frame1.htm">       Para cada una de las páginas que cargaremos en los frames
  <FRAME SRC="frame2.htm" NAME="Principal">  NAME=”nombre” para cargar una página
  </FRAMESET>
</HTML>
La página del frame 1 sería, por ejemplo:
<HTML>
  <HEAD> <TITLE>FRAME1</TITLE></HEAD>
  <BODY>
    Indice
    <A HREF="PáginaA.htm" TARGET="Principal">PáginaA</A>
    <A HREF="PáginaB.htm" TARGET="Principal">PáginaB</A>
  </BODY>
</HTML>
Y haría falta escribir las páginas PáginaA y PáginaB