Comprender HTML es uno de los lenguajes de programación más recursos a utilizar para la construcción de una página web. HTML utiliza etiquetas para agregar atributos a sus páginas web . Las cuatro etiquetas más usadas por los documentos HTML son , ,
y <BODY ...> . Estas etiquetas definen el tipo de documento que es, y las secciones principales . Documentos HTML suelen tener la extensión . HTML o . Htm . Puedes usar HTML para crear un mapa de imagen que divide una imagen en diferentes áreas que enlazan con una página web diferente. Si opta por crear mapas de imagen , debe utilizar las imágenes que tienen varias zonas diferenciadas que los lectores puedan seleccionar. Las fotografías no suelen ser una buena opción para los mapas de imagen . Creación de mapas de imágenes es una buena manera de dar a sus páginas más atractivo . Esta guía te enseñará cómo agregar mapas de imágenes a su página. Se presenta un método muy simple para personalizar su página. Cosas que necesitará de computadora <br> Mostrar más instrucciones <br> 1 <p> Inicie su procesador de textos o editor de texto que va a utilizar para crear su página web. Busque la página en su PC que va a editar . Añadir la imagen que desea utilizar un mapa de imagen a su página web. Incluir dentro de la etiqueta <CENTER> . <br> 2 <p> Type " USEMAP =" #? "Dentro de la etiqueta <IMG> . Sustituya el signo de interrogación con el nombre de la imagen del mapa. Escriba " </CENTER >" para cerrar la etiqueta . <br> 3 <p> Type " <MAP NAME="?"> "Reemplazar el signo de interrogación con la imagen nombre del mapa Su texto debe tener el siguiente aspecto : . <CENTER> <IMG SRC="name.gif" USEMAP="#menumap"> ; ? < /CENTER> <MAP NAME="menumap"> <br> 4 <p> Escriba " < AREA SHAPE =" " " Vuelva a colocar la signo de interrogación con la forma de la zona. Utilice rect de rectángulo, círculo de círculo y poli de una forma irregular. <br> 5 <p> Type " COORDS =" a , b, c , d & # x201D , "porque las coordenadas de un rectángulo Reemplace el . " a y B ", con las coordenadas de la esquina superior izquierda reemplazar. " cyd " con las coordenadas de la esquina inferior derecha para un círculo , el tipo ". COORDS = & # x201C ; a, b , r " ", donde " a, b " son las coordenadas del centro del círculo y " r " . es el radio para un polígono , tipo " COORDS = " a, b , c, d ... "," dónde "a, b , c, d" son las coordenadas de cada punto en el polígono. <br> 6 <p> Type " HREF =" ? " ". Sustituir el signo de interrogación con la dirección de la página web que desea que el área de la imagen a enlazar. Repita los pasos 4 a 6 para cada área de la imagen . Tipo " < /MAP >" para completar su mapa de imagen . <br> 7 <p> Compruebe que el texto es similar al siguiente : < AREA SHAPE " rect " COORDS = " 31,50,155,120 " HREF = & # x201C ; website.html "> < /MAP > <br> 8 <p> Abrir un nuevo navegador web para verificar que su página web muestra el mapa de imagen correctamente Pruebe su sitio y verificar que los visitantes pueden. Haga clic en una zona del mapa en la imagen para acceder a la página web enlazada. <br> <br>
<div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88867.html' >Cómo cambiar el estilo de viñeta Uso de la programación HTML </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88869.html' >Cómo cambiar la caja de texto usando programación HTML </a> </div>
</div>
<dl class=xgc>
<dt><span>Lenguajes De Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88552.html">¿Cómo se crea un delimitador Tabulador para una instrucción SQL de Oracle </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87803.html">Cómo editar los datos en un objeto DataSet </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87147.html">Cómo actualizar vBulletin 4 Icons </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/328337.html">¿Qué idioma se usa para construir el sistema operativo Windows XP? </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/289986.html">¿Qué es el sistema de codificación? ¿Cuáles son los diferentes tipos de sistema? </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88402.html">Cómo crear un diagrama de flujo lógico Visual </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88464.html">Cómo crear una aplicación de Windows Forms </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87792.html">Cómo incrustar SQL en programas RPG </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87525.html" >Cómo hacer que el búfer de salida de la consola Eclipse Bigger </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88902.html" >Cómo ser un Hacker Ético </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/86675.html" >La función Centroid en MATLAB </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87350.html" >Cómo copiar una figura de MATLAB </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/314087.html" >¿Cómo puede hacer que su computadora escriba en japonés? </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87013.html" >¿Cómo resolver matrices usando QBasic </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/86742.html" >Cómo conectar los parámetros en un Crystal Report JSP </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87540.html" >Cómo imprimir una cadena en MATLAB </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/308484.html" >¿Por qué es una parte necesaria del compilador del sistema informático? </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87803.html" >Cómo editar los datos en un objeto DataSet </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88703.html" >Cómo convertir formato de fecha en Transact -SQL </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88121.html" >Cómo agregar KeyListener a JFrame </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li>
<li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li>
<li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimiento de la computadora © http://www.ordenador.online</div>
</div>
</body>
</html> 