Existen dos maneras de insertar una imágen en HTML. La única diferencia es su fuente: puede ser a través de la ruta de un archivo de imágen que hayamos descargado y subido a Neocities, o directamente a través de su URL de Internet
Esto es una imágen insertada desde Neocities:
Y esto es una imágen insertada desde Internet:
Podemos modificar las dimensiones horizontal y vertical de una imágen a través de los atributos width y height, respectivamente. Si solo modificásemos uno de ellos, el otro se ajusta proporcionalmenete. Por defecto, los valores de estos atributos estrán en píxeles, pero también es posible igualarlos a un porcentaje para que, independientemente del zoom, la imágen ocupe ese porcentaje de la interfaz.
Importante: el atributo align NO funciona dentro de img. Si quisiéramos alinear una imágen, basta con meter la imágen en un párrafo y alinear ese párrafo.
Vamos a diferenciar dos formas de meter enlaces en HTML. La primera la utilizaremos para "teletransportarnos" a otra sección o a otra parte de la misma página web, y la segunda para acceder a webs públicas a través de Internet
En el primer caso, para que el link funciona, debemos programar correctamente el origen y el destino del enlace. Usaremos la etiqueta "a" y el atriburo "href". Elegiremos un nombre para el origen y lo indentificaremos con un hashtag a través de "href". Una vez hecho esto, debemos indentificar el destino utilizando el atributo id igualado a ese nomnbre, esta vez sin el hastag.
Por ejemplo, al pulsar aquí volveremos a la parte superior del resumen. Para los links a webs externas, simplemente se usa la URL como valor de href. Por ejemplo, al pulsar aquí iremos a Wikipedia. Para decidir si la web a la que estoy intentando acceder a través del enlace se abre en una pestaña nueva o reemplaza la página actual, utilizaremos el atributo "target" igualado respectivamente a "_blank" o "_self". Y finalmente, vamos a usar la etiqueta "marquee" para simular movimientos animados en la web. Necesitamos varios atributos para definir el movimiento. Con el atributo direction igualado a left, right, up o down elegiremos la dirección y sentido del desplazamiento. El espacio vertical está limitado por el tamaño del contenido del marquee, pero puede ampliarse con el atributo "height" dentro de marquee. La velocidad puede controlarse igualando a un valor numérico los atributos scrollamount y scrolldelay. Scrollamount es directamente proporcional a la velocidad. Scrolldelay marca el tiempo de espera entre un movimiento y el siguiente. Para valores muy extremos se debe incluir, sin valor, el atributo truespeed. Por último, el carácter el movimiento se define con "behavior". Igualado a "scroll", el contenido del marquee describe un desplazamiento indefinido; igualado a "slide", el contenido describe un desplazamiento con parada al llegar a uno de los límites; e igualado a "alternate" el contenido rabotará al llegar a los límites, cambiando de sentido en la misma dirección. De forma opcional, es posible cambiar el color del fondo del marquee (o de tablas) con "bgcolor". Para finalizar, si quiero utilizar una imágen como fondo, usaré el atributo "background" dentro de "body", con la ruta o URL de la imágen que queramos usar.