1
00:00:01,459 --> 00:00:07,080
Vamos a continuar con nuestro pequeño tutoría sobre HTML.

2
00:00:09,320 --> 00:00:13,880
Estuvimos viendo en el vídeo anterior los enlaces, los hiperenlaces.

3
00:00:14,160 --> 00:00:17,000
Bueno, nos quedó un par de cosas por contar de los hiperenlaces.

4
00:00:18,500 --> 00:00:20,660
Bueno, vamos a volver a nuestro pequeño proyecto.

5
00:00:22,219 --> 00:00:25,420
Aquí tengo nuestras páginas, ¿de acuerdo?

6
00:00:25,500 --> 00:00:28,739
Y voy a crear una nueva página, por ejemplo, aquí dentro.

7
00:00:28,739 --> 00:00:30,359
¿De acuerdo?

8
00:00:31,460 --> 00:00:43,920
crear nueva, archivo de texto, página 4, y acordaos que tenemos que quitar la extensión txt y ponerle la extensión html.

9
00:00:44,280 --> 00:00:51,439
La editamos, yo estoy usando Kate, pero podéis usar el editor que más os apetezca, y voy a crear una página web.

10
00:00:52,240 --> 00:01:00,399
Bueno, creo mi página web, aquí la tengo, la pongo a veces de la cuenta.

11
00:01:00,399 --> 00:01:15,920
He creado mi página web. Vamos a ponerla en grande que se vea. El título va a ser página 4. Bueno, de momento esto todavía no lo hemos visto.

12
00:01:16,640 --> 00:01:27,920
Bueno, vamos a llamar la página de contenido. Vamos a suponer que tengamos una página muy grande. A veces cuando tenemos una página muy grande nos interesa tener enlaces dentro de la misma página.

13
00:01:27,920 --> 00:01:34,459
O sea, podemos poner arriba un índice y luego que salte a las distintas partes de la página.

14
00:01:34,680 --> 00:01:40,980
Por ejemplo, si tengo aquí un p, ¿de acuerdo?

15
00:01:41,480 --> 00:01:54,879
Si tengo aquí un párrafo, aquí en el párrafo meto un enlace, ahref igual barra a,

16
00:01:54,879 --> 00:02:01,459
y aquí voy a poner enlace al final de la página, por ejemplo.

17
00:02:01,459 --> 00:02:07,540
que suele ser habitual, enlace al final de la página

18
00:02:07,540 --> 00:02:11,300
bueno, pues lo que tendré que poner al final de la página

19
00:02:11,300 --> 00:02:14,180
es otro tag

20
00:02:14,180 --> 00:02:16,180
otra etiqueta

21
00:02:16,180 --> 00:02:20,939
a de enlace

22
00:02:20,939 --> 00:02:22,979
y en lugar de cherez voy a poner name

23
00:02:22,979 --> 00:02:25,180
y aquí voy a poner un nombre

24
00:02:25,180 --> 00:02:28,500
voy a llamarlo por ejemplo final

25
00:02:28,500 --> 00:02:31,919
y aquí voy a poner almohadilla final

26
00:02:31,919 --> 00:02:34,599
con lo cual estoy diciendo que salte esta almohadilla

27
00:02:34,599 --> 00:02:37,860
esta almohadilla significa que salte

28
00:02:37,860 --> 00:02:39,939
al nombre que le he indicado aquí

29
00:02:39,939 --> 00:02:42,539
y ese nombre

30
00:02:42,539 --> 00:02:45,840
está indicado por este atributo name

31
00:02:45,840 --> 00:02:48,360
o sea, cuando yo le dé aquí a este enlace

32
00:02:48,360 --> 00:02:51,620
va a saltar a la posición de esto de aquí

33
00:02:51,620 --> 00:02:53,780
claro, esto

34
00:02:53,780 --> 00:02:57,919
si lo pongo así, tal cual no va a tener ningún efecto

35
00:02:57,919 --> 00:03:04,069
si lo abro, vais a ver

36
00:03:04,069 --> 00:03:05,490
bueno, como ya estoy

