Pajinas web html 5 para suvi hoy
-
Upload
juliogallardomorales -
Category
Documents
-
view
44 -
download
0
Transcript of Pajinas web html 5 para suvi hoy
![Page 1: Pajinas web html 5 para suvi hoy](https://reader036.fdocuments.ec/reader036/viewer/2022081811/55a474471a28abe9108b4571/html5/thumbnails/1.jpg)
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: Pajinas web html 5 para suvi hoy](https://reader036.fdocuments.ec/reader036/viewer/2022081811/55a474471a28abe9108b4571/html5/thumbnails/2.jpg)
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: Pajinas web html 5 para suvi hoy](https://reader036.fdocuments.ec/reader036/viewer/2022081811/55a474471a28abe9108b4571/html5/thumbnails/3.jpg)
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: Pajinas web html 5 para suvi hoy](https://reader036.fdocuments.ec/reader036/viewer/2022081811/55a474471a28abe9108b4571/html5/thumbnails/4.jpg)
Y al ejecutarla por medio de un navegador cualquiera y
con wampserver nos que de esta manera
![Page 5: Pajinas web html 5 para suvi hoy](https://reader036.fdocuments.ec/reader036/viewer/2022081811/55a474471a28abe9108b4571/html5/thumbnails/5.jpg)
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: Pajinas web html 5 para suvi hoy](https://reader036.fdocuments.ec/reader036/viewer/2022081811/55a474471a28abe9108b4571/html5/thumbnails/6.jpg)
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: Pajinas web html 5 para suvi hoy](https://reader036.fdocuments.ec/reader036/viewer/2022081811/55a474471a28abe9108b4571/html5/thumbnails/7.jpg)
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: Pajinas web html 5 para suvi hoy](https://reader036.fdocuments.ec/reader036/viewer/2022081811/55a474471a28abe9108b4571/html5/thumbnails/8.jpg)
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: Pajinas web html 5 para suvi hoy](https://reader036.fdocuments.ec/reader036/viewer/2022081811/55a474471a28abe9108b4571/html5/thumbnails/9.jpg)
Y la imagen que da así como la miramos aquí de esta
manera
![Page 10: Pajinas web html 5 para suvi hoy](https://reader036.fdocuments.ec/reader036/viewer/2022081811/55a474471a28abe9108b4571/html5/thumbnails/10.jpg)