Vista Manual

Estructura de los documentos HTML
<html> Principio de documento

<head> Principio de cabecera
<title>titulo</title>
…
</head>
<body> Fin de cabecera
……
</body> Fin del cuerpo
<html>
Etiquetas
Todas las etiquetas en HTML están encerradas entre los símbolos “<” y “>”. 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 tienen atributos, los cuales modifican el funcionamiento de esta. Estos
se ponen de esta forma:
<etiqueta atributo1= “valor1” atributo2= “valor2” …>

….
</etiqueta>
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

……..
-->
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 siguientesel 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 Código de color Color mostrado

black #000000 Negro
teal #008080 Teal (Marrón
claro)
blue #0000FF Azul
navy #000080 Azul marino
lime #00FF00 Lima
white #FFFFFF Blanco
purple #800080 Púrpura
yellow #FFFF00 Amarillo
olive #808000 Oliva
red #FF0000 Rojo
maron #800000 Marrón
gray #808080 Gris
fuchsia #FF00FF Fucsia
green #008000 Verde
silver #C0C0C0 Plata
aqua #00FFFF Agua
Etiquetas de edición de texto
 cierre no netscape 1 microsoft 1 html 1

Salto de línea.
<hr> cierre no netscape 1 microsoft 1 html 1
Inserta una línea horizontal. No tiene etiqueta de cierre. Atributos:
noshade netscape 1 microsoft 1 html 3.2
Hace que la línea no aparezca en relieve
width=”tamaño” netscape 1 microsoft 1 html 3.2
Anchura de la línea. Puede ser relativa (50%) o absoluta (en píxeles).
align= ”alineación” netscape 1 microsoft html 3.2
Indica cómo se alineará la línea. (Left, Center o Right).
color=“código de color” netscape no microsoft 4 html no
Color de la línea.
size= ”n” netscape 1 microsoft 1 html 3.2
Grosor de la línea
Ejemplo
<hr width=300 noshade align=”left” size=5 color=”blue”>
<pre> cierre sí netscape 1 microsoft 1 html 1
Hace que el texto aparezca con los espacios y tabulaciones que se

crearon en el diseño.
Formato de Caracteres
 cierre sí netscape 1 microsoft 1 html 1

Letra gruesa (negrita)
 cierre sí netscape 1 microsoft 1 html 1

Negrita. Actualmente se recomienda utilizar la anterior.
 cierre sí netscape 1 microsoft 1 html 1

Letra enfatizada. Normalmente los navegadores la colocan en cursiva.
 cierre sí netscape 1 microsoft 1 html 1

Cursiva. Se recomienda utilizar el código anterior
 cierre sí netscape 3 microsoft 3 html 3.2
Subrayado. No se recomienda su uso porque confunde al usuario (normalmente lossubrayados se

interpretan como si fueran enlaces)
<big> cierre sí netscape 1 microsoft 1 html 3.2

Agrandar la letra. Es acumulativa, es decir cuántos más big se pongan, mayor serála letra.
 cierre sí netscape 2 microsoft 3 html 3.2

Hace la letra más pequeña. También es acumulativa
 cierre sí netscape 2 microsoft 3 html 3.2

Subíndice
 cierre sí netscape 2 microsoft 3 html 3.2
Superíndice
<s> o <strike> cierre sí netscape 3 microsoft 3 html 3.2

Tachado. Coloca una línea en el centro del texto.
 cierre sí netscape 1 microsoft 1 html 3.2
Especifica la fuente a utilizar. Posee los siguientes parámetros:
size=”tamaño ” netscape 1 microsoft 1 html 3.2
Indica el tamaño. Puede ser absoluto (7) o relativo (+2). Los tamaños van
de 1 a 7. Indicar +2 como tamaño significa subir dos tamaños a la letra.
face=”tipo de letra1, tipo2, tipo3,...” netscape 1 microsoft 1 html 3.2
Nombre de la fuente. Se pueden indicar varias fuentes (en orden de

preferencia) separadas por comas. Esto hace que, si la primera no está
disponible en el ordenador del usuario, se use la segunda y si no la tercera, y
así sucesivamente.
color=”código ” netscape 2 microsoft 3 html 3.2
Color del texto. Los colores se pueden indicar con su nombre, valor
hexadecimalo valor RGB. (Ver apéndice sobre colores al final del manual).
point-size=”Tamaño” netscape 2 microsoft no html 3.2
Permite indicar el tamaño de la letra en puntos. Sólo lo acepta Netscape.
Ejemplo


