2. Generalidades
• Los archivos HTML son sólo texto (Ascii
plano).
• Contienen el texto del documento.
• Contienen etiquetas que indican cuál es la
estructura del documento, los vínculos
internos y externos, y la inclusión de
gráficos y multimedios.
• La relación entre texto y etiquetas es
generalmente la siguiente:
<etiqueta> texto afectado </etiqueta>
2Etiquetas en HTML
3. Generalidades
• La mayor parte de las veces no es
necesario trabajar directamente en el
archivo HTML.
• Gran parte de los utilitarios y navegadores
incluyen la posibilidad de editar
documentos HTML en la modalidad
``WYSWYG''.
• También existen convertidores de
formatos tradicionales a HTML.
3Etiquetas en HTML
4. Generalidades
• El formato y la disposición del archivo no influyen en el
resultado. Todos los siguientes fragmentos de entrada
producirán el mismo fragmento de salida:
4Etiquetas en HTML
El navegador
ignora líneas y
espacios en blanco
en el archivo.
El navegador
ignora líneas
y espacios en
blanco en el
archivo.
El navegador
ignora líneas y
espacios en blanco
en el archivo.
El navegador ignora líneas y espacios en blanco en el archivo.
5. Formato de las Etiquetas
• Las etiquetas tienen una palabra de apertura y una palabra
de cierre, de acuerdo al atributo que se quiere dar a las
distintas partes del documento que se va a generar, las
cuales se insertan dentro de las etiquetas.
5Etiquetas en HTML
Etiqueta Funcióno finalidad
<HTML> </HTML> Comienzo y fin del documento HTML.
<HEAD> </HEAD> Encabezado del documento. Contiene información
de la descripción del documento
<TITLE> </TITLE> Título que figura en la barra del navegador.
<BODY> </BODY> Comienzo y fin del contenido de la página
<B> </B> El texto demarcado en negritas.
á a minúscula con tilde (se usan secuencias
similares para otros caracteres especiales).
6. Etiquetas más comunes
6Etiquetas en HTML
Etiqueta Salida
El <B>texto</B> en negritas. El texto en negritas.
El <I>texto</I> en itálicas. El texto en itálicas.
El <TT>texto</TT> en formato
teletipo.
El texto en formato
teletipo.
El <FONT SIZE = +2 COLOR = "RED">
texto </FONT> en 2 tamaños
más grandes y en rojo. El
tamaño puede ser ...
El texto en 2 tamaños
más grandes y en rojo. El
tamaño puede ser un
valor absoluto en el
rango 1..7.
Utilizar la dirección de e-mail
<ADDRESS> claudio@acm.org
</ADDRESS> para contactarme.
Utilizar la dirección de e-
mail
pedroperez@gmail.com
para contactarme.
Formato
de Textos
8. Etiquetas más comunes
8Etiquetas en HTML
Etiqueta Salida
Fin de la parte anterior.
<HR> Nueva parte.
Fin de la parte anterior.
Nueva parte.
Solo 40% de ancho. <HR
WIDTH=40%> Nueva parte.
Solo 40% de ancho.
Nueva parte.
Alto del ruler = 10. <HR
SIZE=10> Nueva parte.
Alto del ruler = 10.
Nueva parte.
Inserción
de líneas