2 Estructura Básica de Un Documento HTML

Estructura básica de un documento HTML
Un documento HTML sencillo podría ser el siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Documento de ejemplo </title>
</head>
<body>
 El Texto del documento iría aquí 
</body>
</html>
En este documento se puede apreciar varios elementos fundamentales:
 La primera línea de un documento HTML debe indicar que versión de HTML

utiliza el documento. En nuestro ejemplo, usamos la versión estricta de la
versión HTML 4.01 definida en el documento
"http://www.w3.org/TR/html4/strict.dtd".
También le indica al navegador el tipo de documento que se va a iniciar y le
permite interpretarlo correctamente:
<!DOCTYPE HTML
 El documento empieza con una etiqueta <html> y finaliza con la etiqueta

</html>
 Dentro del documento html aparecen dos secciones: head y body.

 La sección Head empieza con la etiqueta <head>, finaliza con la etiqueta
</head> y contiene la sección Title que define el título del documento.
 La sección Body empieza con la etiqueta <body>, finaliza con la etiqueta
</body> y contiene un párrafo de texto encerrado dentro de las etiquetas y

Información Lineal e Hipertexto
El término de Hipertexto fue definido por Theodor H. Nelson en la década del 60 como
"Una escritura no secuencial, a un texto que bifurca y que permite que el lector elija y
que lea mejor en una pantalla interactiva. De acuerdo con la noción popular, se trata de
una serie de bloques de texto conectados entre sí por nexos que forman diferentes
itinerarios para el usuario".
Entendemos como hipertexto un texto diseñado para imitar la estructura asociativa, no

lineal (un libro tiene estructura lineal), a través de los enlaces electrónicos. La selección
1
de estos enlaces implica la recuperación de la información de acuerdo con las
necesidades o preferencias del lector.
Como el acceso a la información NO se realiza de forma lineal, rompe con el tradicional

concepto de continuidad en documentos escritos, creando un nuevo concepto basado en
la diversidad de elecciones para acceder al contenido.
Los hipertextos facilitan por tanto la estructuración de la información.
Evolución del concepto Hipertexto en el concepto de Hipermedia
En la actualidad, un documento HTML permite incluir múltiples elementos multimedia

(imágenes, sonido, vídeo, animaciones, etc.)
La unión de hipertexto y multimedia conjuga los beneficios de ambas tecnologías:
 La multimedia proporciona mayor riqueza en la transmisión de información

 El hipertexto aporta una estructura que permite que los documentos puedan ser
explorados y presentados siguiendo diferentes secuencias
A partir de la unión de estos dos elementos se alcanza el concepto de "hipermedia"

donde ya los bloques de texto son cada vez menos y en su lugar aparecen imágenes,
animaciones y sonidos.
Metodología de trabajo
Para la realización de nuestros documentos HTML seguiremos esta metodología básica,

con herramientas incluidas en cualquier sistema operativo.
 Se edita con un editor de texto ASCII un documento.

 Se salva con extensión html o htm (la extensión .htm proviene de los sistemas
de 16 bits, cuyos sistemas de archivos sólo permiten archivos con 8 caracteres
para el nombre, y 3 para la extensión).
 No se debe utilizar nombres con espacios en blanco o caracteres no
reconocidos en todos los idiomas, como acentos o ñ.
 Ejecutar el "browser" o navegador (Navigator 7, Explorer 6, Mozilla, Opera...).
 Abrir el documento a través del navegador(archivo abrir)
 Modificar el documento, si es necesario, salvarlo y volverlo a visualizar desde el
navegador.
Estructura básica de un documento HTML
 Etiquetas
