Marcelo Molina Control 2

m
er as
co
eH w
o.
Control 2
rs e
ou urc
Marcelo Molina Segovia
Programación HTML 2
o
aC s
Instituto IACC
vi y re
07 de septiembre del 2020

ed d
ar stu
is
Th
sh
This study source was downloaded by 100000795575736 from CourseHero.com on 08-31-2021 21:33:33 GMT -05:00
https://www.coursehero.com/file/76147409/Marcelo-Molina-Control-2docx/
DESARROLLO DE LA TAREA
1. Obtenga una fila con cuatro columnas de anchos iguales para ser mostrada en
Tablet y escalando a formatos de mayor tamaño (3puntos).
2. Realice una tabla responsive que contenga un scroll horizontal (3 puntos).
3. Diseñe un cuadro de dialogo que contenga un título y tres botones, usted debe
colocarle la palabra de su preferencia (3 puntos).
m
er as
co
eH w
o.
rs e
ou urc
o
Desarrollo:
aC s
vi y re
Código html:
<!doctype html>
ed d
<html lang="en">
ar stu
<hear>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
is
Th
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/boot

strap/4.4.1/css/bootstrap.min.css" integrity="sha384-
Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crosso
rigin="anonymous">
sh
<link rel="stylesheet" media="all" href="general.css">
<title>Tarea_semana_1</title>
</hear>
<body>
<h1> semana 2</h1>

<br>
<div class="row">
<div class="col-sm-3 col-md-6">columna 1</div>

</div>
<br>
<div class="container">
<div class="row data-table">
m
<table class="table">
er as
<thead>
co
<tr>
eH w
<th>#</th>
o.
<th>Nombres</th>
rs e
<th>Apellidos</th>
ou urc
<th>Nombres de usuario</th>
<th>Edades</th>
<th>Parentescos</th>
o
<th>Rut</th>
aC s
</tr>
vi y re
</thead>
<tbody>
<tr>
<td>1</td>
ed d
<td>Marcelo</td>
ar stu
<td>Molina</td>
<td>@marcelo</td>
<td>28</td>
is
<td>Papa</td>
<td>XXXXXXX</td>
Th
</tr>
<tr>
<td>2</td>
sh
<td>Nicole</td>
<td>Gajardo</td>
<td>@nicole</td>
<td>30</td>
<td>Mama</td>
<td>XXXXXXX</td>
</tr>
<tr>
<td>3</td>
<td>Jorge</td>
<td>Molina</td>
<td>@jorge</td>
<td>11</td>
<td>Hijo</td>
<td>XXXXXXX</td>
</tr>
<tr>
<td>4</td>
<td>Jesus</td>
<td>Molina</td>
<td>@jesus</td>
m
<td>10</td>
er as
<td>Hijo</td>
co
<td>XXXXXXX</td>
eH w
</tr>
o.
<tr>
rs e
<td>5</td>
ou urc
<td>Leonor</td>
<td>Molina</td>
<td>@leonor</td>
o
<td>0</td>
aC s
<td>Hija</td>
vi y re
<td>XXXXXXX</td>
</tr>
</tbody>
</table>
ed d
</div>
ar stu
</div>
<br>
is
Th
<div class="modal-dialog" role="document">

<div class="modal-content">
<div class="modal-header">
sh
<h5 class="modal-title">Mi Familia</h5>

<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button> </div>
<div class="modal-footer">
<button type="button" class="btn btn-
primary">Amarlos</button>
secondary">Protegerlos</button>
tertiary">Disfrutarlos</button>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integ

rity="sha384-
J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crosso
rigin="anonymous"></script>
m
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/
er as
popper.min.js" integrity="sha384-
co
Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crosso
eH w
o.
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/b
rs e
ootstrap.min.js" integrity="sha384-
ou urc
wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crosso
o
</body>
aC s
vi y re
</html>
ed d
Código css:
ar stu
body {
background: white;
is
margin: 0;
padding: 20px 20px 20px 20px;
Th
font-family: 'Times New Roman';

font-weight: 800;
}
sh
h1 {
background-color: rgb(110, 110, 185);
padding: 20px 20px;
text-align: center;
border: groove 1em rgb(8, 211, 69);
border-radius: 2em;
}
.container {
overflow-x: scroll;
background-color: rgb(168, 48, 48);
}
m
er as
co
eH w
o.
rs e
ou urc
o
aC s
vi y re
ed d
ar stu
is
Th
sh
m
er as
co
eH w
o.
rs e
ou urc
o
aC s
vi y re
ed d
ar stu
is
Th
sh
Bibliografía:
Contenido semana 2.
Recursos complementario semana 2.
m
er as
co
eH w
o.
rs e
ou urc
o
aC s
vi y re
ed d
ar stu
is
Th
sh
Powered by TCPDF (www.tcpdf.org)

Marcelo Molina Control 2

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Marcelo Molina Control 2

Uploaded by

Copyright:

Available Formats

m

07 de septiembre del 2020

2. Realice una tabla responsive que contenga un scroll horizontal (3 puntos).

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/boot

<link rel="stylesheet" media="all" href="general.css">

<h1> semana 2</h1>

<div class="col-sm-3 col-md-6">columna 1</div>

<div class="modal-dialog" role="document">

<h5 class="modal-title">Mi Familia</h5>

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integ

font-family: 'Times New Roman';

Recursos complementario semana 2.

You might also like