-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
232 lines (224 loc) · 8.78 KB
/
index2.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML 2</title>
</head>
<body>
<header>
<nav>
<a href="http://www.google.com" target="_blank">Google</a>
<a href="/indexCSS.html">CSS</a>
<a href="/index1.html">Clase 1</a>
<a href="/index2.html">Clase 2</a>
<a href="/contacto.html">Contacto</a>
<a href="/index3.html">Clase 3</a>
<a href="/index4.html">Clase 4</a>
<a href="/index.html">Inicio</a>
</nav>
<br><br>
<nav id="segunda manera de anclarlo">
<a href="/txt/Clase02.HTML.pdf" download="">descargar pdf de la clase</a><br>
<a href="http://www.google.com" target="_blank">Google</a>
<!--target="_blank" es que se abra en una nueva pestaña-->
<!-- superlink/hipervinculo-->
<a href="/indexHTML.html">Home</a>
<a href="/contacto.html">Contactos</a>
<a href="#prueba">Prueba</a>
<!--enlace tipo ancla-->
</nav>
<!--en nav guardo todos los enlaces de mi sitio, lo pongo en el head para que quede bien organizado-->
<h1>Home</h1>
</header>
<main>
<img width="200"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAA1BMVEWGAI8/xcRZAAAASElEQVR4nO3BgQAAAADDoPlTX+AIVQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwDcaiAAFXD1ujAAAAAElFTkSuQmCC"
alt="color purpura">
<!--esta imagen esta en una direccion absoluta, una url absoluta-->
<!--<img width="800" src="C:\Users\GM-SKYWARP\Desktop\Programacion\codoAcodo22\clase2HTML\imagenes/naranja.png" alt="color naranja">
NO ME FUNCA PERO NO SE HACE ASI, NO SE USA ESTO. esta tambien es direccion absoluta pero a mi disco, mi compu-->
<img width="200" src="img/naranja.png" alt="">
<!-- esto es una direccion relativa, es la manera correcta de poner una img-->
<br>
<a href="/txt/texto.txt" target="_blank">ver el texto</a>
<!--para ver texto en otra pestaña, pongo la etiqueta de arriba y creo o pongo en la carpeta un archivo de texto-->
<br>
<a href="/txt/texto.txt" download>descargar texto</a>
<!--para descargar texto, pongo la etiqueta de arriba y creo o pongo en la carpeta un archivo de texto-->
<br>
<a href="/txt/Clase02.HTML.pdf" target="_blank">abrir pdf</a>
<!--para abrir un archivo pdf, pongo la etiqueta de arriba y creo o pongo en la carpeta un pdf-->
<br>
<a href="/txt/planilla.xlsx" target="_blank">descargar planilla de excel</a>
<!--para abrir un archivo pdf, pongo la etiqueta de arriba y creo o pongo en la carpeta un archivo de excel-->
<br><br><br>
<a href="#Vete de aqui, Miranda">Vete de aqui, Miranda</a> <br>
<a href="#Tu guru, Miranda">Tu guru, Miranda</a>
<h3 id="Vete de aqui, Miranda">Vete de aqui, Miranda</h3>
<p>Vete de aqui<br>
Que ya no aguanto el dolor<br>
De ver tu cara con media sonrisa<br>
¡Qué odio me da tu expresión!<br>
Vete de aquí<br>
Fuiste tan bestia al hablar<br>
Qué poco tacto has tenido<br>
Sabiendo que no te he dejado de amar<br>
Vete de aquí<br>
Si te vas yo creo que sería mejor<br>
Que la despedida sea rápida y definitiva<br>
Ya viví ensayos de separación<br>
Esta vez estoy dispuesto a todo<br>
Para acabar con vos<br>
Vete de aquí<br>
Creo que me hago entender<br>
¡Qué cara tienes!, venir a decirme<br>
Lo que ahora yo tengo que hacer<br>
Lo que yo haré<br>
Me lo sugieras o no<br>
Es obligarme del todo a olvidarte<br>
Limpiar de mi cuerpo tu olor<br>
Vete de aquí<br>
Si te vas yo creo que sería mejor<br>
Que la despedida sea rápida y definitiva<br>
Ya viví ensayos de separación<br>
Esta vez estoy dispuesto a todo<br>
Para acabar con vos<br>
Sería mucho mejor<br>
(Que la despedida sea rápida y definitiva)<br>
(Ya viví ensayos de separación)<br>
Ensayos de dolor<br>
(Esta vez estoy dispuesto a todo)<br>
(Para acabar con vos)</p>
<h3 id="Tu guru, Miranda">Tu guru, Miranda</h3>
<p>Siento que estoy dependiendo de este sonido<br>
Soy atraído y envuelto en un espiral<br>
En el que giran todas cosas conocidas<br>
Y nadie sabe hasta donde podrá llegar<br>
En este viaje deseado y vertiginoso<br>
Una palabra que no me animo a decir<br>
Algo me guía y hace mi filosofía<br>
Y al menos queda un motivo para reír<br>
Hay algo de mí que me conseguí<br>
Olvidándome, despejándome<br>
No puedo vivir sin la música<br>
No podría enfrentar el dolor<br>
Míralo, mi Gurú<br>
Me contiene como tú<br>
Amaló, óyele<br>
Es genial, acércate<br>
Ya verás<br>
No vas a querer irte nunca más de aquí<br>
Este amor es así, se puede compartir<br>
Con cualquiera que pase a tu lado<br>
Yo te lo cuento porque estoy emocionado y la pasión<br>
A mi siempre me da resultado<br>
Siento que estoy dependiendo de este sonido<br>
Soy atraído y envuelto en un espiral<br>
En el que giran todas cosas conocidas<br>
Y nadie sabe hasta donde podrá llegar<br>
Míralo, mi Gurú<br>
Me contiene como tú<br>
Amaló, óyele<br>
Es genial, acércate<br>
Ya verás<br>
No vas a querer irte<br>
Nunca más de aquí<br>
Este amor es así se puede compartir<br>
Con cualquiera que pase a tu lado<br>
Yo te lo cuento porque estoy emocionado y la pasión<br>
A mi siempre me da resultado<br>
Hay algo de mí, que me conseguí<br>
Olvidándome, despejándome<br>
No puedo vivir sin la música<br>
No podría enfrentar el dolor<br>
Míralo, mi gurú<br>
Me contiene como tú<br>
Amaló, óyele<br>
Es genial, acércate<br>
Ya verás<br>
No vas a querer irte<br>
Nunca mas de aquí<br>
Míralo, Mi Gurú<br>
Me contiene como tú<br>
Amaló, óyele<br>
Es genial, acércate<br>
Debe ser que encontré el sonido que busqué<br>
O tal vez yo no sé si busque lo que encontré<br>
Pero a mi me da igual no voy a profundizar<br>
Cuando estamos así podemos iluminar<br>
Y la luz que me das la reflejo y algo mas<br>
Brilla más que la que se refleja cuando tú no estas<br>
Mucha más luz<br>
Mucha más luz<br>
Que la que se refleja cuando tú no estas<br>
Mucha más luz<br>
Mucha más luz<br>
Que la que se refleja cuando tú no estas</p>
</main>
<br>
<p id="prueba">prueba</p>
<a href="/index2.html">volver</a><br>
<!--O SINO ESTO TAMBIEN PARA ANCLARLO SIN USAR UNA ETIQUETA DE BAJA, SOLO SUBE PERO NO BAJA PQ NO PUSE NINGUNA ETIQUETA PARA ESO, SUBE AL NAV?-->
<a href="#segunda manera de anclarlo">segunda manera de anclarlo?</a>
<!--enlace tipo ancla-->
<h1>listas</h1>
<h2>desordenada, con viñeta redondita</h2>
<ul>
<li type="circle">
<!--c/u de los elementos de la lista-->
tercero en la lista
</li>
<li type="square">primero en la lista</li>
<li type="disc">segundo en la lista</li>
</ul>
<h2>ordenada, numera la lista</h2>
<ol>
<li>bla bla</li>
<li type="A">bla bla</li>
<li type="I">bla bla</li>
<li>bla bla</li>
<li type="square">bla bla</li>
<li type="circle">bla bla</li>
<li type="disc">bla bla</li>
<li>bla bla</li>
</ol>
<h2>listas dependientes o anidadas</h2>
<ul>lista desordenada anidada
<li>a</li>
<li>ver</li>
<li>que</li>
<ul>
<li>onda</li>
<li>con</li>
</ul>
<li>todo</li>
<li>esto</li>
</ul>
<ol>lista desordenada anidada
<li>a</li>
<li>ver</li>
<li>que</li>
<ol>
<li>onda</li>
<li>con</li>
</ol>
<li>todo</li>
<li>esto</li>
</ol>
<h2>listas de definicion</h2>
<p>numeros</p>
<dl>
<dt>uno</dt>
<dd>uno y medio</dd>
<dd>uno y tres cuartos</dd>
<dl>dos</dl>
<dl>tres</dl>
<dd>tres y un cuarto</dd>
<dt>cuatro</dt>
</dl>
<footer>
</footer>
</body>
</html>