¡Descarga apuntes html y más Apuntes en PDF de Comunicación Audiovisual solo en Docsity!
EDICIÓN DE
PÁGINAS WEB EN
1. Introducción
La web es una de las herramientas de comunicación más importantes de nuestros días. Desarrollar una página web es una tarea extremadamente compleja y que requiere conocimientos amplios y precisos. Pero es importante aprender, y en algún momento hay que empezar.
Ya hemos tratado algunos contenidos sobre páginas web y el lenguaje HTML como usuarios del mismo. En esta práctica aprenderemos a construir nuestra propia página web. Existen multitud de aplicaciones que nos ayudan a construir páginas web con cierta facilidad, pero, incluso así, necesitamos unos conocimientos básicos sobre qué es lo que estamos construyendo y cómo funciona. Aprenderemos a construir una web sencilla con la herramienta esencial: el lenguaje HTML. Es un trabajo duro, y no es la forma en que se construyen las web hoy en día, pero nos servirá para aprender bien cómo es una web por dentro. Utilizar una aplicación moderna de creación de páginas web nos resultará luego mucho más sencillo.
1.1. Introducción al lenguaje HTML
Un documento HTML es un documento de texto en el que se incluye, además de texto, un conjunto de marcas con significado especial que permiten introducir entre el texto otros elemento como hipervínculos , imágenes, etc.
Las marcas especiales que podemos introducir entre el texto de nuestro documento HTML siempre van encerradas entre los símbolos mayor y menor (por ejemplo: ). En la mayoría de los casos, las marcas se utilizan por parejas, de manera que encierran un fragmento de texto al que se le aplica el efecto de la marca. En tales casos se suele emplear la misma marca para abrir y cerrar el fragmento, pero la marca de cierre lleva una barra. Por ejemplo, para poner un fragmento de texto en negrita, se encierra entre las marcas y , de manera que significa “ comienza el texto en negrita ” y significa “ termina el texto en negrita ”. Las letras que forman una marca se pueden escribir indistintamente en mayúsculas o en minúsculas.
Otras veces las marcas se emplean de forma única. Por ejemplo significa “ dibujar una línea horizontal ”.
En muchas ocasiones las marcas pueden llevar opciones extra. Estas opciones aparecen antes del símbolo de mayor. Por ejemplo, significa “ dibujar una línea horizontal, de 5 píxeles de grosor ”.
Los espacios entre el texto sólo sirven para separar elementos: si entre dos palabras ponemos muchos espacios, sólo sirve el primero de ellos, los demás serán ignorados. De igual forma, los saltos de línea en el texto no tienen el mismo valor que en un documento de texto, sino que son una separación semejante a poner un espacio. Así, cuando queremos poner un punto y aparte utilizaremos las marcas adecuadas, como por ejemplo
. Por lo tanto podemos utilizar tantos espacios y líneas como deseemos para hacer el documento HTML más legible.
Por último, para escribir algunos símbolos debemos recurrir a códigos especiales, que se distinguen por que comienzan por & y terminan por punto y coma (;). Por ejemplo, para escribir múltiples espacios escribiremos por cada espacio, en vez de escribir muchos espacio, que, como ya sabemos, no sirve de nada.
../familia.jpg: archivo familia.jpg dentro de la carpeta que contiene a la carpeta donde se encuentra el documento HTML desde el que se referencia. ../../amigos.jpg: archivo amigos.jpg dentro de la carpeta que contiene a la carpeta, que a su vez contiene a la carpeta donde se encuentra el documento HTML desde el que se referencia. ../recortes/periodico.jpg: archivo periodico.jpg dentro de la carpeta recortes que se encuentra dentro de la carpeta padre de la carpeta donde se encuentra el documento HTML desde el que se referencia (recortes es una carpeta hermana de la que contiene el documento HTML). No se deben utilizar referencias absolutas que indiquen nombres de discos, como C:\Documentos\imagen.jpg, ya que estas referencias no son válidas cuando se publica el documento en Internet.
También es posible referenciar archivos que se encuentren en otro servidor web diferente del que contiene el documento HTML, entonces no nos queda más remedio que indicar la URL completa (incluyendo el protocolo). Por ejemplo http://alcazaba.unex.es/~jmalvllo/iti/index.html referencia al archivo index.html, en carpeta ~jmalvllo\iti que está en el servidor alcazaba.unex.es.
2.1. Nombres de archivos
En muchas ocasiones podremos elegir el nombre que le damos a los archivos de una página web. Debemos observar las siguientes recomendaciones:
No utilizar caracteres extraños en los nombres, ya que sus códigos pueden cambiar de unos ordenadores a otros, de manera que no sepamos exactamente qué código utilizar. A este efecto se consideran como extraños: Símbolos reservados como especiales en las URLs: &, #, %, etc. Caracteres extendidos: acentos, eñe, etc. Espacios: para referenciar un documento en cuyo nombre haya espacios, los espacios deben reemplazarse por la combinación %20, lo que hace el nombre ilegible. Prestar atención a las mayúsculas y minúsculas. En algunos ordenadores (sistemas operativos) no importa esta distinción, pero en otros sí, lo que puede hacer que una referencia sea incorrecta si no coincide la referencia con el nombre asignado. En general se recomienda utilizar siempre minúsculas. Asegurarse de la extensión de los archivos. Para poder manejar adecuadamente las extensiones de los archivos debemos desactivar la opción Ocultar las extensiones de archivo para tipos de archivos conocidos , accesible desde las ventanas del explorador de Windows, en la opción Herramientas Opciones de carpeta Ver Configuración avanzada.
3. Estructura del documento HTML
Un documento HTML siempre va encerrado entre las marcas y . Dentro de estas marcas el documento se divide en dos partes: el encabezado y el cuerpo. El encabezado contiene información sobre el documento (por ejemplo el título), mientras que el cuerpo contiene el texto del documento.
El encabezado se delimita por las marcas y . Dentro del encabezado podemos especificar el título del documento, que aparecerá en la barra de título del navegador. Para indicar el título, lo encerramos entre las marcas y . El cuerpo del documento es donde se escribe el texto y demás elementos visibles del documento. Se delimita por las marcas y .
A continuación se muestraza estructura elemental de un documento HTML. El contenido del cuerpo se ha omitido, cambiándose por tres puntos (...):
Esqueleto de un documento HTML
Este es el título de mi página web
...
Obsérvese que las marcas del documento se han resaltado en azul con el objetivo de hacer más legibles los ejemplos. Al editar el documento HTML no debe tenerse en cuenta el color, ya que el documento HTML en sí sólo contiene texto plano.
4. El cuerpo del documento HTML
4.1. Fondo del documento
Podemos indicar cómo es el fondo de la página , que bien puede ser un color plano , o bien una imagen de fondo , como opciones de la marca .
background permite indicar una imagen de fondo. La imagen indicada se repite como un mosaico tantas veces como haga falta para rellenar la ventana del navegador. La imagen puede estar normal o fija:
Si está normal, la imagen se desplaza junto con el texto al utilizar las barras de desplazamiento de la ventana del navegador. Si está fija (también llamado como marca de agua ), al utilizar las barras de desplazamiento de la ventana del navegador el texto se desplaza, pero la imagen permanece inmóvil. Para elegir esta forma de imagen de fondo, hay que indicar bgproperties=Fixed dentro de la marca . Además de una imagen de fondo, se puede indicar un color de fondo mediante la opción bgcolor. Para especificar un color se puede utilizar el nombre del color (para los colores más conocidos), o un código hexadecimal que indica su composición RGB, como el que nos muestran los programas Photoshop o Gimp en la herramienta de selección de color. La Tabla 1 contiene los nombres y códigos de los colores que se pueden utilizar en HTML^1. Para especificar un código se pone el símbolo # seguido del código hexadecimal (todo junto; en la tabla se muestra separando en tres grupos para verlo con mayor claridad). Por ejemplo, para indicar color rojo, escribiremos .
(^1) Fuente: Wikipedia: http://es.wikipedia.org/wiki/Colores_html
Nombre Código RGB Hexadecimal^ Código RGB Decimal
GhostWhite F8 F8 FF 248 248 255 WhiteSmoke F5 F5 F5^ 245 245 245 Seashell FF F5 EE^ 255 245 238 Beige F5 F5 DC 245 245 220 OldLace FD F5 E6 253 245 230 FloralWhite FF FA F0 255 250 240 Ivory FF FF F0^ 255 255 240 AntiqueWhite FA EB D7^ 250 235 215 Linen FA F0 E6 250 240 230 LavenderBlush FF F0 F5 255 240 245 MistyRose FF E4 E1 255 228 225
Nombre Código RGB Hexadecimal^ Código RGB Decimal Gainsboro DC DC DC 220 220 220 LightGrey D3 D3 D3^ 211 211 211 Silver C0 C0 C0^ 192 192^192 DarkGray A9 A9 A9 169 169 169 Gray 80 80 80 128 128 128 DimGray 69 69 69 105 105 105 LightSlateGray 77 88 99^ 119 136 153 SlateGray 70 80 90^ 112 128 144 DarkSlateGray 2F 4F 4F 47 79 79 Black 00 00 00 0 0 0
Tabla 1. Colores válidos en HTML
Ejemplos de especificaciones de fondo: : Imagen fondo.jpg como marca de agua. : Imagen fondo.jpg sin marca de agua (normal). : Fondo de color negro. : Fondo de color BC8F8F ( RosyBrown ). : Fondo de color rojo e imagen fondo.jpg. En este caso la imagen tapará el color rojo del fondo. El fondo se verá rojo sólo si falla el archivo de imagen (fondo.jpg), o mientras éste se descarga.
4.2. Párrafos y títulos
En el cuerpo del documento HTML es donde se incluye el texto y demás elementos visibles del mismo. El texto se introduce por párrafos , delimitados por las marcas
y
. Cuando el párrafo corresponde a un título, en lugar de las marcas de párrafo, se utilizan las
marcas de título , que son y para los títulos de primer nivel, y para los de segundo nivel, etc. hasta el sexto nivel. En el siguiente ejemplo se utilizan párrafos y títulos. El esqueleto del documento, mostrado en el ejemplo anterior se ha coloreado en gris para resaltar únicamente el cuerpo del documento. En sucesivos ejemplos sólo se mostrará el contenido del cuerpo.
Ejemplo de párrafos y títulos
Este es el título de mi página web
- Capítulo I 1.1. Introducción
En el primer capítulo vamos a ilustrar el uso de las marcas de párrafo y títulos.
1.2. Párrafos
Al poner una marca de párrafo se comienza un nuevo párrafo. Al cerrar el párrafo es cuando se hace punto y aparte. Si no, aunque escribamos en distintas líneas, todas irán en el mismo párrafo.
2. Capítulo II 2.1. Introducción
En este capítulo ...
...
A continuación se muestra una simulación de cómo se verá el documento HTML al abrirlo en el navegador:
Ejemplo de párrafos y títulos: vista en el navegador
- Capítulo I
1.1. Introducción
En el primer capítulo vamos a ilustrar el uso de las marcas de párrafo y títulos.
1.2. Párrafos
Al poner una marca de párrafo se comienza un nuevo párrafo. Al cerrar el párrafo es cuando se hace punto y aparte. Si no, aunque escribamos en distintas líneas, todas irán en el mismo párrafo.
- Capítulo II
2.1. Introducción
En este capítulo ...
...
Dentro de un párrafo (sea normal o sea un título) se puede forzar un salto de línea (semejante a un salto de ajuste de línea en Word) utilizando la marca
. Ejemplo:
Ejemplo de salto de línea
Al poner una marca de párrafo se comienza un nuevo párrafo. Al cerrar el párrafo es cuando **
** se hace punto y aparte. Si no, aunque escribamos en distintas líneas, todas irán en el mismo párrafo.
Así se mostrará el ejemplo anterior:
Ejemplo de salto de línea: vista en el navegador
Al poner una marca de párrafo se comienza un nuevo párrafo. Al cerrar el párrafo es cuando se hace punto y aparte. Si no, aunque escribamos en distintas líneas, todas irán en el mismo párrafo.
4.3. Viñetas y listas
Para hacer una lista de párrafos con viñetas , debemos encerrar todos los párrafos entre las marcas y . Además, cada párrafo, en lugar de
y
, se delimita con y . Por ejemplo:
En el caso de las viñetas, aparte de un círculo (bolita), se pueden elegir otros símbolos para la viñeta con la opción type en la marca :
type="circle": una circunferencia (bolita hueca). type="square": un cuadrado relleno. Además, se puede utilizar cualquier imagen como símbolo de viñeta, empleando la opción imagesrc en lugar de type, e indicando un archivo de imagen: .
4.4. Formato de fuente
Se pueden escribir fragmentos de texto en negrita encerrándolo entre las marcas y . Igualmente se pueden escribir fragmentos en cursiva encerrándolos entre las marcas e . Por último, se pueden escribir fragmentos subrayados encerrándolos entre las marcas y . Estos formatos se pueden combinar libremente. Por ejemplo, para escribir en negrita y cursiva, ponemos una marca y luego la otra (no importa el orden; tampoco importa el orden a la hora de poner las marcas de cierre): Texto en negrita y cursiva.
También es posible utilizar distintas fuentes , tamaños , etc. En este caso utilizaremos la marcas y . Para indicar la fuente, tamaño, color, etc, se escriben como opciones de la marca . Veamos algunos ejemplos:
: fuente de color rojo. : fuente de tipo Arial : fuente de tamaño 3. : fuente Courier de color azul y tamaño 5. Las fuentes que se pueden utilizar en los documentos HTML son las mismas que utilizamos, por ejemplo, en Microsoft Word, teniendo en cuenta que la fuente no forma parte del documento, sino que tiene que estar previamente instalada en cada ordenador en la que se desee visualizar el documento HTML. Por esta razón se recomienda utilizar sólo las fuentes más habituales, como Times, Arial o Courier.
En cuanto al tamaño, se permiten 7 tamaños, numerados del 1 al 7, donde 1 es el tamaño más pequeño, 7 el mayor, y 3 el texto de tamaño normal. Por ejemplo: establece un tamaño ligeramente mayor que el tamaño normal.
4.5. Justificación de párrafos
Los párrafos están inicialmente justificados a la izquierda. Si queremos centrarlos en la pantalla podemos utilizar las marcas y . Por ejemplo:
Este párrafo está alineado a la izquierda.
Y este otro está centrado
.
También podemos indicar la justificación de cada párrafo como la opción align de la marca
, como se muestra en el siguiente ejemplo:
Ejemplos de justificación de párrafos
Párrafo justificado a la izquierda
Párrafo justificado a la derecha
Párrafo centrado
Párrafo con justificación completa
4.6. Hiperenlaces
Entre el texto se pueden incluir enlaces (también llamados hiperenlaces ), textos sensible que enlazan con otras páginas al hacer clic sobre ellos. Un enlace consta de:
a) El texto sensible , que aparece subrayado y en color azul^2 , sobre el que se hace clic, y que describe para qué sirve ese enlace. b) El destino , es decir, la URL a la que se debe saltar al hacer clic en el texto sensible. Para introducir un enlace se utiliza las marcas y con la opción href. Por ejemplo, el siguiente fragmento HTML introduce un enlace.
Ejemplo de enlace
Haga clic aquí para acceder a la web de la Facultad.
En fragmento anterior se mostrará en el navegador de la siguiente forma
Ejemplo de enlace, vista en el navegador Haga clic aquí para acceder a la web de la Facultad.
La opción href indica el destino del enlace. El destino puede ser: Un archivo dentro de la misma carpeta en la que se ubica el documento HTML actual, o en otra carpeta del mismo ordenador. Un archivo en otro servidor web. Un destinatario de correo electrónico. Si se trata un archivo dentro de la misma carpeta en que el documento HTML, o en otra carpeta del mismo ordenador, pondremos entre las comillas de HREF="" el nombre del archivo de que se trate, con la ruta de carpetas a seguir en caso necesario. Por ejemplo: Haga clic (enlace al archivo enlaces.html, en la carpeta actual, la misma en la que está el documento HTML).
Si se trata de un archivo que se encuentra en otro servidor web diferente del que contiene el documento HTML actual, entonces no nos queda más remedio que indicar su URL completa (incluyendo el protocolo). Por ejemplo: Haga clic (enlace a l archivo index.html, en la carpeta ~jmalvllo\iti que está en el servidor alcazaba.unex.es).
Si el destino de un enlace es un archivo (bien local o bien en otro servidor), al hacer clic sobre él, el comportamiento dependerá del tipo de archivo enlazado:
Si es otro documento HTML, entonces el navegador saltará al nuevo documento. Si es un archivo de imagen, entonces el navegador abrirá la imagen. Si es un archivo de sonido, entonces el navegador reproducirá el sonido. Si es otro tipo de archivo, el navegador comenzará a descargar ese archivo, preguntando en qué carpeta deseamos guardarlo. Por último, un enlace puede ser a una dirección de correo electrónico. Para ello, comenzaremos el destino del enlace con la palabra mailto: seguida de la dirección de correo electrónico del destinatario. Al hacer
(^2) Los enlaces aparecen siembre en color azul y subrayados. Al hacer clic sobre ellos se vuelven de color rojo, y cuando hacen referencia a URLs ya visitadas anteriormente, en lugar de azul, se muestran morados. Estos colores se pueden cambiar como opciones de la marca
El tamaño de la imagen viene dado por su tamaño en píxeles, independientemente de la resolución (puntos por pulgada). No obstante podemos escalar la a un nuevo tamaño mediante las opciones width y height y un nuevo tamaño en píxeles. Si sólo se especifica el ancho o el alto, la otra dimensión se ajusta para mantener la relación de aspecto (factor de forma). Si se especifican ambos, se puede deformar la imagen. Por ejemplo, para indicar que el tamaño es de 320×240 píxeles, pondremos: .
El tamaño de los objetos normalmente puede expresarse no sólo como una media en píxeles, sino también como un porcentaje del tamaño del objeto que lo contiene. Para ello, junto a la medida incluiremos el símbolo %, sin separarlo del número. Por ejemplo, width=35%. Si un objeto no está contenido dentro de ningún otro, entonces el tamaño de referencia es el de la ventana del navegador. Por ejemplo introduce una imagen cuyo tamaño será el 90% del ancho de la ventana del navegador.
Alrededor de la imagen se puede dibujar un borde de un determinado grosor, utilizando la opción border= n donde n es el número de píxeles de grosor. Si no deseamos mostrar borde, indicaremos border=0.
Además, alrededor de la imagen y del borde opcional, se puede especificar un margen en horizontal (opción hspace) y en vertical (vspace), es decir un número de píxeles en blanco que se añaden alrededor de la imagen en horizontal y en vertical, para separarla del texto. Por ejemplo, para añadir un margen de 10 píxeles en horizontal y 15 en vertical, pondremos: .
En el caso de que se produzca algún error al cargar la imagen especificada, por ejemplo si la referencia no es correcta, el navegador mostrará un cuadro en el lugar que ocuparía la imagen. Podemos indicar un texto que se mostrará junto a dicho cuadro cuando no sea posible mostrar la imagen. Este texto alternativo también se verá al situar el ratón sobre la imagen cuando ésta se muestre correctamente. Para ello empleamos la opción alt, por ejemplo: .
4.8. Inserción de elementos multimedia
Podemos incluir objetos multimedia (sonidos, vídeos, etc.) en una página web de dos formas: Incluir un enlace al archivo, de manera que haciendo clic en el enlace podemos reproducir (abrir) el archivo. Hacer que el elemento se reproduzca en la propia web. Para ello tenemos que poner marcas especiales que incrustan un elemento en la web. Al incrustar un archivo multimedia, al visualizar el documento HTML se nuestra un cuadro que contiene: Las imágenes, si se trata de un vídeo. Un panel con los controles de reproducción. Para incrustar un elemento utilizamos la marca con las siguientes opciones: src="" para indicar, entre la comillas, el archivo que hay que incrustar. align="" para indicar, entre la comillas, la alineación del cuadro, como si fuera una imagen (tiene las mismas opciones que una imagen, por ejemplo align="center"). border="" para indicar, entre la comillas, el grosor (en píxeles) del borde alrededor del cuadro, como en una imagen. width="" para indicar, entre la comillas, el ancho del cuadro. Si no se especifica ningún ancho, se adapta al tamaño del vídeo o del panel de controles si no hay imágenes. height="" para indicar, entre la comillas, el alto del cuadro (que incluye el vídeo más el panel de controles). Si no se especifica ningún ancho, se adapta al tamaño del vídeo (si lo hay) más el del panel de controles.
(^3) A veces, al indicar una URL completa, la imagen no se muestra correctamente porque muchos servidores web no permiten este tipo de referencias, que se suponen una “mala práctica” entre algunos diseñadores de páginas.
autoplay=true o autoplay=false para hacer que la reproducción del vídeo comience inmediatamente después de cargarse la página (true) o se espere a que el usuario haga clic en el botón de reproducción (false). controller=true o controller=false para hacer que el panel de controles sea visible (true) o invisible (false). Dependiendo del tipo de archivo multimedia y de la configuración del sistema operativo, es posible que esta opción no funcione correctamente. loop=true o loop=false para hacer que la reproducción sea continua ( reproducción en bucle : comienza de nuevo automáticamente cada vez que se termine) (true) o sólo se reproduzca una vez (false). hidden=true o hidden=false para hacer que el elemento empotrado sea invisible (true) o visible (false). Veamos algunos ejemplos: Vídeo con un borde de 10 píxeles, que tiene un panel de mandos y se autoreproduce al cargar, sólo una vez.: . Sonido, que tiene un panel de mandos sin borde y se no se reproduce automáticamente al cargar: . Sonido oculto que se reproduce como música de fondo infinitas veces: . Se pueden empotrar todo tipo de objetos multimedia: sonido, vídeo, animaciones Flash, etc. Para que puedan reproducirse en el navegador es necesario que estén instalados los códecs adecuados.
Existen algunos mecanismos para que, en el caso de que un códec no esté instalado, se pueda instalar automáticamente, pero no los vamos a estudiar. Como curiosidad, el siguiente ejemplo sirve para insertar una animación Flash e instalar el reproductor si fuera necesario. En vez de se utiliza otra marca parecida, . Obsérvense las marcas que indican el tamaño de la animación (320×240 píxeles), el archivo de origen (despacho.swf), la reproducción automática (play=true) y la reproducción en bucle (loop=true):
Insertar una animación Flash
Por otra parte, algunos portales de Internet que ofrecen material multimedia permiten que insertemos en nuestras páginas web enlaces para que se puedan reproducir archivos almacenados en dichos portales como si fueran parte de nuestra web. A modo de ejemplo veamos qué hay que hacer para insertar un vídeo del conocido portal YouTube en una página web. En primer lugar localizamos en el portal YouTube el vídeo deseado (http://www.youtube.com/watch?v=I5kXdOSnNE0 para este ejemplo). Entonces buscamos un apartado de la página que pone Insertar junto al cual encontramos un cuadro de texto que contiene el siguiente código HTML, el cual copiaremos tal cual en nuestra web, y listo:
Código HTML
Ocultar las extensiones de archivo para tipos de archivos conocidos , accesible desde las ventanas del explorador de Windows, en la opción Herramientas Opciones de carpeta Ver Configuración avanzada.
Así, antes de guardar el documento, nos aseguramos de que: Hemos añadido la extesión .html al nombre del documento. De lo contrario se almacenará con extensión .txt y tendremos que cambiársela después desde el explorador de archivos. Utilizamos la codificación de texto adecuada. Normalmente podemos utilizar la codificación por defecto ANSI (ASCII), pero actualmente muchos servidores web utilizan UTF-8, por ejemplo, el servidor web de la Facultad de Biblioteconomía y Documentación. Entonces, en el momento de guardar los documentos, nos aseguraremos de utilizar codificación UTF-8.
6.1. Comprobación de resultados
Para visualizar el resultado final de un documento HTML utilizaremos el navegador de Internet. Haciendo doble clic sobre un archivo con extensión .html, éste se abrirá con el navegador.
Además, si nos encontramos en los ordenadores de la Facultad de Biblioteconomía y Documentación, una vez terminada la página web, podemos publicarla en Internet utilizando el espacio personal de que disponemos en nuestras cuentas. Tenemos que copiar todos los archivos que forman la web a la carpeta Y:\WWW_Usuario. Es conveniente que la página principal tenga el nombre index.html. Si se cumple este requisito, la página será accesible a través de Internet en la URL http://alcazaba.unex.es/~xxxxxxxx, donde xxxxxxxx es el nombre de usuario de la cuenta del alumno en el servidor de la Facultad.
7. Resumen de marcas HTML
La Tabla 3 contiene un resumen de las marcas HTML estudiadas en estos apuntes y las principales opciones que admiten.
Marcas Significado Opciones (^) Delimitación del documento HTML (^) Delimitación del encabezado (^) Título del documento HTML Delimitación del cuerpo bgcolor, background, bgprperties
Párrafo normal align Título de nivel 1 align Título de nivel 2 align (^) Título de nivel 3 align (^) Título de nivel 4 align Título de nivel 5 align Título de nivel 6 align Título de nivel 7 align Lista de viñetas type, imagesrc (^) Lista numerada type, imagesrc (^) Párrafo de una lista de viñetas o numerada align (^) Formato de fuente color, size, face
Negrita Cursiva Subrayado Enlace href
Imagen a vspace, borderlign, height, width, alt, hspace,
(^) Objeto multimedia incrustado a autoplaylign, height, width, border, controller, loop, ,hidden
(^) Línea horizontal size, witdh (^) Centrar párrafos
Tabla 3. Resumen de marcas y sus opciones
