Últimos temas
» [SKIN] Hello? how are you
por Unity Vie Ene 06, 2017 11:55 pm

» Pack 1 de html (personaje + firma)
por Rose Jue Ene 05, 2017 5:19 pm

» [FIRMA] Mikagura Suite
por Natty Mar Dic 27, 2016 9:57 am

» [SKIN] Attack No Titan
por Flowman Jue Dic 15, 2016 8:51 pm

» Owari no seraph's
por Cool Skelleton_95 Mar Nov 15, 2016 2:04 pm

» Simple flutter
por Amaranth Miér Oct 26, 2016 8:54 am

» Duda sobre sorteo de skin
por SS Jue Sep 15, 2016 8:22 pm

» [MOVIL] [ FA ] Haikyuu
por Sarisha Mar Ago 30, 2016 6:07 am

» Pedido grafico
por DangerStRichard Dom Ago 28, 2016 7:09 pm


{ Tutorial HTML } Modificar imágenes, enlaces

Ver el tema anterior Ver el tema siguiente Ir abajo

{ Tutorial HTML } Modificar imágenes, enlaces

Mensaje por Mikae el Dom Jul 31, 2016 8:26 pm


MODIFICAR LAS IMÁGENES, ENLACES
Recomendación: Para que se te resulte más fácil puedes ir probando tus códigos en un http://codepen.io/pen/ en la parte que dice HTML introducirás lo necesario. 

Empezamos

Enlaces
Son llamados hipertextos cuyo funcionamiento se debe, en su mayor parte, a los enlaces o anclajes, cuya marca específica es
Código:
<a>

El elemento a necesita una marca de apertura y una de cierre y entre ellas podemos insertar texto, imágenes y otros elementos, es decir "< y >"
Para que este elemento funcione, el elemento A debe estar asociado a otros atributos, eso lo aprendimos la clase anterior. De ellos el más importante es HREF, que contiene el URL o página donde ir. En general los enlaces tienen la siguiente estructura:
Código:
<a href="URL"> Texto del enlace</a>

El texto del enlace es lo que se visualizará en la web. La URL es la dirección donde apunta el enlace y se conoce dos clases:

El link se dirige a la misma pestaña donde te encuentras
No uso ningún otro atributo
Código:
<a href="URL"> Texto del enlace</a>

El link se abre creando otra ventana.
Use otro atributo más, llamado TARGET, que su sintaxis es  TARGET="_new"
Código:
<a href="URL" target="_new"> Texto del enlace</a>


Imágenes
Nos permite generar una visualización exacta de una imagen, mediante su enlace.
Código:
<img>
Este elemento no necesita cierre y su sintaxis correcta es:

Código:
<img src="url">
donce SRC es el atributo, y corresponde al url de la imagen. Recordemos que es única en el sentido de que NO lleva como cierre el correspondiente
Código:
</IMG>

Width y height: Es posible definir la anchura y la altura de la imagen gracias a los atributos width y height:

Código:
<img src="url" width="100" height="100">
donde WIDTH=100 es el ancho de la imagen expresada en píxel, y height=100 es el largo de la imagen.

ALIGN: El atributo ALIGN define la posición de la imagen respecto al texto colocado inmediatamente antes o después de la misma.
ALIGN=top: alinea la primera línea de texto con la parte superior de la imagen.
ALIGN=bottom: alinea la primera línea de texto con la parte inferior de la imagen.
ALIGN=left: el texto se coloca a la derecha de la imagen empezando desde la parte superior de la misma.
ALIGN=right: el texto se coloca a la izquierda de la imagen empezando desde la parte superior de la misma.
mikae © 2016
avatar
Mikae

Mensajes : 275

Ver perfil de usuario

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.