Estamos en Facebook Estamos en Google + Visita nuestro RSS Siguenos en Twitter Proximamente en Vimeo Suscribete en Youtube

domingo, 15 de enero de 2012

7.MARCADO AVANZADO Y GENERICO EN XHTML

Entrada más reciente Entrada antigua


Marcado avanzado de texto


Las páginas y documentos más avanzados suelen incluir otros elementos importantes que se deben marcar de forma adecuada. Por ello, HTML incluye muchas otras etiquetas que permiten marcar más elementos del texto.

<abbr>

Se emplea para marcar las abreviaturas del texto y proporcionar el significado de esas abreviaturas

ejemplo

======================================================

<html>
<head>

</head>
<body>

<p>
la biblia esta basada en el <abbr title="antiguo testamento">A.T.</abbr>
</p>

</body>
</html>


=======================================================


visualizalo y situa encima el mouse del A.T y veraz lo que pasa

ver mas en :



seguimos con:

<acronym>

Definición y uso de

La etiqueta <acronym> define un acrónimo.

Las siglas se puede hablar como si se tratara de una palabra, el ejemplo de la OTAN, la NASA, lo antes posible, interfaz gráfica de usuario.

Por el marcado de las siglas que usted puede proporcionar información útil a los navegadores, correctores ortográficos, los sistemas de traducción e indexadores de motores de búsqueda.

ejemplos de acronimos:

Ejemplos

Acrónimos conformados a partir de las sílabas iniciales de varias palabras:
Frente Polisario, de Frente Popular de Liberación de Saguía el Hamra y Río de Oro.
Morena, Movimiento de Regeneración Nacional.
Estraperlo, de Strauss, Perel y Lowann.
Acrónimos que fusionan o combinan dos palabras:
Emoticono o emoticón, de emoticon = emotion + icon, emoción e icono. Traducción incompleta de otro acrónimo inglés.
Informática de Información Automática = Inform + ática
A veces se llama portmanteau al acrónimo que se forma por el principio de una palabra y el final de otra, omitiendo las sílabas intermedias:
Ofimática, de Oficina e informática.
Transformación en acrónimo a partir de siglas:
Checa, del ruso ЧК = чрезвычайная + комиссия, transliterado como Chrezvychainaya Komissiya, Comisión Extraordinaria.
ENOC Emirates National Oil Company
Renfe, Red Nacional de Ferrocarriles Españoles.
Unesco, United Nations Educational, Scientific and Cultural Organization.
Láser, del inglés Light Amplification by Stimulated Emission of Radiation (‘amplificación de luz por emisión estimulada de radiación’).
LED, del inglés Light Emitting Diode (‘diodo emisor de luz’).
Aena, Aeropuertos Españoles y Navegación Aérea.
Sida, síndrome de inmunodeficiencia adquirida.
Ovni, objeto volador no identificado.4
Radar, del inglés Radio Detection and Ranging (‘detección y medición de distancias por radio’).
Talgo, Tren Articulado Ligero Goicoechea Oriol
AVE, Alta Velocidad Española.

ejemplo en html:

==============================================

<html>
<head>

</head>
<body>

<p>
la <acronym title="Alta Velocidad Española">AVE</acronym> es muy recomendada
</p>

</body>
</html>

===========================================







visualizalo y situa encima el mouse del AVE y veraz lo que pasa

ver mas en :

                                             

seguimos con 

<dfn>

simplemente:

Define un término de definición

ejemplo:

=====================================

<html>
<head>

</head>
<body>

<p>Con estos síntomas, podría tratarse de un caso de <dfn title="Imagen o sensación subjetiva, 
propia de un sentido, determinada por otra sensación que afecta a un sentido 
diferente">sinestesia</dfn></p>

</body>
</html>
=========================================

checalo aver que pasa

seguimos con

<cite>

Define una cita

En ocasiones, no está clara la diferencia entre <cite> y <blockquote>. El elemento <cite> marca el autor de la cita (persona, documento, etc.) y <blockquote> marca el contenido de la propia cita. En el siguiente ejemplo, <blockquote> encierra el contenido de una frase célebre y <cite> encierra el nombre de su autor:

ejemplo:

=============================================

<html>
<head>

</head>
<body>

Como dijo <cite>Mahatma Gandhi</cite>:
<blockquote>Vive como si fueras a morir mañana y aprende como si fueras a vivir para siempre.</blockquote>

</body>
</html>

==============================================

===========================================

MARCADO GENERICO:

el marcado generico es este un ejemplo:

nombre: omar
edad:18 años
empresa:W3C
num.tel:12345678
correo electronico:omar@hot.com

de esta forma yo quiero que los marcadores nombre, edad, num.tel y correo electronico quiero que aparsecan en negrita

la empresa se marca como acronimo

pero no tengo como marcar telefono ni correo entonces se utiliza <span>

Por este motivo, el estándar HTML/XHTML incluye una etiqueta llamada <span> que se emplea para marcar cualquier elemento que no se puede marcar con las otras etiquetas definidas. Siguiendo con el ejemplo anterior, la etiqueta <span> se utiliza para marcar el teléfono y la dirección de correo electrónico:

============================================================

<html>
<head>

</head>
<body>

<p>
<strong>nombre:</strong> omar<br/>
<strong>edad:</strong> 18 años<br/>
<strong>empresa:</strong> <acronym title="World Wide Web Consortium"> W3C</acronym><br/>
<strong>num.tel:</strong><span id="tel"> 12345678</span><br/>
<strong>correo electronico:</strong><span id="email"> omar@hot.com</span><br/>
</p>
</body>
</html>

=================================================

checa en tu navegador como se visualiza

La etiqueta <span> se visualiza por defecto con el mismo aspecto que el texto normal. Por tanto es habitual utilizar esta etiqueta junto con los atributos id y class

ver mas en :


saludos




No hay comentarios:

Publicar un comentario