modulo 2 - xhtml, atributos y etiquetas de texto
DESCRIPTION
Modulo 2 - XHTML, atributos y etiquetas de textoTRANSCRIPT
Modulo 2RODRIGO ALFARO # WEB SOMETHING # [email protected]
Indice
Atributos.
Trabajo con textos en XHTML.
Ejemplo.
Ejercicios.
Atributos
Estan compuestos de nombre y valor y reflejan el valor de una etiqueta.
Existen 3 clases de atributos:
• Atributos basicos (core attributes): class, id, title.
• Atributos internacionles (internalization attributes): dir, lang y xml.
• Eventos UI (User interface events): OnDoubleClick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown y onkeyup.
Atributos
Todos los atributos pueden ser usados en un mismo document XHTML.
El orden de prioridad es el siguiente:
• Id -> Title -> Class -> Style(deprecado)
Atributo ID
El atributo id puede usarse para identificar de forma única cualquier elemento dentro de una página.
Podemos usar ID para asociar que el elemento tendrá cambios graficos (CSS) o puede ser manipulado por eventos (Javascript)
La sintaxis del atributo id es la siguiente (donde "demo" es el valor elegido para el atributo):
id="demo"
Atributo ID
Atributo Class
Aunque el atributo ID identifica de forma única un elemento en particular, el atributo de class se utiliza para especificar que un elemento pertenece a una clase de elemento. Es de uso general con CSS.
La sintaxis del atributo de class es el siguiente:
class = “nombre"
El valor del atributo también puede ser una lista separada por espacios de nombres de clase.
Por ejemplo:
class = “nombre1 nombre2 nombre3"
Atributo Class
Atributo Title
El atributo title da un título sugerido para el elemento.
La sintaxis para el atributo título es el siguiente:
title = "hola titulo"
El comportamiento de este atributo dependerá del elemento que lo lleva, aunque a menudo se muestran como ayuda o mientras el elemento está cargando.
No todos los elementos que pueden llevar a un atributo de title.
Atributo Title
Atributo Dir
Este atributo indica al navegador la orientacion de lectura del sitio web.
La sintaxis es la siguiente:
dir=“rtl / ltr”
Rtl = right to left
Ltr = left to right
Atributo Dir
Trabajo con textos en XHTML
Cada document de XHTML posee tags que son capaces de almacenar informacion, estos poseen atributos que los hacen unicos (id) o de referencia (dir).
La informacion que muestra o despliega es texto y existe un orden para ellos.
Los titulos comienzan con h1 – h6, donde H1 es el titulo y H2 es el subtitulo, etc.
Los parrafos son etiquetas <p></p> ahi van bloques de texto.
Los salto de carro van dentro de las etiquetas <p> Hola<br />Mundo</p>
Trabajo con textos en XHTML
Trabajos con texto XHTML
La etiqueta <pre></pre> sirve para mostrar codigo (php, javascript, etc) dentro de html sin que este se ejcute.
Trabajo con texto XHTML
La etiqueta <blockquote> </blockquote> sirve para encerrar citas de autores, discursos, etc.
Ejemplo
Ver ejemplo_modulo_2.html
Ejercicios
Crear el curriculum en XHTML.
Bibliografia
Web programming with HTML, XHTML and CSS, 2nd Edition, Jon Duckett, Wiley Publishing Inc, paginas 18-49