37
00:03:05,490 --> 00:03:23,250
Porque como aquí está la página y el final va a estar aquí, pues no tiene ningún efecto. Entonces lo que voy a hacer es meterle un poquito más de texto. Voy a meterle un poquito más de texto. A ver, ¿dónde está? Aquí. Vamos a meterle un poquito más de texto.

38
00:03:23,250 --> 00:03:39,129
Vamos a meterle un Loren Ixun. El Loren Ixun es un texto que no significa nada. Lo vais a ver en muchos editores. Lo usaban los antiguos impresores, los que imprimían libros, para hacer pruebas de texto.

39
00:03:39,129 --> 00:03:41,169
entonces se ha quedado la tontería de que

40
00:03:41,169 --> 00:03:43,009
actualmente seguimos usando el Oren Ixun

41
00:03:43,009 --> 00:03:45,270
pues muchos editores ya tienen

42
00:03:45,270 --> 00:03:47,110
preparado el Oren Ixun

43
00:03:47,110 --> 00:03:48,110
que es este texto aquí

44
00:03:48,110 --> 00:03:51,110
al azar, que le dice tonterías

45
00:03:51,110 --> 00:03:52,909
básicamente, para que

46
00:03:52,909 --> 00:03:55,430
practiquemos, bueno, le meto aquí el Oren Ixun

47
00:03:55,430 --> 00:03:57,289
guardo

48
00:03:57,289 --> 00:03:59,310
podéis poner el Oren Ixun

49
00:03:59,310 --> 00:04:00,789
o si no queréis poner el Oren Ixun

50
00:04:00,789 --> 00:04:02,849
pues simplemente texto al azar

51
00:04:02,849 --> 00:04:05,689
vale, voy a mi página web

52
00:04:05,689 --> 00:04:12,189
voy a mi página web

53
00:04:13,830 --> 00:04:14,930
No sé por qué me lo he puesto aquí.

54
00:04:16,250 --> 00:04:16,850
La página web.

55
00:04:18,129 --> 00:04:19,250
Voy a mi página web.

56
00:04:19,370 --> 00:04:20,029
Control O.

57
00:04:22,750 --> 00:04:24,230
Voy a abrir mi página web.

58
00:04:24,329 --> 00:04:25,170
La página 4.

59
00:04:29,620 --> 00:04:30,420
Abro la página 4.

60
00:04:30,560 --> 00:04:33,300
Venga, ya tengo una página muy grande, con mucho contenido.

61
00:04:33,540 --> 00:04:36,939
Entonces, cuando pulso aquí en el enlace al final de la página,

62
00:04:37,220 --> 00:04:38,560
veis que me salta al final de la página.

63
00:04:38,980 --> 00:04:41,199
Le podría meter un enlace al principio de la página.

64
00:04:42,199 --> 00:04:43,279
Me vengo aquí.

65
00:04:44,560 --> 00:04:46,980
Necesitaré otra etiqueta arriba.

66
00:04:47,379 --> 00:04:51,879
arriba de la página necesitaré otra etiqueta

67
00:04:51,879 --> 00:04:59,600
a name igual a inicio puedo poner en el

68
00:04:59,600 --> 00:05:03,519
nombre de la etiqueta aquí lo que me apetezca el nombre que me dé la gana

69
00:05:03,519 --> 00:05:08,480
ahora muy importante si he puesto aquí inicio cuando quiera hacer el enlace voy

70
00:05:08,480 --> 00:05:12,620
a meterle un enlace al inicio de la página

71
00:05:12,620 --> 00:05:31,079
Vamos a meterle un p, vamos a meterle aquí el enlace a href="a", y aquí hay que poner almohadilla inicio, y entonces va a saltar al inicio de la página.

72
00:05:32,180 --> 00:05:44,779
Recargo la página. Ah, bueno, espera, que no he puesto aquí nada, que no he puesto aquí, sale vacío. Vamos a poner ir al inicio, ir al inicio de la página.

