etiquetas en html
DESCRIPTION
Uso de Etiquetas HTMLTRANSCRIPT
Etiquetas en HTML
Elaborado por Luis Castellanos. Junio 2014.
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>
2 Etiquetas en HTML
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.
3 Etiquetas en HTML
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:
4 Etiquetas 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.
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.
5 Etiquetas en HTML
Etiqueta Función o 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).
Etiquetas más comunes
6 Etiquetas 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> [email protected] </ADDRESS> para contactarme.
Utilizar la dirección de e-mail [email protected] para contactarme.
Formato de Textos
Etiquetas más comunes
7 Etiquetas en HTML
Etiqueta Salida
<H1>Encabezado H1<\H1> Encabezado H1
<H2>Encabezado H2<\H2> Encabezado H2 <H3>Encabezado H3<\H3> Encabezado H3
<H4>Encabezado H4<\H4> Encabezado H4
<H5>Encabezado H5<\H5> Encabezado H5
Encabeza- mientos
Etiquetas más comunes
8 Etiquetas 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
Referencias
• http://ima.udg.es/~dagush/cursohtml/estruct.htm
• http://ima.udg.es/~dagush/cursohtml/etiquet1.htm
9 Etiquetas en HTML