Crea tu pgina web ya!

Ttulo de tu pgina web : Tu e-mail :

T u e- mail es obligatorio pues nos permitir enviarte tu c ontras ea.

Buscar

Inicio > C om o cre ar una pagina we b con HTML5 y Dre am we ave r > Inse rtando nue stra prim e ra im ge n con HTML5

Anuncios Google

Curso html5 Html5 tutorial Imagenes

Insertando nuestra primera imgen con HTML5

Por: Lucas Muoz
Recomendar leccin:
Me gusta 0 Tw ittear 0 0

CURSOS RELACIONADOS

Tutoriales dreamweaver Crear web desde cero Curso de html Curso de estilos css

En la leccin anterior, vimos cmo crear una estructura bsica en HTML5, ahora veremos cmo adicionar nuestra primera imagen a la pgina web que estamos creando.

Preparando el documento
Para adicionar una imagen, debemos tener en un archivo la imagen que vamos adicionar. Lo recomendable, es tener una carpeta con el nombre Image (o el nombre que deseemos darle a esta carpeta) en la misma localidad en donde tenemos el archivo HTML5, ya que ser mucho ms cmodo el ingreso de la imagen. Guardamos la imagen en la carpeta Image. Luego, vamos a agregar una nueva etiqueta a nuestro documento HTML5, al cual hemos llamado sitio.html. Abrimos el documento HTML5 y adicionamos la etiqueta aside. Dicha etiqueta la vamos a ingresar de la siguiente manera:

Crear una Pagina Web

Una vez que ingresemos la etiqueta aside, vamos a cargar la imagen en el documento

HTML, utilizando la etiqueta img, lo que nos permitir adicionar la imagen en la pgina web, como veremos a continuacin:

De esta manera, podemos adicionar una imagen en cualquier parte del sitio a crear, controlando el ancho y el largo que deseemos. Es importante, utilizar el parmetro alt, ya que los navegadores tienden a posicionar mejor nuestros sitios cuando adicionamos textos alternativos a nuestras imgenes. Al culminar todo el proceso, vamos a guardar los cambios en el documento, utilizando el atajo de teclado Ctrl+s (tecla control en simultneo con la tecla s), en el Dreamweaver y luego, podemos visualizar nuestra pgina HTML5 de ejemplo, que ahora tendr esta apariencia:

Ahora, ya sabemos adicionar imgenes en HTML5. En la siguiente leccin, veremos cmo darle formato al texto en nuestra pgina web. Te quedaron dudas de esta leccin? Unete a la Comunidad de Webmasters y haz tu pregunta, entre todos te ayudaremos.
Escribe el ttulo de tu pregunta aqu... Enviar pregunta

Preguntas de otros usuarios en la comunidad Cmo hago para aadir una imagen a mi pgina con HTML?

Sombras invertidas con CSS? como consigo un html con embed se oye solo en chrome y en ie, hay otro cdigo, bgsound no gracias

MMT GmbH
www.micromechatronic.de Lasersintern, Spritzguss,Vakuumguss Drucksensoren, Motorenventil

Imprimir

Enviar por email

Favoritos

T amao de fuente

CURSO: COMO CREAR UNA PAGINA WEB CON HTML5 Y DREAMWEAVER

LECCIONES RELACIONADAS
Tutorial dreamweaver Cmo poner el botn me gusta de facebook en tu pgina web Estructura bsica de una pgina html5 Insertando audio y video con html5 Cmo enlazar entre paginas internas del sitio web

Cursos de HTML5 y CSS3

EducacionIT.com.ar/Curso-de-HT Domina lo ltimo en desarrollo Web! Cursos de Diseo y Programacin

Politica de privacidad | Publicidad | Contacto | Mapa web