73
00:05:45,920 --> 00:05:52,600
Bueno, recargo aquí la página, si le pincho al final va al final y aquí en este enlace de ir al inicio va al inicio.

74
00:05:52,600 --> 00:05:59,480
Si pusiera otro nombre por en medio, por aquí en medio, pues podemos saltar al medio.

75
00:05:59,660 --> 00:06:04,899
Me voy aquí al medio del texto, pongo aquí a name, igual, voy a llamarle medio,

76
00:06:05,439 --> 00:06:14,990
y le puedo meter un enlace, por ejemplo aquí, al medio de la página.

77
00:06:20,259 --> 00:06:21,480
Esto va a ser saltar al medio.

78
00:06:24,500 --> 00:06:33,899
Y aquí tengo que poner href igual a medio.

79
00:06:35,300 --> 00:06:39,639
Si le doy, ves que pone saltar al medio y me salta al medio.

80
00:06:39,740 --> 00:06:42,720
Donde esté ese enlace que habrá metido por aquí en medio.

81
00:06:44,800 --> 00:06:46,339
Aquí he visto ya los enlaces.

82
00:06:46,519 --> 00:06:50,379
Hay otra posibilidad más que no hemos visto de los enlaces.

83
00:06:50,379 --> 00:06:53,620
Y es que puedo abrir muchas páginas web cuando les das.

84
00:06:53,620 --> 00:06:56,000
se van a otra, te abren aquí

85
00:06:56,000 --> 00:06:57,939
otra pestaña. Normalmente, si yo le meto aquí

86
00:06:57,939 --> 00:07:00,019
un enlace, voy a meterle aquí un enlace

87
00:07:00,019 --> 00:07:00,839
a Google, por ejemplo.

88
00:07:04,889 --> 00:07:06,829
Voy a ir a Google.

89
00:07:07,029 --> 00:07:11,050
Aquí pongo la charla. Pongo la página

90
00:07:11,050 --> 00:07:17,560
de Google. Google.

91
00:07:18,399 --> 00:07:20,120
Bueno, aquí me falta una barra.

92
00:07:21,720 --> 00:07:21,899
Bueno,

93
00:07:21,959 --> 00:07:23,699
una curiosidad. Muchos editores

94
00:07:23,699 --> 00:07:25,500
te permiten, ¿veis esta cosita que ha aparecido aquí?

95
00:07:26,639 --> 00:07:27,939
Esta cosita te permite

96
00:07:27,939 --> 00:07:29,120
poner

97
00:07:29,120 --> 00:07:31,740
tus propios

98
00:07:31,740 --> 00:07:37,019
como resúmenes, como plantillas, tus propias plantillas.

99
00:07:37,199 --> 00:07:41,600
Entonces yo puedo aquí añadir una plantilla, esta va a ser la plantilla A

100
00:07:41,600 --> 00:07:48,980
y cuando le pulse me ponga AHREF igual, comillas, comillas, barra A.

101
00:07:53,629 --> 00:07:58,629
¿De acuerdo? Aquí que se ponga, por ejemplo, bueno, lo voy a dejar así.

102
00:07:59,310 --> 00:08:04,009
Entonces, cuando yo escriba A, ¿veis lo que va a pasar? Va a hacer eso.

103
00:08:04,009 --> 00:08:12,230
aquí ha creado mi nueva plantilla de código y entonces yo puedo llegar y decir clima y ya me

104
00:08:12,230 --> 00:08:18,589
mete la plantilla de código que creado lo tienen muchísimos editores vale prácticamente todos bueno

105
00:08:18,589 --> 00:08:30,470
pues si mete un enlace a google si mete un enlace a google vais a ver que me la abre en la misma

106
00:08:30,470 --> 00:08:36,610
página me lo abre exactamente la misma página pero yo quiero que me abra esta página en una

107
00:08:36,610 --> 00:08:48,080
pestaña para los podemos poner target igual a blanca a blanca de acuerdo ábreme lo en una

108
00:08:48,080 --> 00:08:56,779
pestaña en blanco esto significa ábreme lo en una pestaña si lo guardo y recargo y ahora le