2
Las etiquetas o marcas delimitan cada uno de los elementos que componen un
documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de
fin o cierre de elemento.
La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por
el identificador o nombre de la etiqueta, y puede contener una serie de atributos
opcionales que permiten añadir ciertas propiedades. Su sintaxis es:
<nombre_etiqueta atributo1="valor1" atributo2=”valor2”…>
Los nombres de la etiqueta de comienzo siguen una sintaxis predefinida y pueden tomar
cualquier valor propio del usuario, o valores HTML predefinidos.
El valor que queremos darle al atributo debe ir entre comillas y, aunque su uso no es
obligatorio, sí es muy aconsejable.
La etiqueta de final está delimitada por los caracteres </ y >. Está compuesta por el
identificador o nombre de la etiqueta, y no contiene atributos. Su sintaxis es:
</nombre_etiqueta>
Cada uno de los elementos de la página se encontrará entre una etiqueta de comienzo y
su correspondiente etiqueta de cierre, a excepción de algunos elementos que no
necesitan etiqueta de cierre.
<nombre_etiqueta>
contenido
</nombre_etiqueta>
También es posible anidar etiquetas, es decir, insertar etiquetas entre otras etiquetas de
comienzo y de cierre.
A continuación tenemos un ejemplo en el que tenemos la etiqueta anidada dentro

de la etiqueta .:
 Bienvenidos a www.iesgoya.net
Problemas con el anidado incorrecto de etiquetas
Las etiquetas se pueden anidar, combinando sus efectos sobre el contenido, pero ese
anidamiento debe seguir una estructura estricta.
El cierre de una etiqueta no debe preceder al cierre de una etiqueta interior, las etiquetas
se deben cerrar en orden contrario a como se abren.
3
No cumplir esta norma puede producir errores, alterando el efecto esperado sobre el
contenido.
 Definición de los atributos de elementos
Las marcas de un documento HTML se pueden personalizar mediante atributos,

permitiendo variar tamaño, alineación, color, etc. El navegador dará a esa marca las
modificaciones en función de los valores de esos atributos y veremos como resultado
que el contenido de las marcas, el elemento que encontramos entre las marcas de inicio
y fin, se ve afectado por esos atributos.
Cada atributo tiene un identificador, seguido de un signo "=" y el valor que se le

quiere asignar entre comillas simples (' ') o comillas dobles (" ").
 Definición de comentarios
Los comentarios son otro tipo de contenido textual que aparece en el documento fuente,
pero no es representado por el navegador. Están rodeados por los elementos de marcado
especiales . Los navegadores ignoran el texto dentro de las secuencias de
comentario.



El uso de comentarios es muy aconsejable pues permite a otros programadores entender

la finalidad del documento o de alguna de sus partes.
 Elementos básicos
Es posible que en un momento dado deseemos insertar un carácter que no sea ASCII en
nuestro documento HTML. Muy probablemente, si lo creamos nosotros con las
4
combinaciones de teclas habituales no llegue a poder ser leído por otra plataforma una
vez publicado en Internet. Para solventar este conflicto, HTML ofrece la posibilidad de
insertar unas entidades de carácter que podrán ser interpretados por todas las
plataformas. Estas entidades pueden ser:
 Nombradas: Se suelen construir con el signo &, la abreviatura del carácter y

acabado con el signo punto y coma. El símbolo de registrado se construiría:
®
 Numeradas: Se construyen con los signos &#, el número correspondiente a la

posición del carácter en el conjunto ISO-Latin-1 (ISO-8859-1). El mismo
símbolo de registrado, sería ahora: ®
Estos son:
El conjunto de caracteres ASCII no es suficiente para un sistema de información global

como la Web, de modo que HTML usa un conjunto de caracteres mucho más completo
definido en ISO10646. Este estándar define un repertorio de miles de caracteres usados
por comunidades de todo el mundo.
Párrafos, líneas y espacios
El HTML fue inicialmente pensado para texto. Los saltos de línea del código de un
documento HTML no se representan, el texto aparece a continuación separado por un
espacio, aunque se trate de varios saltos de línea.
5
<html>
<head>
<title>Párrafos, líneas y
espacios</title>
</head>
<body>
Esto
es
una
sola
línea
de
texto
</body>
</html>
La longitud de esa línea vendrá determinada por el ancho de la ventana.
Los espacios en blanco tampoco se representan, tan solo uno de ellos aparecerá
representado en el navegador.
html>
<head>
<title>Párrafos, líneas y espacios</title>
</head>
<body>
Esto es otra
linea de texto
<body>
</html>
Para representar un salto de línea se utiliza la etiqueta .

