vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

10
Página web en html5 Para realizar una página web, utilizando los tags principales de html5. Lo primero que hacemos es abrir notepad++ y empezamos tecleando <! DOCTYPE HTML> para empezar nuestra pagina web.

Upload: juliogallardomorales

Post on 21-Jul-2015

203 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

Página web en html5 Para realizar una página web, utilizando los tags

principales de html5. Lo primero que hacemos es abrir

notepad++ y empezamos tecleando <! DOCTYPE HTML>

para empezar nuestra pagina web.

Page 2: Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

luego si ya podemos utilizar los tags necesarios como los

siguentes:

<HTML> Inicio del documento

<HEAD>Inicio de la cabecera

<TITLE> Inicio del título del título de la página

</TITLE> Final del título

</HEAD> Final de la cabecera

<BODY> Inicio de la página

.... Comandos HTML para ubicar los elementos

.... De la página como texto, imágenes, tablas, etc.

</BODY> Final de página

</HTML> Final del documento

De tal forma vamos

Esta forma vamos organizando nuestra página web, de

tal forma que nos quede de la siguiente manera

Page 3: Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

luego que este terminada, la podemos guardar en

datos/c/wamp/www/paginaweb y para poder

observarla le colocamos en ejecutar y seleccionamos un

navegador cualquiera.

Page 4: Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

Y al ejecutarla por medio de un navegador cualquiera y

con wampserver nos que de esta manera

Page 5: Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

Bueno para poder luego colocar una imagen damos clic

en file donde me muestra una fila de artos archivos por

lo cual escojemos open para actualizar la imagen

Page 6: Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

Como miramos aquí al darle clic en open me aparece el

cuadro de herramientas donde escogimos cual quiere

imagen con lo que allá guardado

Page 7: Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

De esta manera le damos a la imagen copiar para

poder pegarla en la pajinawueb

Y como miramos esta imagen aquí detal manera que

copiamos la imagen y luego damos ok la imagen que

da de esta manera

Page 8: Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

Y miren que la imagen luego de a verla copiado pasa

al segundo tiempo donde mostramos la paginawueb de

esta manera

Y como todo es cuestión de en entender pues yo copie

una imagen más de esta forma = que la imagen nos

queda de esta manera ok bueno estado Hera todo

gracias me demore un poquito pero en tendí

Page 9: Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

Y la imagen que da así como la miramos aquí de esta

manera

Page 10: Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv