Documente Academic
Documente Profesional
Documente Cultură
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
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:
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
Favoritos
T amao de fuente
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