Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad


Doctype de html y programacion, Resúmenes de Artes

Doctype de html y programacion

Tipo: Resúmenes

2013/2014

Subido el 28/04/2026

andy-huallpa-quispe
andy-huallpa-quispe 🇵🇪

4 documentos

1 / 5

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-
scale=1.0">
  <title>Infinity1</title>
  <link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.cs
s" rel="stylesheet" integrity="sha384-
QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALE
wIH" crossorigin="anonymous">
  <link rel="stylesheet" href="css/trabajo.css">
</head>
<body>
  <div id="contenedorr1">
    <form action="" id="formulario1">
    </form>
  </div>
  <div id="contenedorr2">
    <form action="" id="formulario2">
    </form>
  </div>
  <script>
   
const
contenedor1 = document.getElementById("formulario1");
   
const
contenedor2 = document.getElementById("formulario2");
   
const
welcome = document.createElement("label");
   
const
infinity1 = document.createElement("h3");
   
const
infinity2 = document.createElement("h3");
   
const
parrafo1 = document.createElement("p");
   
const
parrafo2 = document.createElement("p");
   
const
parrafo3 = document.createElement("p");
pf3
pf4
pf5

Vista previa parcial del texto

¡Descarga Doctype de html y programacion y más Resúmenes en PDF de Artes solo en Docsity!

Infinity1

const parrafo4 = document.createElement("p");

const parrafo5 = document.createElement("p");

const linea = document.createElement("hr")

const salto1 = document.createElement("br")

const salto2 = document.createElement("br")

const salto3 = document.createElement("br")

const salto4 = document.createElement("br")

const salto5 = document.createElement("br")

const salto6 = document.createElement("br")

const div = document.createElement("div")

const barra1 = document.createElement("input");

const barra2 = document.createElement("input");

const boton = document.createElement("button");

contenedor1.className = "contenedor1"; contenedor2.className = "contenedor2 padding-top-150"; boton.className = "btn" barra1.type = "text"; barra2.type = "password" barra1.placeholder = "Username" barra2.placeholder = "Password" div.className = "contenedor3" welcome.textContent = "WELCOME TO"; infinity1.textContent = "INFINITY"; infinity2.textContent = "INFINITY";

body{ background-color: #9300b1; font-family: Arial, Helvetica, sans-serif; font-size: small; display: flex; } .contenedor1{ background-color: #ffffff; width: 350px; height: 500px; text-align: center; padding-top: 70px; padding-left: 20px; padding-right: 20px; border-radius: 20px 0 0 20px; margin-left: 30px; margin-top: 30px; } .btn{ background-color: #ff4545; color: #ffffff; border-radius: 70px; width: 250px; } .contenedor2{ background-color: #e71ad636;

background-image: url(../images/imagen1.jpg); color: #ffffff; width: 350px; height: 500px; margin-top: 30px; border-radius: 0 20px 20px 0; background-size: cover; } input{ border-radius: 70px; width: 250px; height: 35px; margin-bottom: 5px; border-color: #0000001a; } .contenedor3{ background-color: #b1474744; width: 350px; height: 500px; border-radius: 0 20px 20px 0; }