109
00:08:56,779 --> 00:09:02,659
doy vais a ver que me ha respetado la pestaña actual y me lo ha abierto en una pestaña nuevo

110
00:09:02,659 --> 00:09:09,860
más elementos html que tenemos por aquí bueno si nos vamos a los apuntes bueno aquí tenemos

111
00:09:09,860 --> 00:09:15,799
estábamos aquí que habíamos hecho habíamos puesto nuestra barra de navegación ya han metido enlaces

112
00:09:15,799 --> 00:09:21,440
tenemos más muchos más elementos mirad si vamos a los apuntes tenemos las cabeceras que es aquí

113
00:09:21,440 --> 00:09:30,100
a continuación las cabeceras las cabeceras sirven para meter texto resaltado muy resaltado es como

114
00:09:30,100 --> 00:09:37,440
los títulos. El h1 sería el título mayor, el h2 el subtítulo, el h3 el subtítulo de subtítulo,

115
00:09:37,559 --> 00:09:43,860
el h4 subtítulo, subtítulo, subtítulo y así sucesivamente. Fijaros, vamos a meter por ejemplo

116
00:09:43,860 --> 00:10:06,149
Por ejemplo, un H1. Vamos a meter un H1. H1. El H1 va a ser título H1. Aquí vamos a poner un H2. H2. Título H2.

117
00:10:06,149 --> 00:10:39,700
Vamos a meter un H3. Título, H3. Yo puedo meter un H4. Vamos a meterle todos. Título, H4. Un H5. Título, H5. Y el H6. Título, H6.

118
00:10:39,700 --> 00:10:42,879
Bueno, aquí tengo los títulos

119
00:10:42,879 --> 00:10:45,379
Vamos a ver cómo queda nuestra maravillosa página web

120
00:10:45,379 --> 00:10:48,340
Aquí tenemos todos los títulos

121
00:10:48,340 --> 00:10:52,259
Si os fijáis, el título 1 está como muy resaltado

122
00:10:52,259 --> 00:10:55,600
Título 2, menos, menos, menos, menos, menos

123
00:10:55,600 --> 00:10:58,179
Hasta que casi se confunde

124
00:10:58,179 --> 00:11:01,679
Vais a ver que esto de los títulos, las hojas de estilo

125
00:11:01,679 --> 00:11:04,679
Lo tratan de una forma curiosa

126
00:11:04,679 --> 00:11:07,559
Ahora cuando si nos vamos a nuestro

127
00:11:07,559 --> 00:11:14,519
le metemos la hoja de estilos a nuestra página web la w3 css vais a ver que los títulos de forma

128
00:11:14,519 --> 00:11:22,340
diferente eso bueno eso nos puede convenir más cositas que tenemos por aquí bueno bueno el

129
00:11:22,340 --> 00:11:30,299
párrafo ya lo hemos visto con p meto un par y compré esto tenéis aquí a continuación será el

130
00:11:30,299 --> 00:11:36,879
bloque de texto con p meto párrafos que ya hemos visto y compré meto texto pre formateado fijaros

131
00:11:36,879 --> 00:11:40,519
aquí en el lower nixon este, el lower nixon que he puesto

132
00:11:40,519 --> 00:11:45,159
tiene un formato, fijaos que aquí, esto es un salto

133
00:11:45,159 --> 00:11:48,480
de líneas, son líneas diferentes, bueno, no, perdón, lo ha metido todo de golpe

134
00:11:48,480 --> 00:11:52,899
lo ha metido todo de golpe, bueno, mira, va a quedar mejor, mirad

135
00:11:52,899 --> 00:11:56,740
fijaros, esto sería toda una línea seguida, esto

136
00:11:56,740 --> 00:12:00,559
toda otra línea seguida, y el navegador, fijaos que lo junta todo

137
00:12:00,559 --> 00:12:04,580
el navegador, cuando vamos a verlo, fijaos que ha puesto todo el texto

138
00:12:04,580 --> 00:12:07,200
pegadito, uno detrás de otro. Con el pre

