Html curso

HTML
guía rápida de referencia

Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003

Basado en la normativa sobre HTML4 disponible en:
http://www.w3.org/TR/html4/

Jorge Sánchez’ 2003

índice
introducción ............................................................................................ 1
etiquetas de edición de texto................................................................. 5
formato de caracteres ............................................................................ 5
formato de párrafos ............................................................................... 7
listas........................................................................................................ 8
enlaces.................................................................................................... 9
body ...................................................................................................... 10
imágenes .............................................................................................. 11
tablas .................................................................................................... 12
marcos.................................................................................................. 15
etiquetas de cabecera .......................................................................... 17
índice ...................................................................................................... 1

2

Referencia rápida de HTML

introducción
estructura de los documentos HTML


título...


....



principio de documento
principio de cabecera

fin de cabecera
principio de cuerpo
fin fr cuerpo

etiquetas
Todas las etiquetas en HTML están encerradas entre los símbolos “”. Se
cierran con el nombre de la etiqueta precedido con el símbolo “/”. Las etiquetas
afectan al código delimitado por la apertura y el cierre de la etiqueta.

atributos
Muchas etiquetas tienenatributos, los cuales modifican el funcionamiento de la
misma. Estos se ponen de esta forma:

....

En el cierre sólo se cierra la etiqueta.

comentarios
Es texto que no aparece en la página, sino que sirve para informarnos a nosotros
mismos. Se coloca:


Texto del comentario

símbolos especiales
El texto del documento HTML es problemático ya que numerosos servidores no
puedenalmacenar códigos extendidos de texto (como los símbolos “é”, € , ™ o ñ,
por ejemplo). Por eso se utilizan códigos. Los códigos se colocan con el símbolo
&, seguido del nombre del código y finalizado con el punto y coma. Los más
utilizados son:

3

Jorge Sánchez’ 2003

á
é
í
ó
ú

á
é
í
ó
ú

Á
É
Í
Ó
Ú

Á
É
Í
ÓÚ

ñ

ñ

Ñ

Ñ

¿
ü
<
&

¿
ü
<
&

¡
Ü
>
€

¡
Ü
>
€

"
°
ª
©
™

₤
½
¼
¾

"
º
ª
©
™
 : (espacio
obligatorio)
£
½
¼
¾

colores
Muchas etiquetas indican colores. Hay dos formas de indicar el color. Por el
nombre (“blue”, “yellow”,“silver”,...) o por el código. El código son seis cifras
hexadecimales, donde las dos primeras indican el nivel de rojo, las dos siguientes
el de verde y las dos últimas el de azul. Ejemplo: #33CC66.
Sólo hay 216 colores seguros en Internet. Son colores que, en teoría, se ven
igual en cualquier sistema operativo.
Los nombres de colores más populares son:
Nombre
black
teal

Código de color#000000
#008080

blue
navy
lime
white
purple
yellow
olive
red
maroon
gray
fuchsia
green
silver
aqua

#0000FF
#000080
#00FF00
#FFFFFF
#800080
#FFFF00
#808000
#FF0000
#800000
#808080
#FF00FF
#008000
#C0C0C0
#00FFFF

4

Color mostrado
Negro
Teal (Marrón
claro)
Azul
Azul marino
Lima
Blanco
Púrpura
Amarillo
Oliva
Rojo
Marrón
Gris
Fucsia
Verde
Plata...