<basefont> cierre sí netscape 1 microsoft 1 html 3
Especifica la fuente a utilizar. Posee los siguientes parámetros:
size=”tamaño ” netscape 1 microsoft 1 html 3
Indica el tamaño. Puede ser absoluto (7) o relativo (+2). Los tamaños van
de 1 a 7. Indicar +2 como tamaño significa subir dos tamaños a la letra.
face=”tipo de letra1, tipo2, tipo3,...” netscape no microsoft 4 html 4
Nombre de la fuente. Se pueden indicar varias fuentes (en orden de

preferencia) separadas por comas. Esto hace que, si la primera no está
disponible en el ordenador del usuario, se use la segunda y si no la tercera, y
así sucesivamente.
color=”código ” netscape no microsoft 3 html 4
Color del texto. Los colores se pueden indicar con su nombre, valor
hexadecimalo valor RGB. (Ver apéndice sobre colores al final del manual).
LISTAS
ul cierre sí netscape 1 microsoft 1 html 1

Marca el inicio de una lista de bolos. Atributos:
type=”tipo”
Indica que tipo de bolo se usará. Posibilidades:

⦿ Circle. Círculo 
⦿ Disk. Disco 
⦿ Square. Cuadrado 
<ol> cierre sí netscape 1 microsoft 1 html 1

Marca el inicio de una lista numerada.
start=n netscape 1 microsoft 1 html 1

Indica al navegador que inicie la lista por el número indicado. El número debe
indicarse en la forma arábiga (1, 2, 3, ...) aunque la lista, por ejemplo,
muestre letras.
type=”tipo” netscape 1 microsoft 1 html 3.2

Indica que tipo de numeración se usará. Posibilidades:
⦿ A. Letras mayúsculas
⦿ a. Letras minúsculas
⦿ 1. Números arábigos
⦿ I. Romanos en mayúsculas
⦿ i. Romanos en minúsculas
li cierre sí netscape 1 microsoft 1 html 1

Indica que el texto que sigue es una nueva entrada en la lista.
value=n netscape 1 microsoft 1 html 3.2

La entrada en la lista tendrá el número indicado (las siguientes entradas
continuarán desde ese número)
type=”tipo” netscape 1 microsoft 1 html 3.2

La entrada usará un tipo de numeración determinado (Ver etiquetas OL y UL)
BODY
Esta etiqueta tiene múltiples atributos que se enumeran a continuación:
bgcolor=”código color” netscape 1 microsoft 1 html 3.2
Especifica un color de fondo.

netscape 1 microsoft 1 html 3.2
text=”código color”
Especifica un color para el texto normal de la página. Ese color tiene

efecto paratodo el texto excepto para el que se indique otro color mediante
la etiqueta font.
background=”URL” netscape 1 microsoft 1 html 3.2
Especifica una imagen de fondo, la cual se repetirá hasta llenar todo el fondo.
link=”código color” netscape 1 microsoft 1 html 3.2
Indica el color de los enlaces normales
vlink=”código color” netscape 1 microsoft 1 html 3.2
Indica el color de los enlaces visitados
alink=”código color” netscape 1 microsoft 1 html 3.2
Indica el color de los enlaces activos
alink=”código color” netscape 1 microsoft 1 html 3.2
Indica el color de los enlaces activos
leftmargin=”n” netscape 5 microsoft 3 html no
Píxeles que se dejan en el margen izquierdo. (por defecto se suelen

dejar unos10).
rightmargin=”n” netscape 5 microsoft 3 html no
Píxeles que se dejan en el margen derecho. (por defecto se suelen

dejar unos10).
bottommargin=”n” netscape 5 microsoft 4 html no
Píxeles que se dejan en el margen superior. (por defecto se suelen

dejar unos10).
topmargin=”n” netscape 5 microsoft 3 html no
Píxeles que se dejan en el margen inferior.

IMÁGENES
<img> cierre no netscape 1 microsoft 1 html 1
Esta es la etiqueta que permite colocar una imagen.
src =”URL” netscape 1 microsoft 1 html 1

Atributo obligatorio que indica la dirección de la imagen. Puede ser una URL
relativa o absoluta.
align=”Alineación” netscape 1 microsoft 1 html 1
Alineación, indica cómo quedará el texto con la imagen. Las opciones más
interesantes son:
⦿ Left. Izquierda
⦿ Right. Derecha
⦿ Top. Arriba
⦿ Bottom. Abajo
⦿ Middle. Mitad
Normalmente se emplean sólo left y right. La primera coloca la imagen a la