139
00:12:07,200 --> 00:12:11,000
el texto se muestra tal como lo escribimos.

140
00:12:12,580 --> 00:12:18,279
Fijaros, si pongo aquí un pre, va a aparecer el texto

141
00:12:18,279 --> 00:12:22,860
tal como lo escriba. Estoy escribiendo aquí un texto

142
00:12:22,860 --> 00:12:29,019
aquí como muy al azar. De hecho, lo voy a hacer con los dos, con el p también.

143
00:12:32,169 --> 00:12:34,549
Fijaros, voy a meter el mismo texto con el pre

144
00:12:34,549 --> 00:12:39,549
y con el p, para que veáis la diferencia. Fijaros, es exactamente el mismo texto.

145
00:12:39,549 --> 00:12:42,610
este con el pre y este con el p

146
00:12:42,610 --> 00:12:44,230
o si nos vamos a

147
00:12:44,230 --> 00:12:58,659
nuestro cargo aquí

148
00:12:58,659 --> 00:13:01,100
fijaros, el pre me respeta

149
00:13:01,100 --> 00:13:02,639
el formato que haya puesto

150
00:13:02,639 --> 00:13:05,019
lo pone tal cual lo he puesto yo

151
00:13:05,019 --> 00:13:07,019
aquí, fijaos que lo pone tal cual lo he puesto

152
00:13:07,019 --> 00:13:09,480
aquí y el p no, el párrafo

153
00:13:09,480 --> 00:13:11,059
el párrafo que es

154
00:13:11,059 --> 00:13:13,120
este de aquí, coge y lo pone todo seguido

155
00:13:13,120 --> 00:13:14,799
que eso puede estar bien porque

156
00:13:14,799 --> 00:13:16,940
luego vais a ver que

157
00:13:16,940 --> 00:13:19,100
el código html se genera a través

158
00:13:19,100 --> 00:13:20,559
de plantillas y programas

159
00:13:20,559 --> 00:13:26,379
Y entonces, al juntar estas plantillas y programas, pues queda el texto hecho un desastre.

160
00:13:27,379 --> 00:13:32,879
Pero el navegador es capaz de interpretarlo de forma que quede todo continuo y que quede bien, todo seguidito.

161
00:13:33,759 --> 00:13:34,980
Más elementos.

162
00:13:36,759 --> 00:13:38,519
Bueno, br es un salto de línea.

163
00:13:39,960 --> 00:13:41,240
br es un salto de línea.

164
00:13:41,720 --> 00:13:54,730
Si pongo aquí, por ejemplo, aquí, un br, br, esto es un salto de línea.

165
00:13:54,730 --> 00:14:01,350
Vais a ver que aquí va a meter, va a coger esta primera línea de Lorentz-Zoom y después va a meter un salto de línea.

166
00:14:01,870 --> 00:14:08,769
¿Veis esta primera línea? Pues ahora cuando le dé a recargar, ¿veis que la ha metido ahí?

167
00:14:08,929 --> 00:14:12,929
Verro significa cambia de línea, salta de línea. Aunque aquí está todo seguido.

168
00:14:13,190 --> 00:14:20,649
Si lo veis aquí, está todo seguido. ¿De acuerdo? El zoom parece que no está seguido, pero está todo seguido.

169
00:14:20,649 --> 00:14:27,250
Es para meter saltos de línea. A veces puede interesar meter una separación o lo que sea.

170
00:14:28,169 --> 00:14:29,490
Por ejemplo, aquí se mete otro br.

171
00:14:35,549 --> 00:14:40,029
Vais a ver que el texto, ¿veis lo que ha pasado?

172
00:14:40,149 --> 00:14:42,889
Se han abierto varias líneas. O sea, se han abierto concretamente dos.

173
00:14:43,809 --> 00:14:50,179
Si le meto una más, para que se vea el efecto, veis que se abre una más.

174
00:14:50,519 --> 00:14:52,620
O sea, el br abre líneas. ¿Qué más tenemos?

175
00:14:53,480 --> 00:14:54,539
¿Qué más elementos tenemos?

