2
<head ></ head> <body></ body> <iframe></iframe > exepto con el codigo de insercion de una imagen solo usa un par de corchetes para abrir y cerrar, ejemplo: <img src="imagen.jpg " alt="imagen"/> El atributo SRC sirve para indicar la RUTA o URL de la imagen y va siempre dentro de las comillas y el atributo ALT nos sirve para escribir una o varias palabras que se pueden observar cuando ucurre una falla en la busqueda de la imagen ( se pierde la ruta o url de la imagen). Tambien podemos indicarle valores a las propiedades de nuestra imagen como lo son el ancho, alto: <img src="imagen.jpg " alt="imagen" width="250" height="250" /> Todo en lenguaje en HTML es basado en palabras del idioma ingles, bien entonces se darán cuenta que width es ancho y height es alto, siempre dentro de las comillas ( asegurate de no borrar alguna por error ) es donde se debe indicar los valores que le darémos a nuestra imagen. Otro atributo tambien muy popular es el de ponerle titulo a la imagen, este se muestra a un costado del puntero o cursor al pasarlo por encima de la imagen dentro de una pequeña burbuja flotante y se representa en el codigo mediante la palabra title . Ejemplo del código: <img src="imagen.jpg " alt="imagen" width="250" height="250" title="mi imagen" /> Y ya por ultimo si quieren centrar la imagen solo basta agregar otra etiqueta llamada center: <center> <img src="imagen.jpg " alt="imagen" width="250" height="250" title="mi imagen" /> </center> Asi es como nos queda terminado este codigo, La explicacion es bastante completa espero les sea de gran ayuda y si les gusto denle like, responderemos sus dudas y tambien pueden ver estos tutoriales en youtube abajo dejo el enlace. Otra formade insertar

Codigo HTML

Embed Size (px)

DESCRIPTION

rere

Citation preview

exepto con el codigo de insercion de una imagen solo usa un par de corchetes para abrir y cerrar, ejemplo:

El atributo SRC sirve para indicar la RUTA o URLde la imagen y va siempre dentro de las comillas y el atributo ALT nos sirve para escribir una o varias palabras que se pueden observar cuando ucurre una falla en la busqueda de la imagen ( se pierde la ruta o url de la imagen).

Tambien podemos indicarle valores a las propiedades de nuestra imagen como lo son el ancho, alto:

Todo en lenguaje en HTML es basado en palabras del idioma ingles, bien entonces se darn cuenta que width es ancho y height es alto, siempre dentro de las comillas( asegurate de no borrar alguna por error )es donde se debe indicar los valores que le darmos a nuestra imagen.

Otro atributo tambien muy popular es el de ponerle titulo a la imagen, este se muestra a un costado del puntero o cursor al pasarlo por encima de la imagen dentro de una pequea burbuja flotante y se representa en el codigo mediante la palabratitle. Ejemplo del cdigo:

Y ya por ultimo si quieren centrar la imagen solo basta agregar otra etiqueta llamada center:

Asi es como nos queda terminado este codigo, La explicacion es bastante completa espero les sea de gran ayuda y si les gusto denle like, responderemos sus dudas y tambien pueden ver estos tutoriales en youtube abajo dejo el enlace.

Otra formade insertar

COMO INSERTAR ENLACES A IMAGENES Y TEXTOS?

Lo primero que deben saber que para insertar un enlace se necesita la etiqueta , claro que con sus atributos que en un momento mas se los mostrar, tambien dentro de dicha etiqueta nosotros colocamos otra mas que va corresponder de acuerdo a lo que queremos que tenga el enlace como por ejemplo un texto sera asi:

Enlace

o una imagen asi: .

Bien empezar mostrandoles los atributos de la etiqueta que son href=""ytarget="" , los atributos siempre van dentro de el primer par de corchetes angulares justo despues de la letraasiempre separados con un espacio. Ejemplo:

En el atributo href="" dentro de las comillas ponemos el enlace al que queremos dirigir, en el atributotarget="" vamos a escribir dentro de las comillas _blank si queremos que nuestro enlace se muestre en una nueva pestaa pero si queremos que se muestre en la misma pestaa lo dejamos en blanco.

Entonces el cdigo de un texto sencillo con enlace sera de la siguiente manera:

Notoyontoy

Y el de una imagen asi:

El de un texto tipo titulo:

Notoyontoy

El de un texto tipo span:

Notoyontoy

Con esto espero que les haya quedado mas claro de como insertar enlaces para los que no sabian o no entendian cualquier duda que tengan dejenla en los ccomentarios.