-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathUso-de-fotos.html
29 lines (25 loc) · 1.79 KB
/
Uso-de-fotos.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>Uso-de-imagenes</title>
<link rel="stylesheet" href="css/style.css">
</head>
<div class="center">
<body class="fondo">
<p>Aprendi que puedes poner imagenes de internet dentro de tu pagina web aqui el ejemplo: el comando
alt se utiliza para que en dado caso no este disponible la foto. Se ponga ese texto</p>
<img src="https://stickershop.line-scdn.net/stickershop/v1/product/29073/LINEStorePC/main.png?v=1" alt="El purin mamado">
<p> Y como se vio en la pagina inicial, tambien se pueden poner fotos desde tu computador</p>
<img height="200" width="250" src="Yo.jpeg" alt="Una foto del creador de la pagina">
<p> Pero como se ve, la imagen es muy grande, entonces la podemos achicar dandole un valor de heigth y width (los valores originales eran 1200 y 1600)</p>
<p> Tambien puedes poner el link en las images, como esta que te lleva a la home page</p>
<a href="index.html">
<img width="200" src="https://cdn.icon-icons.com/icons2/2249/PNG/512/home_circle_outline_icon_139029.png" alt="imagen de icono de casa"> </a>
<p> Y asi como se puede con las fotos de tu computadora o del internet, tambien se puede con videos</p>
<video src="VideoPrueba.mp4" poster="Yo.jpeg" controls width="250" ></video>
<p> ahora para un video de youtube, solo tieenes que pegar el iframe que ponen en compartir</p>
<iframe width="250" src="https://www.youtube.com/embed/NZzXzymUgEg?si=XW2SOdlPVDZqmvJu&start=26" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</body>
</div>
</html>