<html>
<head>
</head>
<body>
Esto es una línea
de texto. 
Esto es otra línea
de texto.
</body>
</html>
6
Por cada el texto saltará una línea en blanco.
Para formar párrafos, se utiliza la etiqueta . Cada vez que se cambia de
párrafo, se representa un salto de línea, quedando visualmente separado un párrafo de
otro.
<html>
<head>
</head>
<body>
Párrafo 1
Párrafo 1
</body>
</html>
La etiqueta disponen del atributo align, de forma que se puede situar el texto
horizontalmente a la izquierda (por defecto), a la derecha, al centro, e incluso usar
justificación del texto a los márgenes. Este atributo está desaprobado a favor de las
hojas de estilo.
<html>
<head>
<title>Párrafos</title>
</head>
<body>
texto a la izquierda
</body>
</html>
7
<html>
<head>
</head>
<body>
texto centrado
</body>
</html>
<html>
<head>
</head>
<body>
texto a la derecha
</body>
</html>
8
<html>
<head>
</head>
<body>
párrafo con el atributo
de justificación de textos.
</body>
</html>
Texto <PRE>formateado
Si el objetivo de una determinada parte del documento consiste en representar los

espacios y los retornos de carro tal y como lo escribimos en el texto, recurrimos a los
textos PREformateados, mediante la etiqueta <pre>...</pre>
Todo texto entre estas etiquetas respetará tanto los espacios como los retornos de carro.
Dispone del atributo width, que indicará el número de caracteres máximos por línea.
Veamos un ejemplo:
<html>
<head>
</head>
<body>
<pre>
texto preformateado:
los espacios se respetan
y los saltos de línea también.

</pre>
</body>
</html>
9
Encabezados o Títulos
Para dar mayor o menor importancia a los textos se puede recurrir a los Encabezados
mediante la etiqueta <hN> </hN>, donde N tiene un valor entero comprendido entre
1 y 6 (1 implica mayor importancia, 6 menor importancia). Son párrafos, ya que
producen saltos de línea.
Disponen del atributo align al igual que los párrafos, aunque igualmente está
desaprobado a favor de las hojas de estilo.
Veamos un ejemplo:
<html>
<head>
<title>Encabezados</title>
</head>
<body>
<h1>Encabezado 1</h1>
</body>
</html>
10
Separadores de texto
Los separadores son líneas horizontales que separan las secciones de los documentos.
Se incluyen mediante el elemento <hr/>. No tienen etiqueta de cierre. Se separan del
texto en un salto de línea antes y después.
Dispone de los siguientes atributos:
 width: el ancho que va a tener la línea en pixeles o en %.

 size: el alto en pixeles que va a tener la línea.
 align: su posición con respecto a los márgenes (left, right, center)
 noshade: por defecto la línea aparece con relieve, pero se puede eliminar con
este atributo.
<html>
<head>
<title>Encabezados</title>
</head>
<body>
Separador sencillo:
<hr/>
Separador con width de 80% y align centro:
<hr size=3 width= 80% align=center/>
Separador con size 3 y noshade:
<hr size=3 noshade=“noshade” />
Un ejemplo con align derecha, width de 50%, size 7 y noshade:
<hr size=7 width=50% noshade=”noshade” align= right />
Fin de los separadores.
</body>
</html>
11
Elementos de estilo de fuente y efectos
Negrita 

