atualizei

LarissaMicheli · Oct 5, 2024 · 684ade7 · 684ade7
1 parent 0b27296
commit 684ade7
Show file tree

Hide file tree

Showing 5 changed files with 89 additions and 0 deletions.
diff --git a/exercicios/ex24/iframe004.html b/exercicios/ex24/iframe004.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>iframes</title>
+</head>
+<body>
+    <h1>Meu site principal</h1>
+    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Porro perspiciatis labore, harum velit eaque omnis aspernatur voluptate hic incidunt minima accusamus, reprehenderit alias! Quaerat ipsum eligendi enim iste tempore neque.</p>
+    <iframe src="pag004.html" sandbox="sandbox">
+        Seu navegador não e compativel com isso.
+    </iframe>
+    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque voluptatibus dolore labore tenetur nisi nulla delectus consequatur maxime! Magnam explicabo mollitia enim vel fugit, facere sapiente amet incidunt odit ut.</p>
+</body>
+</html>
diff --git a/exercicios/ex24/iframe005.html b/exercicios/ex24/iframe005.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        body{
+            background-color: aqua;
+        }
+    </style>
+</head>
+<body>
+    <h1>Minha Pg</h1>
+    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Totam earum dignissimos iure blanditiis necessitatibus doloribus reiciendis, accusamus praesentium consectetur animi perferendis similique hic accusantium sunt sint alias pariatur, fuga architecto.</p>
+    <iframe src="pag05.html" referrerpolicy="no-referrer" sandbox="allow-scripts" ></iframe>
+</body>
+</html>
diff --git a/exercicios/ex24/iframe006.html b/exercicios/ex24/iframe006.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Adicionando Conteudos</title>
+</head>
+<body>
+    <h1>Conteudos dentro do iframe</h1>
+    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit veniam aliquam obcaecati odio, quia saepe neque quo vel aliquid fuga tempora, voluptas, provident est et non aut possimus vitae eligendi.</p>
+    <h2>Videos</h2>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/QrRSArGHEq4?si=w-9BT5I1jkmwhB-K" 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>
+    <h2>Mapas do Google</h2>
+    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d468359.1895077331!2d-47.131702267187485!3d-23.4944863!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cf03c20ecb7937%3A0x315846dde9e78c35!2sHostnet%20-%20Cria%C3%A7%C3%A3o%20de%20Sites%2C%20Emails%2C%20Hospedagem!5e0!3m2!1spt-BR!2sbr!4v1728140846450!5m2!1spt-BR!2sbr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+    <h2>Mapas do Waze</h2>
+    <iframe src="https://embed.waze.com/iframe?zoom=15&lat=-22.896240&lon=-43.186226&ct=livemap" width="600" height="450" allowfullscreen></iframe>
+
+
+</body>
+</html>
diff --git a/exercicios/ex24/pag004.html b/exercicios/ex24/pag004.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Formulario</title>
+</head>
+<body>
+    <h1>Cadastra-se aqui</h1>
+    <form action="cadastro.php" method="get"></form>
+    <p>
+        Nome:
+        <input type="text" name="nome" id="nome">
+        <input type="submit" value="Cadastrar">
+    </p>
+</body>
+</html>
diff --git a/exercicios/ex24/pag05.html b/exercicios/ex24/pag05.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>JavaScript</title>
+</head>
+<body>
+    <a href="#" onclick="clicou()">Clique em mim</a>
+    <div id="saida"></div>
+    <script>
+        function clicou(){
+           s = window.document.getElementById('saida') 
+           s.innerHTML += '<p>Você clicou </p>'
+        }
+    </script>
+</body>
+</html>