Vous êtes sur la page 1sur 8

MAP

La
etiqueta <map> especifica
un
mapa
de
imagenes.
Un mapa de imagenes es una imagen que permite clickear diferentes areas de la
misma.
Esta etiqueta requiere del atributo name, con el mismo nombre usado en el
atributousemap de la etiqueta <img>. De esta forma se establece la relacin
imagen-mapa.
Atributos
name

Valor
nombre del
mapa

Descripcin
Requerido
Define el mapa de una imagen del lado del
cliente.

<!DOCTYPE HTML>
<html>
<head>
<title>Uso de imagenes</title>
</head>
<body>
<map name="map1">
<area
href="cuadrado.html" alt="Cuadrado" shape=rect coords="0,75,100,175">
<area
href="circulo.html" alt="Crculo" shape=circle coords="175,50,50">
<area
href="triangulo.html" alt="Tringulo" shape=poly coords="125,250, 225,250,
175,165">
</map>
<img src="http://www.virtualnauta.com/joomla/images/example_map.gif"
border="0" width="225" height="251"
usemap="#map1">
</body>
</html>

MARK
La etiqueta <mark>, permite realizar el marcado de un texto dentro del documento
web, el efecto visual en el navegador del texto seleccionado, es como si se
hubiera pasado un bolgrafo resaltador de texto por encima del texto que se haya
seleccionado.
<!DOCTYPE HTML>
<html>
<head>
<title>Ejercicios prcticos HTML5</title>
<meta charset="utf-8">
</head>
<body>
<p>Ejemplo etiqueta mark </p>
<p><mark>Profesor Cristian</mark></p>
</body>
</html>

MENU
El elemento menu (directorio) es un elemento desaprobado. En su origen fue
pensado para crear mens, en la actualidad es inutil.
Sus etiquetas son: <menu> y </menu> (ambas obligatorias).
<!DOCTYPE html>
<html>
<head>
<title>Mi primera pgina con estilo</title>
</head>
<body>
<!-- Men de navegacin del sitio -->
<menu>
<li><a href="indice.html">Menu 1</a>
<li><a href="meditaciones.html">Menu 2</a>
<li><a href="ciudad.html">Menu 3</a>
<li><a href="enlaces.html">Menu 4</a>
<menu>
</body>
</html>

META
La etiqueta <meta> se utiliza para aadir informacin sobre la pgina. Esta
informacin puede ser utilizada por los buscadores.
Los buscadores consultan la informacin de la etiqueta <meta> de las pginas,
buscando coincidencias con lo que el usuario pretende encontrar.
A travs de esta etiqueta pueden especificarse los atributos name y content. El
atributo name indica el tipo de informacin, y el atributo content indica el valor de
dicha informacin.
Para indicar el tipo de informacin podemos utilizar cualquier palabra que
deseemos, como puede ser "Autor", "Palabras clave", "Descripcin", etc. Pero
debido a que la mayora de buscadores estn en ingls, es preferible que el tipo
de informacin se especifique en ingls.

Etiquetas

Atributos

Valor

Descripcin
Especifica una pareja propiedad/valor del documento.

author
description
name

keywords
generator

Identifica un nombre de propiedad.

revised
otros

<meta>

content-type
http-equiv

expires
refresh

Los servidores HTTP utilizan este atributo para obtener


informacin sobre los encabezados.

set-cookie
content

valor

Este atributo especifica el valor de una propiedad.

scheme

valor

Proporciona a los navegadores ms contexto para la


interpretacin correcta de los datos.

<!DOCTYPE html>
<html >
<head>
<meta name="author" content="Nayeli Perez">
<meta name="description" content="Sus prximas vacaciones en el
Caribe">
</head>
</body>
no muestra nada
</body>
</html>

METER

La etiqueta <meter> Define una medida escalar dentro de un


rango conocido (a medida).
Este elemento define una medicin escalar dentro de una
gama conocida, o un valor fraccionario de manera grfica.
Los atributos que podemos utilizar para esta etiqueta son:
Atributos globales.
form: Identificador del formulario al que pertenece el
elemento.
high: Especifica el intervalo que se considera que es un valor
low: Especifica el intervalo que se considera que es un valor
bajo.
max: Especifica el valor mximo de la medida.
min:
Especifica
el
valor
mnimo
de
la
medida.
optimum: Especifica cul es el valor ptimo para el indicador.
value: Especifica el valor por defecto para el indicador.
<!DOCTYPE html>
<html>
<head>
ocupados <meter value="300" min="0" max="500">300Gb de 500Gb</meter>
</head>
<body>
</body>
</html>

NAV
La etiqueta <nav> define una seccin de enlaces de navegacin.
No todos los enlaces de un documento debe estar en un elemento <nav>. El
elemento <nav> est destinado slo a grandes bloques de vnculos de
navegacin.
Los navegadores, como los lectores de pantalla para usuarios con discapacidad,
puede utilizar este elemento para determinar si se deben omitir la representacin
inicial de este contenido.
<html>
<head>
</head>
<body>
<Nav>
<A href= " /html/ " >HTML</a> |
<A href= " /css/ " >CSS</a> |
<A href= " /js/ " >JavaScript</a> |
<A href= " /jquery/ " >jQuery</a>
</Nav>
</body>
</html>

Vous aimerez peut-être aussi