Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 4

1 Parcial Programación Web

Sergio Andrés Ardila Gonzalez


Marzo 2021

Corporación Universitaria de Ciencia y Desarrollo


(UNICIENCIA)
Ingeniería de Sistemas
Programacion Web
1. Mencione dos formas para incluir código css en una página HTML.

Rta:
1. Definir CSS en un archivo externo
2. Creando códigos en los escritos o haciéndolo en los archivos externos y los
vinculo a la página para que la pagina sepa que existen esas funciones
3. Incluir CSS en los elementos HTML

2. Comparto mi calculadora.

<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Compiled and minified CSS -->
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.cs
s">
<!-- Compiled and minified JavaScript -->
<style>
body::before {
background-image: url('404-3.jpg');
background-size: cover;
background-attachment: fixed;
content: '';
will-change: transform;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
top: 0;
position: fixed;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col s3"></div>
<div class="col s6">
<div class="card-panel">
<div class="row">
<div class="col s12" style="text-align: right">
<h1 id="total" >0</h1>
<label id="total2">0</label>
</div>
</div>
<div class="row">
<div class="col s3">
<a class="waves-effect waves-teal btn-flat"
onclick="btn7()">7</a>
</div>
<div class="col s3">
<a class="waves-effect waves-teal btn-flat">8</a>
</div>
<div class="col s3">
<a class="waves-effect waves-teal btn-flat">9</a>
</div>
<div class="col s3">
<a class="waves-effect waves-teal btn-flat">X</a>
</div>
</div>
<div class="row">
<div class="col s3">
<a class="waves-effect waves-teal btn-flat">4</a>
</div>
<div class="col s3">
<a class="waves-effect waves-teal btn-flat">5</a>
</div>
<div class="col s3">
<a class="waves-effect waves-teal btn-flat">6</a>
</div>
<div class="col s3">
<a class="waves-effect waves-teal btn-flat">-</a>
</div>
</div>
<div class="row">
<div class="col s3">
<a class="waves-effect waves-teal btn-flat">1</a>
</div>
<div class="col s3">
<a class="waves-effect waves-teal btn-flat">2</a>
</div>
<div class="col s3">
<a class="waves-effect waves-teal btn-flat">3</a>
</div>
<div class="col s3">
<a class="waves-effect waves-teal btn-flat">+</a>
</div>
</div>
<div class="row">
<div class="col s4">
<a class="waves-effect waves-teal btn-flat">C</a>
</div>
<div class="col s4">
<a class="waves-effect waves-teal btn-flat">CE</a>
</div>
<div class="col s4">
<a class="waves-effect waves-teal btn-flat">=</a>
</div>
</div>
</div>
</div>
<div class="col s3"></div>
</div>
</div>
</body>
</html>

3. Rta:
Al ejecutar este código calculara los números primos de 2

4. Rta:
function calcular () {
var y = 0;
for (i = 0; i <= 100; i++){
y += i*i+3*i;
}
return y;
}

5. Rta:

function escalas () {
var n = 8;
for (var i = 0; i <= 9; i++) {
n += n * i;
console.log(n);
}
}

You might also like