modulo 2 - xhtml, atributos y etiquetas de texto

Modulo 2RODRIGO ALFARO # WEB SOMETHING # RALFARO.PINTO@OUTLOOK.COM

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