176
00:14:55,539 --> 00:14:57,799
Bueno, hr es una línea horizontal.

177
00:14:58,200 --> 00:15:00,720
sirve como separador.

178
00:15:03,470 --> 00:15:06,309
HR nos sirve como separador.

179
00:15:06,450 --> 00:15:07,269
Es una línea horizontal.

180
00:15:07,490 --> 00:15:08,129
Lo vais a ver aquí.

181
00:15:09,750 --> 00:15:11,350
¿Veis esa línea que ha aparecido aquí?

182
00:15:11,970 --> 00:15:13,330
HR es una línea horizontal.

183
00:15:14,490 --> 00:15:15,730
Nos puede servir de separador.

184
00:15:17,590 --> 00:15:23,110
Bueno, a veces nos interesa poner textos en negrita,

185
00:15:23,110 --> 00:15:25,549
en superíndice, índice...

186
00:15:25,549 --> 00:15:27,190
Bueno, un montón de formatos.

187
00:15:27,289 --> 00:15:29,110
Pues tenemos aquí todos estos.

188
00:15:30,090 --> 00:15:30,870
que os tenéis que saber.

189
00:15:32,529 --> 00:15:33,429
Que os tenéis que saber.

190
00:15:33,710 --> 00:15:35,070
Vamos a empezar por los más fáciles.

191
00:15:35,509 --> 00:15:36,649
El B, la negrita.

192
00:15:37,950 --> 00:15:38,450
El B.

193
00:15:38,990 --> 00:15:41,129
No sé por qué me está mostrando todo el texto en negrita.

194
00:15:41,269 --> 00:15:42,669
A ver, si me ha escapado un B.

195
00:15:43,570 --> 00:15:43,690
No.

196
00:15:44,389 --> 00:15:45,210
Por ejemplo, me lo parece a mí.

197
00:15:45,970 --> 00:15:49,330
Bueno, el B sirve para mostrar un texto en negrita.

198
00:15:49,330 --> 00:15:50,629
Si yo pongo aquí un B,

199
00:15:52,149 --> 00:15:53,970
y un B, B de bold,

200
00:15:55,870 --> 00:15:58,730
esa B es de bold, en inglés significa negrita,

201
00:15:58,730 --> 00:16:00,570
¿Vale? Esta vez de bold

202
00:16:00,570 --> 00:16:02,809
Pues si yo pongo una B

203
00:16:02,809 --> 00:16:05,429
¿Veis que la he puesto en negrita?

204
00:16:06,730 --> 00:16:10,389
¿Veis que ese Ixun está más resaltado que el resto?

205
00:16:11,769 --> 00:16:12,090
¿De acuerdo?

206
00:16:12,870 --> 00:16:14,149
El B pone en negrita

207
00:16:14,149 --> 00:16:15,610
¿Qué más tenemos?

208
00:16:16,429 --> 00:16:19,269
El I lo pone en itálicas, en cursivas

209
00:16:19,269 --> 00:16:34,440
Esto es I de itálico

210
00:16:34,440 --> 00:16:36,259
¿Veis? Lo he puesto aquí en cursiva

211
00:16:36,259 --> 00:16:40,509
¿Puedo poner en negrita y cursiva?

212
00:16:40,610 --> 00:16:41,649
Sí, perfectamente

213
00:16:42,649 --> 00:16:52,370
Fijaros, si pongo un B y después un I y luego los cierro correspondientemente, fijaros que los tengo que cerrar en el mismo orden.

214
00:16:52,370 --> 00:16:54,409
Esto estaría mal, ya lo he puesto mal.

215
00:16:55,649 --> 00:16:57,649
Fijaros que cerro primero el B y luego el I.

216
00:16:58,149 --> 00:17:05,269
Cuando su orden de aparición es primero el B y luego el I, entonces hay que cerrarlos por orden.

217
00:17:05,930 --> 00:17:07,589
Cerraría primero el I y luego el B.

218
00:17:08,509 --> 00:17:08,789
¿De acuerdo?

