-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path3)AEscribe el codigo desde 0.html
133 lines (124 loc) · 6.03 KB
/
3)AEscribe el codigo desde 0.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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mi OVI HTML5</title>
<link rel="stylesheet" href="CSS/estilos.css">
</head>
<body>
<header class="header">
<div class="contenedor">
<img class="logo" src="IMG/logo1.png" alt="">
<nav class="navigation">
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="Lecturas.html">Lecturas</a>
<ul class="submenu">
<li><a href="1)Introdución a html5.html">1)Introducción a HTML5</a></li>
<li><a href="2)Estructura básica de HTML5.html">2)Estructura básica de HTML5</a></li>
<li><a href="3)Dif,Venta y posib desar web con html5.html">3)Diferencias,ventajas y posibilidades </a></li>
<li><a href="4)importancia del css y su configuración en un documento HTML.html">4)importancia del css </a></li>
<li><a href="5)introducción a Css3.html">5)introducción a Css3 </a></li>
</ul>
</li>
<li><a href="Multimedia.html">Multimedia</a>
<ul class="submenu">
<li><a href="Multimedia1.html">1)Aprende HTML5</a></li>
<li><a href="Multimedia2.html">2)Aprende CSS3</a></li>
</ul>
</li>
<li><a href="1)AEtiquetas.html">Actividades</a>
<ul class="subitems">
<li><a href="1)AEtiquetas.html"> 1)Etiquetas</a></li>
<li><a href="2)ALineas de codigo.html">2)Manejo de conceptos y orden</a></li>
<li><a href="3)AEscribe el codigo desde 0.html">3)Escribe el codigo desde 0</a></li>
</ul>
</li>
<li><a href="Autores.html">Autores</a></li>
</ul>
</nav>
</div>
</header>
<!--CONTENIDO-->
<br>
<main class="main">
<div class="contenedor2">
<h1 class="Atitulo">CREACION DE CODIGO DESDE CERO</h1>
<section class="principal">
<section class="secundaria">
<article>
<p> En esta actividad crearemos el codigo desde cero, <BR>haciendo que la pagina quede igual a la que se muestra en la imagen, <BR> en el cuadro de texto se escribira el codigo en orden y <BR> se comprabara que quede muy similar a la estructura de el ejemplo, <br> IMPORTANTE se aclara que la idea es hacerlo con autoria propia y luego verificarlo.
<p>
<!-- ACTIVIDADES-->
<div class="">
<textarea class="text" name="comentarios" rows="10" cols="40">¡Empieza a escribir aqui tu codigo!...Ejemplo <!DOCTYPE html> ...</textarea>
<img class="imagen1" src="IMG/Ejemplo.JPG" >
<input class="boton" type="button" value="EJEMPLO" OnClick="location.href='EJEMPLO1PISTAS.html'">
</div>
<hr class="hr1">
<div class="">
<textarea class="text" name="comentarios" rows="10" cols="40">¡Empieza a escribir aqui tu codigo!...Ejemplo <!DOCTYPE html> ...</textarea>
<img class="imagen1" src="IMG/Ejemplo2.png" >
<input class="boton" type="button" value="EJEMPLO" OnClick="location.href='EJEMPLO2PISTAS.html'">
</div>
<article>
</section>
<aside>
<h5>Ultimas Noticias</h5>
<a class="twitter-timeline" href="https://twitter.com/UniversidadUNAD?ref_src=twsrc%5Etfw">Tweets by UniversidadUNAD</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</aside>
</section>
</div>
</main>
<!--PIE DE PAGINA-->
<hr></hr>
<footer class="footer">
<div class="container-footer-all">
<div class="container-PDP">
<div class="col-md-1">
<img class="logo" src="IMG/logo2.jpg" alt="">
</div>
<div class="col-md-2">
<h4>Contactenos</h4>
<div class="row1">
<label>Sede nacional José Celestino Mutis: Calle 14 sur No. 14 - 23</label>
</div>
<div class="row1">
<label>PBX: ( +57 1 ) 344 3700 Bogotá D.C., Colombia</label>
</div>
<div class="row1">
<label>Línea nacional gratuita desde Colombia: 018000115223</label>
</div>
<div class="row1">
<label>Atención al usuario: [email protected]</label>
</div>
</div>
<div class="col-md-3">
<h5>Redes Sociales</h5>
<a href="https://www.facebook.com/UniversidadUNAD"><div class="row">
<img src="IMG/f.png">
<label>Siguenos en Facebook</label>
</div></a>
<a href="https://twitter.com/UniversidadUNAD"><div class="row">
<img src="IMG/t.png">
<label>Siguenos en Twitter</label>
</div></a>
<a href="https://www.youtube.com/user/universidadunad"><div class="row">
<img src="IMG/y.png">
<label>Siguenos en Youtube</label>
</div></a>
<a href="https://www.instagram.com/universidadunad/"><div class="row">
<img src="IMG/i.png">
<label>Siguenos en Instagram</label>
</div></a>
</div>
</div>
<div class="container-footer">
<div class="copy">
2019 © UNAD (Universidad Nacional abierta y a distancia). Todos los Derechos Reservados.<br>
</div>
</div>
</div>
</footer>
</body>
</html>