izquierda del texto e imágenes que la siguen, la segunda coloca la imagen a
la derecha:
texto de ejemplo texto de ejemplo

Alineación left Alineación right
lowsrc=”URL” netscape 3 microsoft 4 html no
Indica la dirección de una imagen que se mostrará mientras se carga la

imagen original. Esta imagen suele tener un tamaño considerablemente
menor que la original.
border =”píxeles” netscape 1 microsoft 1 html 1
Tamaño del borde de imagen, por defecto vale 0.

Vista Manual

Cargado por

Copyright:

Formatos disponibles

Vista Manual

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Vista Manual

Cargado por

Copyright:

Formatos disponibles

Estructura de los documentos HTML

<html> Principio de documento

<etiqueta atributo1= “valor1” atributo2= “valor2” …>

En el cierre sólo se cierra la etiqueta.

<! -- Texto del comentario

Nombre Código de color Color mostrado

<br> cierre no netscape 1 microsoft 1 html 1

<hr> cierre no netscape 1 microsoft 1 html 1

Inserta una línea horizontal. No tiene etiqueta de cierre. Atributos:

noshade netscape 1 microsoft 1 html 3.2

Hace que la línea no aparezca en relieve

width=”tamaño” netscape 1 microsoft 1 html 3.2

Anchura de la línea. Puede ser relativa (50%) o absoluta (en píxeles).

align= ”alineación” netscape 1 microsoft html 3.2

Indica cómo se alineará la línea. (Left, Center o Right).

color=“código de color” netscape no microsoft 4 html no

size= ”n” netscape 1 microsoft 1 html 3.2

<hr width=300 noshade align=”left” size=5 color=”blue”>

<pre> cierre sí netscape 1 microsoft 1 html 1

Hace que el texto aparezca con los espacios y tabulaciones que se

<strong> cierre sí netscape 1 microsoft 1 html 1

<b> cierre sí netscape 1 microsoft 1 html 1

<em> cierre sí netscape 1 microsoft 1 html 1

<i> cierre sí netscape 1 microsoft 1 html 1

<u> cierre sí netscape 3 microsoft 3 html 3.2

Subrayado. No se recomienda su uso porque confunde al usuario (normalmente lossubrayados se

<big> cierre sí netscape 1 microsoft 1 html 3.2

<small> cierre sí netscape 2 microsoft 3 html 3.2

<sub> cierre sí netscape 2 microsoft 3 html 3.2

<sup> cierre sí netscape 2 microsoft 3 html 3.2

<s> o <strike> cierre sí netscape 3 microsoft 3 html 3.2

Especifica la fuente a utilizar. Posee los siguientes parámetros:

size=”tamaño ” netscape 1 microsoft 1 html 3.2

face=”tipo de letra1, tipo2, tipo3,...” netscape 1 microsoft 1 html 3.2

Nombre de la fuente. Se pueden indicar varias fuentes (en orden de

color=”código ” netscape 2 microsoft 3 html 3.2

point-size=”Tamaño” netscape 2 microsoft no html 3.2

Permite indicar el tamaño de la letra en puntos. Sólo lo acepta Netscape.

<font color=”#66666” size=”4” face=”arial, helvetica”>

Especifica la fuente a utilizar. Posee los siguientes parámetros:

size=”tamaño ” netscape 1 microsoft 1 html 3

face=”tipo de letra1, tipo2, tipo3,...” netscape no microsoft 4 html 4

Nombre de la fuente. Se pueden indicar varias fuentes (en orden de

color=”código ” netscape no microsoft 3 html 4

ul cierre sí netscape 1 microsoft 1 html 1

Indica que tipo de bolo se usará. Posibilidades:

<ol> cierre sí netscape 1 microsoft 1 html 1

start=n netscape 1 microsoft 1 html 1

type=”tipo” netscape 1 microsoft 1 html 3.2

li cierre sí netscape 1 microsoft 1 html 1

value=n netscape 1 microsoft 1 html 3.2

type=”tipo” netscape 1 microsoft 1 html 3.2

bgcolor=”código color” netscape 1 microsoft 1 html 3.2

Especifica un color de fondo.

Especifica un color para el texto normal de la página. Ese color tiene

background=”URL” netscape 1 microsoft 1 html 3.2

link=”código color” netscape 1 microsoft 1 html 3.2

Indica el color de los enlaces normales

vlink=”código color” netscape 1 microsoft 1 html 3.2