219
00:17:08,789 --> 00:17:31,819
O sea, esto si lo viésemos en código, como vemos aquí los informáticos, si lo viésemos en código, esto deberíamos verlo así, ¿vale? Así se interpreta mejor, ¿vale? Abro el B, cierro el B, abro el I, cierro el I, ¿vale? Pues vais a ver que dolor sale en negrita y cursiva.

220
00:17:31,819 --> 00:17:34,680
Ahí lo veis, negrita y cursiva

221
00:17:34,680 --> 00:17:35,799
¿Qué más?

222
00:17:36,539 --> 00:17:37,460
La U, subrayadas

223
00:17:37,460 --> 00:17:43,680
Pues puedo meter una subrayada

224
00:17:43,680 --> 00:17:46,079
La subrayada no se suele usar mucho

225
00:17:46,079 --> 00:17:49,880
Porque se puede confundir con los enlaces del navegador

226
00:17:49,880 --> 00:17:51,380
¿Veis? Ahí

227
00:17:51,380 --> 00:17:54,000
Se puede confundir con los enlaces del navegador

228
00:17:54,000 --> 00:17:55,420
No se suele usar mucho la subrayada

229
00:17:55,420 --> 00:17:56,259
Pero se puede usar

230
00:17:56,259 --> 00:17:57,880
Actualmente se usa menos

231
00:17:57,880 --> 00:18:00,099
Pero al inicio de la serie de la teleinformática

232
00:18:00,099 --> 00:18:01,599
Todos los enlaces iban subrayados

233
00:18:01,599 --> 00:18:03,140
Entonces para no confundirlos

234
00:18:03,140 --> 00:18:19,630
os podemos mezclar. Bueno, y tenemos más todos estos que tenéis que saberos. Superíndice, subíndice, énfasis. Bueno, muchas de estas vais a ver que son muy parecidas al B y al I.

235
00:18:19,630 --> 00:18:26,769
Lo vamos a diferenciar cuando le metamos una hoja de estilos, porque, por ejemplo, strom indica un énfasis más.

236
00:18:27,509 --> 00:18:32,509
Strom, si lo uso, vais a ver que no se diferencia de las negritas.

237
00:18:36,910 --> 00:18:38,970
Strom no se diferencia nada de las negritas.

238
00:18:41,990 --> 00:18:43,130
¿Veis? Este es strom.

239
00:18:44,549 --> 00:18:49,609
Esto luego con una hoja de estilos puede hacer que el strom se diferencie de la negrita,

240
00:18:49,809 --> 00:18:54,950
metiéndole un color de fondo o con un color diferente o un tipo de letra diferente, lo que sea.

241
00:18:55,450 --> 00:18:56,789
de acuerdo

242
00:18:56,789 --> 00:18:59,829
code, mira este es interesante

243
00:18:59,829 --> 00:19:00,910
bueno, cita para una cita

244
00:19:00,910 --> 00:19:03,950
dnf para un término

245
00:19:03,950 --> 00:19:05,829
code, este es interesante, este es para indicar

246
00:19:05,829 --> 00:19:06,930
que muestra código

247
00:19:06,930 --> 00:19:09,470
muestra código

248
00:19:09,470 --> 00:19:18,950
y aquí iríamos, nuestro código

249
00:19:18,950 --> 00:19:20,650
system

250
00:19:20,650 --> 00:19:21,930
out

251
00:19:21,930 --> 00:19:24,529
print, para el que no lo sepa esto es

252
00:19:24,529 --> 00:19:26,690
bueno, esto es java

253
00:19:26,690 --> 00:19:30,500
aquí metería un código de java

254
00:19:30,500 --> 00:19:32,680
por ejemplo

255
00:19:32,680 --> 00:19:35,500
lo veis ahí que lo ha puesto

256
00:19:35,500 --> 00:19:36,480
como

257
00:19:36,480 --> 00:19:39,880
lo ha puesto en un tipo de letra

258
00:19:39,880 --> 00:19:41,440
de ancho

259
00:19:41,440 --> 00:19:42,400
igual