Subrayado 
Tachado <strike></strike>
Tachado <s> </s>
Teletipo <tt> </tt>
Cursiva o
 
itálica
Grande <big> </big>
Pequeño 
Superíndice 
Subíndice 
Veamos un ejemplo de combinaciones de estos elementos:

<html>
<head>
<title>Combinación de Estilos</title>
</head>
<body>
texto en negrita y subrayado 
<s>italica y tachado</s> 
<tt>negrita teletipo</tt> 
X subrayado superindice 
X italica subindice
</body>
</html>
12
Elementos de estructuración de texto
Enfatizado 

Mayor enfatizado 
Definición <dfn> </dfn>
Texto en código <code> </code>
Ejemplo <samp> </samp>
Texto a introducir <kbd> </kbd>
Variables <var> </var>
Referencia a otra
<cite> </cite>
fuente
Abreviatura <abr> </abr>
Acrónimo <acronym> </acronym>
Dirección <address> </address>
Citas Largas <blockquote></blockquote>
Citas Cortas <q> </q>
Texto Insertado <ins> </ins>
Texto Borrado <del> </del>
13
Colores
En la siguiente tabla se pueden ver los colores básicos en HTML.
Nombre-color Código #RGB Color en castellano

Black #000000 Negro
Silver #C0C0C0 Plateado
Gray #808080 Gris
White #FFFFFF Blanco
Maroon #800000 Marrón
Red #FF0000 Rojo
Purple #800080 Púrpura
Fuchsia #FF00FF Fucsia
Green #008000 Verde
Lime #00FF00 Verde lima
Olive #808000 Verde oliva
Yelow #FFFF00 Amarillo
Navy #000080 Azúl marino
Blue #0000FF Azúl
Teal #008080 Azúl verdoso
Aqua #00FFFF Celeste
Atributos text y bgcolor en <body>
La etiqueta <body> admite los atributos text y bgcolor:
 Text : Este atributo establece el color de primer plano para el texto (en
navegadores visuales).
 Bgcolor : Este atributo establece el color de fondo del cuerpo del documento.
<html>
<head>
14
<title>Atributos Text y Bgcolor
en Body</title>
</head>
<body bgcolor="blue" text="white">
Texto color blanco sobre 
fondo de la página color azul.
</body>
</html>
Modificación de la fuente
El elemento , que requiere etiquetas de inicio y fin, cambia el tamaño y
color de la fuente para el texto de sus contenidos.
Dispone de los siguientes atributos:
 

Este atributo especifica el tamaño de la fuente. Valores posibles:
o Un entero entre 1 y 7. Esto establece la fuente en algún tamaño fijo,
cuya representación depende del agente de usuario. No todos los agentes
de usuario pueden representar los siete tamaños.
o Un incremento relativo del tamaño de la fuente. El valor "+1" significa
un tamaño más grande. El valor "-3" significa tres tamaños menor. Todos
los tamaños pertenecen a la escala de 1 a 7.
<html>
<head>
<title>Tamaño de Fuente</title>
</head>
<body>
size=1 
size=7
</body>
</html>
15

Este atributo especifica el color del texto.
<html>
<head>
<title>Colores de Fuente</title>
</head>
<body>
NEGRO --> black 
PLATEADO --> silver 
GRIS --> gray 
BLANCO (BLANCO) --> white 
MARRÓN --> maroon 
ROJO --> red 
PÚRPURA --> purple 
FUCSIA --> fuchsia 
VERDE --> green 
VERDE LIMA --> lime 
VERDE OLIVA --> olive 
AMARILLO --> yellow 
AZUL MARINO --> navy 
AZUL --> blue 
AZUL VERDOSO --> teal 
CELESTE --> aqua 
Pueden usarse también los valores sRGB.
</body>
</html>
16

