Etiquetas en Html

525 views

Published on

Uso de Etiquetas HTML

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
525
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Etiquetas en Html

  1. 1. Etiquetas en HTML Elaborado por Luis Castellanos. Junio 2014.
  2. 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. 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. 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. 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. &aacute; a minúscula con tilde (se usan secuencias similares para otros caracteres especiales).
  6. 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&aacute;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&ntilde;os m&aacute;s grandes y en rojo. El tama&ntilde;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&oacute;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
  7. 7. Etiquetas más comunes 7Etiquetas 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
  8. 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
  9. 9. Referencias • http://ima.udg.es/~dagush/cursohtml/estr uct.htm • http://ima.udg.es/~dagush/cursohtml/etiq uet1.htm 9Etiquetas en HTML

×