260
00:19:42,400 --> 00:19:45,720
en un tipo courier, fijaros que la E

261
00:19:45,720 --> 00:19:48,000
tiene el mismo tamaño que la M en este tipo de letra

262
00:19:48,000 --> 00:19:49,000
y aquí por ejemplo

263
00:19:49,000 --> 00:19:51,819
esta M tiene un

264
00:19:51,819 --> 00:19:54,000
tamaño mayor que las vocales

265
00:19:54,000 --> 00:19:54,599
¿vale?

266
00:19:55,400 --> 00:19:57,819
lo pone en un tipo de letra de tamaño fijo

267
00:19:57,819 --> 00:20:01,380
¿vale? que viene genial para código

268
00:20:01,380 --> 00:20:04,279
for

269
00:20:04,279 --> 00:20:05,380
in

270
00:20:05,380 --> 00:20:08,319
y igual a 0, y

271
00:20:08,319 --> 00:20:11,180
menor que 10, y más más

272
00:20:11,180 --> 00:20:12,819
esto, ni caso

273
00:20:12,819 --> 00:20:15,099
vale, para que veáis código

274
00:20:15,099 --> 00:20:16,400
ahora cuando veáis código

275
00:20:16,400 --> 00:20:20,440
vale, pues ahí lo pone, de acuerdo

276
00:20:20,440 --> 00:20:22,319
fijaros que código no me respeta

277
00:20:22,319 --> 00:20:24,019
no me respeta

278
00:20:24,019 --> 00:20:26,180
como el pre, esto sería

279
00:20:26,180 --> 00:20:27,940
más lógico meter un pre

280
00:20:27,940 --> 00:20:33,309
para representar código

281
00:20:33,309 --> 00:20:35,789
vale, cuando quiera

282
00:20:35,789 --> 00:20:37,710
presentar código, lo metería en un code y luego en un pre.

283
00:20:38,549 --> 00:20:39,829
¿Vale? ¿Qué más cositas

284
00:20:39,829 --> 00:20:41,029
tenemos aquí? Bueno,

285
00:20:41,970 --> 00:20:43,950
salida... Bueno, tenéis aquí un montón

286
00:20:43,950 --> 00:20:45,470
de valores que hay que saberse.

287
00:20:46,769 --> 00:20:47,869
Mira, del. Del es

288
00:20:47,869 --> 00:20:49,930
un texto tachado. Vamos a usar

289
00:20:49,930 --> 00:20:50,150
del.

290
00:20:52,130 --> 00:20:52,529
Del.

291
00:20:53,630 --> 00:20:54,549
Por ejemplo, este.

292
00:20:56,450 --> 00:20:56,809
Del.

293
00:21:00,170 --> 00:21:02,650
Barra del. Eso ir probando

294
00:21:02,650 --> 00:21:04,569
y vais viendo la diferencia.

295
00:21:04,569 --> 00:21:05,710
¿Ves que lo ha tachado?

296
00:21:06,210 --> 00:21:07,250
Es un texto tachado.

297
00:21:08,250 --> 00:21:14,569
Bueno, pues con esto, este vídeo, seguiremos viendo los elementos.

298
00:21:14,710 --> 00:21:17,170
Ya nos queda ver, pues, todos estos elementos.

299
00:21:17,849 --> 00:21:27,170
Qué serán las etiquetas, las listas, las imágenes, cómo se meten las imágenes, las tablas.

300
00:21:27,589 --> 00:21:30,009
Y muy importante, muy importante, los formularios.

301
00:21:31,250 --> 00:21:32,930
¿De acuerdo? Vamos a continuar con eso.

302
00:21:32,930 --> 00:21:54,890
De momento deberéis practicar con todo esto y haceros vuestra propia página web con la hoja de estilos, haciendo de cero, explorad vuestro editor de código, yo estoy usando el Kate, pero vosotros podéis usar, o mejor deberíais usar el Visual Studio y vais a ver que el Visual Studio también tiene cosas como esta y mucho más potentes.

303
00:21:55,890 --> 00:21:59,160
Vamos a poner aquí la relación.