Este atributo define una lista de nombres de fuentes de tipos de letra separados por
comas que el agente de usuario debería buscar en orden de preferencia.
<html>
<head>
<title>Aspectos de Fuente</title>
</head>
<body>
Estos son algunos ejemplos de las fuentes. 
Verdana 
Arial 
Times New
Roman 
Courier
</body>
</html>
¿Cuántos tipos de letra tienes instalados en tu ordenador? ¿Cincuenta?... ¿Ochenta?...

¿Más de cien?...
Seguramente estarás pensando que tienes un montón de posibilidades a la hora de

diseñar tus páginas... pero, ¿qué ocurrirá cuando un visitante de tu página no tenga en su
17
ordenador esa fuente caligráfica tan maravillosa con la que tu página lucía tan
espectacular?
Lo que sucederá es que el navegador del visitante volverá a darle formato a toda la
página utilizando la fuente por defecto, que habitualmente suele ser de la familia serif o
Times New Roman,... y adiós a tu preciosa composición de la página.
Teniendo en cuenta lo anterior la recomendación es que te ciñas a las fuentes que están
instaladas en la mayoría de los equipos: Times y Arial-Helvética
El elemento <basefont/> establece el tamaño base de fuente (usando el atributo size).

Es un elemento que no tiene etiqueta de fin. Los cambios del tamaño de la fuente
producidos con son relativos al tamaño base de fuente establecido por
<basefont/>. Si no se usa <basefont/>, el tamaño base de fuente es el indicado en el
atributo.
<html>
<head>
<title>Modificación de Fuente</title>
</head>
<body>

Texto en fuente Arial, de color verde y tamaño 4

<hr>
basefont size=7 
<basefont size="7" />
Texto desde este punto en tamaño 7.
</body>
</html>
Estos atributos para y <basefont> están desaprobados en el estándar y disponen

de alternativa en Hojas de Estilo.
18
Elemento de centrado
El elemento <center> sirve para que el contenido que hay entre las etiquetas de inicio y
de fin (<center>... </center>) aparezca centrado horizontalmente en el documento.
Se trata de un elemento desaprobado a favor de las hojas de estilo.
ETIQUETADO POR CONTENIDO
Existen otras etiquetas que sirven para indicar claramente el tipo de contenido que se
está mostrando. No es mala práctica acostumbrarse desde el principio a marcar
correctamente los contenidos.
Abreviatura <abbr> </abbr>

Se utiliza para indicar que el texto es una abreviatura, por ejemplo,
adj. por adjetivo. Si, además de marcar la abreviatura con este código
especificamos como atributo title del mismo el significado de la abreviatura,
dicho significado se mostrará al detener el ratón sobre la palabra (salvo en
Internet Explorer 6 que no lo muestra)
Acrónimo <acronym></acronym>
Similar al anterior pero para indicar que lo que sigue es un acrónimo con las
siglas de algún organismo, grupo, institución, etc. Ej.: html.
Si se especifica el atributo title para que recoja el significado del acrónimo dicho
significado se mostrará al detener el ratón sobre el término (En este caso Internet
Explorer 6 sí que lo muestra aunque no marca visualmente el acrónimo, cosa que
sí hacen el resto de navegadores).
Origen de Cita <cite></cite>

Se usa para indicar la fuente de una cita, como por ejemplo el autor o el título de
un libro. Ej.: La cita anterior pertenece a El ingenioso hidalgo Don Quijote de la
Mancha
19
Cita textual en línea <q></q>
Se utiliza para recoger una cita textual. Los navegadores (salvo Internet xplorer)
entrecomillan automáticamente la cita. Ej.:En un lugar de la Mancha, de cuyo ...
Cita textual en bloque <blockquote></blockquote>

