Cómo crear un punto de acceso público que requiera inicio de sesión web
lt;areagt; la marca se utiliza principalmente en mapas de imágenes, a través de los cuales se puede configurar el área de acción (también llamada punto de acceso) en el mapa de imágenes, de modo que cuando el usuario mueva el mouse al área de acción especificada y hace clic, se vinculará automáticamente a la página preestablecida. La sintaxis básica es la siguiente:
lt; area
class=type
id=Value
href=url
alt=text
shape=área-forma
coods=valuegt;
coods=value.gt;
Entre ellos, clase e identificación especifican el tipo y el número de identificación del punto de acceso respectivamente.
alt: Texto alternativo para configurar puntos de acceso.
href: se utiliza para configurar la dirección URL a la que está vinculado el hotspot.
forma y coordenadas: Estos dos parámetros principales se utilizan para establecer la forma y el tamaño del punto de acceso. Su uso básico es el siguiente:
lt; area shape="rect" coords="x1, y1, x2, y2" href=urlgt; significa establecer la forma del punto de acceso en un rectángulo y las coordenadas; del vértice de la esquina superior izquierda es (X1, y1), y las coordenadas del vértice de la esquina inferior derecha son (X2, y2).
lt; area shape="circle" coords="x1, y1, r" href=urlgt; significa establecer la forma del punto de acceso en un círculo, y las coordenadas centrales del círculo son (X1, y1), el radio es r.
lt; area shape="poligon" coords="x1, y1, x2, y2..." href=urlgt; significa establecer la forma del punto de acceso a un polígono y las coordenadas del vértice son ( X1, y1), (X2, y2), (x3, y3) .......
lt;areagt; la marca juega el papel de dividir áreas en el mapa de imagen, por lo que debe desempeñar el papel de área en el mapa de imagen al dividir áreas, por lo que la marca
Los siguientes ejemplos ilustran el uso de estas dos etiquetas:
La siguiente es una imagen de una estantería nueva. El efecto es: cuando el mouse hace clic en el libro "Libros del sitio web". Cuando el mouse hace clic en el libro "Habilidades de diseño de sitios web", se abrirá una nueva ventana que muestra una breve introducción al libro y el orden de las páginas web (urlall.htm). Una breve introducción y el orden de las páginas web (urlall. htm); cuando el mouse haga clic en el libro "Habilidades de diseño de sitios web", se abrirá una nueva ventana que muestra una breve introducción del libro y el orden de las páginas web (urlall.htm).
htm); cuando el mouse hace clic en el libro "Habilidades de diseño de sitios web", se abrirá una nueva ventana que muestra una página web (siteall.htm) sobre la introducción del libro y el orden de las páginas web cuando el mouse hace clic; el libro "Webpage Skills", se abrirá una nueva ventana, mostrando una página web (pageall.htm) con una introducción al libro y el orden de las páginas. Cuando el mouse hace clic en el libro "Web Page Skills", se abrirá una nueva ventana que muestra la página web (pagejqlall.htm) con una introducción al libro y un formulario de pedido. Método de producción:
1. Inserte una imagen, establezca los parámetros relevantes de la imagen y configure el parámetro usemap="newbook "ismap en la etiqueta 2. Utilice la marca lt; mapgt; para establecer el área de efecto de la imagen en el mapa y el nombre: 2. área de efecto de la imagen en el mapa, y asígnele el nombre: newbook; 3. Utilice las marcas de área gt; para dividir las posiciones de los tres libros en tres áreas rectangulares. parámetro de enlace href. Una vez completada la producción, el código fuente de este ejemplo es el siguiente: lt; img src="/images/logo.gif" width="207" height= "148" alt= "Nueva estantería" hspace="10" align="left" usemap="#newbook" border="0"gt; lt; map name="newbook"gt; lt; area shape="rect" coords="56, 69, 78, 139" href="urlall.htm" target="_blank" alt="Aquí se recopilan más de 100.000 URL". ="aquí se recopilaron más de 100.000 URL " gt; lt; area shape="rect" coords="82, 70, 103, 136" href="siteall.htm" target="_blank" alt= "Lectura introductoria para diseñadores de sitios web." title="Lectura esclarecedora para diseñadores de sitios web." gt; lt; area shape="rect" coords="106, 68, 128, 136" href="pageall .htm" target="_blank" alt="Libros imprescindibles para productores de páginas web." title="Libros imprescindibles para productores de páginas web." gt; lt;/mapgt; p> Se deben tener en cuenta algunos puntos al crear el efecto de introducción de este artículo: 1. No olvide configurar los parámetros usemap e ismap en la etiqueta lt;imggt; El valor del parámetro de usemap debe ser el mismo que lt; El valor del parámetro de nombre entre ;mapgt; markgt; y lt;/mapgt; La marca tiene la configuración del parámetro de forma en el formato de coordenadas. La función del área de forma es evitar el fenómeno de que el área rectangular de la configuración del parámetro de forma actúe como el vértice del área del polígono en la configuración de la cuerda. Para evitar el fenómeno de establecer las coordenadas del vértice del área poligonal en la cuerda cuando el parámetro de forma se establece en un área rectangular.