Su función es la misma que la de la cita en línea, pero mientras ésta se utiliza
para citar frases que se insertan en el flujo del texto (de ahí su nombre "en
línea"), la cita en bloque se utiliza para bloques de texto más extensos. La
mayoría de los navegadores representan las citas en bloque aumentando el
sangrado del bloque, tanto a la izquierda como a la derecha, aunque no
entrecomillan la cita.
Definición <dfn></dfn>
Marca un texto como término que va a ser definido a continuación en el flujo
normal del texto. Ej.: El fonema es la unidad mínima de articulación lingüística.
Código <code></code>
Indica que el texto es código de un programa de ordenador. Ej.: <script
type="text/javascript" anguage="JavaScript">document.write(t6)</script>
Nota: en esta documentación se han utilizado reglas CSS para modificar la
apariencia de los elementos de código, mostrándolos con la apariencia <código>
Salida de ejemplo <samp></samp>

Indica que el texto es el resultado ofrecido por un programa de ordenador. Ej.:
No se encuentra el archivo
Entrada de teclado <kbd></kbd>

Indica que el texto es lo que un usuario teclea en un ordenador. Ej.: Introduzca el
siguiente número de serie: A2345J87
Variable <var></var>
Sirve para marcar una variable de un programa de ordenador. Ej.: b=45
Como se puede comprobar, las variaciones de apariencia son escasas y, además, varias
de estas etiquetas están íntimamente relacionadas con el mundo e la programación y los
ordenadores, por lo que es bastante probable que no se necesiten. De todas maneras no
estaría de más tener en cuenta las etiquetas <abbr>, <acronym>, <q>, <cite> y <dfn>
porque, además de ahorrar el trabajo de tener que especificar la apariencia del texto,
pueden ser muy útiles para facilitar la accesibilidad a programas lectores para personas
invidentes que podrán leer el contenido e informar claramente al visitante del tipo de
contenido exacto de cada elemento de la página.
Atributos comunes a la mayoría de etiquetas
Atributos comunes:
20
 Atributo Id: asigna un nombre que debe ser único en el documento, a un
elemento.
 Atributo Class: asigna un nombre de clase o un conjunto de nombres de clase a
un elemento. Se puede asignar el mismo nombre a cualquier número de
elementos. Los nombres de clase múltiples deben estar separados por espacios
en blanco. Se utiliza como selector para las hojas de estilo.
 Párrafo con nombre parrafo1 
 Atributo Title: asigna un título a un elemento.
 Atributo Style: asigna información de estilo en línea.
Elementos que tienen Id, Class, Title y Style :
 
 
 <dfn>
 <code>
 <samp>
 <kbd>
 <var>
 <cite>
 <abbr>
 <acronym>
 <blockquote>
 <q>
 
 
 
 
 <pre>
 <ins>
 <del>
Atributos de lenguaje
21
El atributo lang especifica el idioma base de los valores de los atributos y del texto
contenido en un elemento. El valor por defecto de este atributo es desconocido. La
información sobre el idioma puede ser utilizada por un agente de usuario para controlar
la representación.
También puede ser útil para:
 ayudar a los motores de búsqueda

 ayudar a los sintetizadores de voz
 ayudar a los agentes de usuario a elegir variaciones de un signo para tipografía
de alta calidad
 ayudar al agente de usuario a elegir un conjunto de caracteres para el
entrecomillado de citas
 ayudar a los verificadores de ortografía y gramática
Ejemplo:
 lang="en" es el código de idioma para inglés

 lang="en-US" para la variación estadounidense del inglés
 lang="es" para español
 lang="fr" para francés
 lang="de" para alemán
 lang="it" para italiano
 lang="ja" para japonés
 ...
El atributo dir especifica la dirección base del texto direccionalmente neutro de los
contenidos o los valores de los atributos de un elemento.
 LTR (left-to-right) : de izquierda a derecha

 RTL (right-to-left) : de derecha a izquierda
Los autores de un documento HTML pueden necesitar especificar la direccionalidad

base de porciones de texto de un documento al tiempo que especifican un atributo lang.
Ejemplo:
<q lang="he" dir="rtl"> cita en hebreo </q>
El elemento bdo permite a los autores desactivar el algoritmo bidireccional para

fragmentos de texto específicos. Debe utilizarse en aquellos casos en que sea preciso un
control absoluto del orden de las secuencias.
22
El atributo dir es obligatorio para este elemento.
<bdo dir="ltr">inglés oerbeh</bdo>

<bdo dir="ltr">oerbeh ingles</bdo>
23

2 Estructura Básica de Un Documento HTML

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

2 Estructura Básica de Un Documento HTML

Cargado por

Copyright:

Formatos disponibles

Estructura básica de un documento HTML

Un documento HTML sencillo podría ser el siguiente:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

En este documento se puede apreciar varios elementos fundamentales:

 La primera línea de un documento HTML debe indicar que versión de HTML

 El documento empieza con una etiqueta <html> y finaliza con la etiqueta

 Dentro del documento html aparecen dos secciones: head y body.

Información Lineal e Hipertexto

Entendemos como hipertexto un texto diseñado para imitar la estructura asociativa, no

Como el acceso a la información NO se realiza de forma lineal, rompe con el tradicional

Evolución del concepto Hipertexto en el concepto de Hipermedia

En la actualidad, un documento HTML permite incluir múltiples elementos multimedia

La unión de hipertexto y multimedia conjuga los beneficios de ambas tecnologías:

 La multimedia proporciona mayor riqueza en la transmisión de información

A partir de la unión de estos dos elementos se alcanza el concepto de "hipermedia"

Para la realización de nuestros documentos HTML seguiremos esta metodología básica,

 Se edita con un editor de texto ASCII un documento.

Estructura básica de un documento HTML

<nombre_etiqueta atributo1="valor1" atributo2=”valor2”…>

A continuación tenemos un ejemplo en el que tenemos la etiqueta <font> anidada dentro

<p align="center"><font color="#993366" size="4" face="Comic Sans MS, Arial, MS

Problemas con el anidado incorrecto de etiquetas

 Definición de los atributos de elementos

Las marcas de un documento HTML se pueden personalizar mediante atributos,

Cada atributo tiene un identificador, seguido de un signo "=" y el valor que se le

El uso de comentarios es muy aconsejable pues permite a otros programadores entender

 Nombradas: Se suelen construir con el signo &, la abreviatura del carácter y

 Numeradas: Se construyen con los signos &#, el número correspondiente a la

El conjunto de caracteres ASCII no es suficiente para un sistema de información global

Párrafos, líneas y espacios

La longitud de esa línea vendrá determinada por el ancho de la ventana.

Para representar un salto de línea se utiliza la etiqueta <br/>.

Si el objetivo de una determinada parte del documento consiste en representar los

y los saltos de línea también.

Dispone de los siguientes atributos:

 width: el ancho que va a tener la línea en pixeles o en %.

Negrita <b> </b>

Subíndice <sub> </sub>

Veamos un ejemplo de combinaciones de estos elementos:

Enfatizado <em> </em>

En la siguiente tabla se pueden ver los colores básicos en HTML.

Nombre-color Código #RGB Color en castellano

Silver #C0C0C0 Plateado

Gray #808080 Gris

White #FFFFFF Blanco

Maroon #800000 Marrón

Red #FF0000 Rojo

Purple #800080 Púrpura

Fuchsia #FF00FF Fucsia

Green #008000 Verde

Lime #00FF00 Verde lima

Olive #808000 Verde oliva

Yelow #FFFF00 Amarillo

Navy #000080 Azúl marino

Blue #0000FF Azúl

Teal #008080 Azúl verdoso

Aqua #00FFFF Celeste

Atributos text y bgcolor en <body>

La etiqueta <body> admite los atributos text y bgcolor:

Dispone de los siguientes atributos:

 <font size = 1...7>

¿Cuántos tipos de letra tienes instalados en tu ordenador? ¿Cincuenta?... ¿Ochenta?...