1
00:00:00,780 --> 00:00:05,100
Por lo tanto, en este video vamos a aprender sobre algunos elementos HDMI más que son bastante comunes.

2
00:00:05,340 --> 00:00:11,970
Así que hemos visto cómo escribir los comentarios que hemos visto en el tipo de documento de cabecera y cuerpo en HCM owl y H-1.

3
00:00:11,970 --> 00:00:15,710
Ahora vamos a aprender sobre muchas otras cosas que pueden ir en el cuerpo.

4
00:00:15,840 --> 00:00:20,100
Entonces en las diapositivas hay un pequeño truco aquí de algunas de las cosas que vamos a cubrir,

5
00:00:20,100 --> 00:00:22,170
así que nos referiremos a esto en un momento.

6
00:00:22,350 --> 00:00:26,430
Pero antes de eso quiero mostrarle la referencia del elemento MT-NW.

7
00:00:26,430 --> 00:00:28,170
Entonces este enlace está en la descripción.

8
00:00:28,170 --> 00:00:29,730
También está en las diapositivas.

9
00:00:29,730 --> 00:00:36,480
También puedes llegar allí buscando en Google M. RE. n referencia de elemento y básicamente es una

10
00:00:36,480 --> 00:00:39,140
página web que enumera todos los elementos en HMO.

11
00:00:39,210 --> 00:00:45,270
Entonces, algunas personas se sorprenden de la cantidad de personas que otros estudiantes que he escuchado se

12
00:00:45,570 --> 00:00:48,260
sorprenden de lo pocos que hay alrededor.

13
00:00:48,330 --> 00:00:49,360
Y esto es solo una suposición.

14
00:00:49,380 --> 00:00:53,500
No he contado, pero alrededor de un centenar o más esta página tiene todos ellos.

15
00:00:53,520 --> 00:00:59,410
Puede leer acerca de cada una para que sepa que podemos buscar el cuerpo y podemos leer sobre el cuerpo

16
00:00:59,420 --> 00:01:01,100
de lo que ya hemos hecho.

17
00:01:01,340 --> 00:01:03,970
Sin embargo, lo que quiero mostrarte es que hay una tonelada aquí.

18
00:01:04,110 --> 00:01:07,880
Probablemente haya de 10 a 15 que usará todo el tiempo.

19
00:01:07,950 --> 00:01:13,230
Diría que si hace aproximadamente la mitad de estos en los últimos meses, ninguno de estos realmente es lo que estoy tratando

20
00:01:13,230 --> 00:01:16,890
de decir es que hay muchas cosas aquí que no parece que necesite saber todo esto.

21
00:01:16,890 --> 00:01:21,010
Este es uno de esos momentos en los que voy a decirte que no se trata de memorización.

22
00:01:21,300 --> 00:01:25,140
Regresemos a nuestro H-1 y leamos un poco sobre una vez.

23
00:01:25,350 --> 00:01:32,280
Así que solo voy a buscar aquí para cada uno rápidamente en el enlace correspondiente y básicamente un H1

24
00:01:32,520 --> 00:01:36,640
hasta los seis años son los seis niveles de títulos de documentos.

25
00:01:36,780 --> 00:01:41,970
Entonces, en cada uno va a ser el encabezado más importante de su página, es el encabezado más

26
00:01:41,970 --> 00:01:46,450
grande hasta los 6 años, que sigue siendo un encabezado, pero es el encabezado menos importante.

27
00:01:47,130 --> 00:01:53,340
Así que pueden ver que hay un ejemplo aquí H1 H2 que tres hasta los seis años.

28
00:01:53,340 --> 00:01:55,640
Esta es la edad resultante para un hombre.

29
00:01:56,400 --> 00:02:00,850
Aquí hay otro ejemplo donde tenemos algunas etiquetas H1 y algunas otras.

30
00:02:00,960 --> 00:02:04,110
Y terminamos con este elemento de encabezado.

31
00:02:05,370 --> 00:02:07,860
Bueno, adelante y haz algunos más h.

32
00:02:07,890 --> 00:02:10,570
Lo siento, algunos elementos más de Hedding lo harán en H-2.

33
00:02:10,800 --> 00:02:11,790
No

34
00:02:16,330 --> 00:02:21,460
los haremos todos y haremos uno más.

35
00:02:23,820 --> 00:02:27,150
Y cambiemos esto para tener tres años.

36
00:02:27,300 --> 00:02:28,510
Hagamos realidad en la edad de seis años.

37
00:02:28,510 --> 00:02:32,960
Puedes ver lo pequeños que son y vamos a guardarlo.

38
00:02:32,960 --> 00:02:39,870
Continúa y abre nuestra página nuevamente y puedes ver que tenemos un encabezado grande Hedding ligeramente más pequeño.

39
00:02:40,200 --> 00:02:43,190
Y este rumbo absoluto más pequeño que podemos ir.

40
00:02:43,230 --> 00:02:49,380
Otra cosa sobre H-1 y otros títulos es que son algo llamado elementos de nivel de bloque.

41
00:02:49,530 --> 00:02:53,800
Entonces, eso significa que cada uno tiene su propia línea.

42
00:02:54,870 --> 00:03:01,140
Así que incluso si los coloco en la misma línea y actualizo la página, cada uno de ellos obtiene

43
00:03:01,140 --> 00:03:04,450
una línea separada y lo empuja a una nueva línea.

44
00:03:04,470 --> 00:03:05,920
Entonces esto es importante.

45
00:03:06,030 --> 00:03:10,350
Esto surgirá porque habrá otros elementos que no se comportarán de esta manera y

46
00:03:10,350 --> 00:03:12,010
se los llama elementos en línea.

47
00:03:12,200 --> 00:03:14,010
OK, así que deshaces eso.

48
00:03:14,040 --> 00:03:15,930
Asegúrese de tener esto espaciado correctamente.

49
00:03:15,930 --> 00:03:18,960
Avancemos y agreguemos texto aquí.

50
00:03:19,500 --> 00:03:26,480
Así que voy a decir que esto es solo un poco de biografía. Voy a poner un texto aquí.

51
00:03:26,700 --> 00:03:29,140
Esto es un texto

52
00:03:29,160 --> 00:03:30,230
Bla, bla, bla.

53
00:03:30,390 --> 00:03:34,470
Y esto solo quiero ser un texto regular.

54
00:03:34,470 --> 00:03:41,090
No quiero que sea grande o resaltado ni nada, así que podría escribir un texto como este.

55
00:03:41,400 --> 00:03:45,060
¿Puedo agregar un montón más aquí?

56
00:03:46,800 --> 00:03:47,990
Y actualizo mi página.

57
00:03:48,050 --> 00:03:54,270
Me sale esta cosa gigante de texto en una línea, pero digamos que me doy cuenta de que realmente quiero un salto de

58
00:03:54,270 --> 00:03:54,930
línea aquí.

59
00:03:54,930 --> 00:04:00,450
Estos son dos párrafos de tonterías para hacer que puedo usar la etiqueta de párrafo.

60
00:04:00,810 --> 00:04:03,720
Entonces, si vuelves aquí y buscamos la etiqueta,

61
00:04:09,300 --> 00:04:16,170
verás que la etiqueta solo se usa para representar un párrafo de texto y los párrafos son elementos de

62
00:04:16,200 --> 00:04:17,040
nivel de bloque.

63
00:04:17,040 --> 00:04:20,860
Entonces eso significa que también van por su propia cuenta.

64
00:04:21,030 --> 00:04:22,620
Así que agreguemos un párrafo aquí.

65
00:04:22,650 --> 00:04:28,080
Así que quiero dividirme aquí y aquí lo siento aquí.

66
00:04:28,080 --> 00:04:31,770
Así que simplemente envuelvo esto en una etiqueta

67
00:04:35,160 --> 00:04:39,030
de párrafo como tal y luego agregaré otra etiqueta

68
00:04:42,750 --> 00:04:50,470
de párrafo al frente de esto y luego allí vamos a asegurarnos de que lo guardamos y actualizamos.

69
00:04:50,790 --> 00:04:54,740
Y ahora tenemos dos párrafos que están en líneas separadas.

70
00:04:55,140 --> 00:04:56,510
Así que déjame ir y obtener sintaxis.

71
00:04:56,520 --> 00:04:57,780
tiremos un montón

72
00:05:00,930 --> 00:05:08,160
de texto aquí y copiemos esto para que puedan ver que puede haber algo más así.

73
00:05:08,160 --> 00:05:13,140
Simplemente hagamos que Lorem Ipsum vaya a un generador y simplemente

74
00:05:13,140 --> 00:05:17,640
En realidad, es un párrafo, por lo que no es solo una línea, sino que es un

75
00:05:17,850 --> 00:05:20,200
párrafo y tiene un espacio después del siguiente párrafo.

76
00:05:20,220 --> 00:05:25,710
Así que ahora que tengo mi párrafo aquí, supongamos que quería resaltar un texto. Quiero

77
00:05:25,710 --> 00:05:32,420
poner en cursiva el título de un libro o, por ejemplo, quiero poner una palabra clave en negrita.

78
00:05:32,460 --> 00:05:36,190
Entonces, hay formas de hacerlo con cada equipo. Te mostraré uno aquí.

79
00:05:36,360 --> 00:05:40,050
Digamos que quiero hacer simplemente el texto falso en negrita.

80
00:05:40,260 --> 00:05:51,090
hacer eso podría escribir una etiqueta B y, como mencioné anteriormente, esta no es la mejor manera de hacerlo.

81
00:05:51,090 --> 00:05:52,570
Así que para

82
00:05:52,580 --> 00:05:56,040
Te lo vamos a mostrar aquí brevemente para que puedas verlo.

83
00:05:56,040 --> 00:06:00,600
Así que actualizo la página y puede ver que el texto simple está en negrita.

84
00:06:00,870 --> 00:06:05,270
Y más importante o igualmente importante, no ocupa una nueva línea.

85
00:06:05,340 --> 00:06:06,800
Todavía está en línea.

86
00:06:07,050 --> 00:06:11,640
Entonces, hay algo llamado elemento de nivel de bloque del que hablamos que estos toman su propio nivel

87
00:06:11,640 --> 00:06:12,100
de bloque.

88
00:06:12,120 --> 00:06:18,900
y hay elementos en línea que simplemente se deslizan y no obligarán a algo a una nueva línea.

89
00:06:18,900 --> 00:06:22,140
Este párrafo hace esto toma su propio bloque

90
00:06:22,800 --> 00:06:26,840
Entonces, si volvemos, dije que ya no es la mejor manera de hacerlo.

91
00:06:26,940 --> 00:06:30,780
Hablaremos de eso en una película sobre el marcado semántico básicamente.

92
00:06:30,790 --> 00:06:35,010
Y cada vez que tienes 5, tu correo electrónico ahora debe ser significativo.

93
00:06:35,010 --> 00:06:40,160
Entonces, simplemente diciendo que algo es audaz, realmente no dice nada sobre el texto.

94
00:06:40,170 --> 00:06:42,700
Entonces, en lugar de eso, hay algunas opciones.

95
00:06:42,720 --> 00:06:48,900
El más común es utilizar fuerte y tan fuerte tiene un poco de tracción un poco más, lo que significa

96
00:06:48,900 --> 00:06:50,420
que hará exactamente lo mismo.

97
00:06:50,430 --> 00:06:57,030
Aquí no notará una diferencia, pero la idea es que decir esto es más fuerte que negrita

98
00:06:57,360 --> 00:06:59,470
significa algo un poco más.

99
00:06:59,610 --> 00:07:03,760
Entonces, en el video futuro verán de qué se trata este marcado semántico.

100
00:07:03,780 --> 00:07:05,540
Qué pena que los 5 intenten hacer.

101
00:07:05,580 --> 00:07:08,940
Pero por ahora solo sé que esas son dos formas de hacer que algo se desarrolle.

102
00:07:08,950 --> 00:07:12,050
Del mismo modo, hay algunas maneras si hago un astrágalo usando algún texto.

103
00:07:12,090 --> 00:07:17,010
I, puede ver que tengo Dile a Assayas que forme ipsum allí, pero

104
00:07:19,980 --> 00:07:27,240
la mejor manera de hacerlo es usar la etiqueta E-M, que es para enfatizar y se ve exactamente igual.

105
00:07:27,390 --> 00:07:32,170
Entonces, si quiero poner en cursiva Lorem Ipsum, podría hacer la etiqueta

106
00:07:32,340 --> 00:07:37,970
Y la idea de nuevo es que el énfasis significa algo más en lugar de simplemente decir yo.

107
00:07:38,220 --> 00:07:41,230
Entonces queremos separarnos y esto es lo que hicieron mis cinco.

108
00:07:41,310 --> 00:07:44,650
Queremos separar nuestro estilo de nuestra estructura.

109
00:07:44,910 --> 00:07:49,920
Por lo tanto, al decir que algo debe estar en cursiva o en negrita, ese es en realidad el estilo del mismo.

110
00:07:50,310 --> 00:07:56,130
Pero al decir que algo es más fuerte o que se enfatiza algo, no es así como se diseñó

111
00:07:56,130 --> 00:07:57,180
o cómo se ve.

112
00:07:57,300 --> 00:08:00,830
Eso es más acerca de la estructura y lo que significa.

113
00:08:00,960 --> 00:08:05,150
En resumen, tenemos H-1 386.

114
00:08:05,310 --> 00:08:07,200
Estos son elementos de nivel de bloque.

115
00:08:07,320 --> 00:08:09,920
Tenemos párrafos que también son a nivel de bloque.

116
00:08:09,930 --> 00:08:15,790
Toman su propia línea y luego tenemos fuerte y E-M o énfasis.

117
00:08:16,080 --> 00:08:20,470
Y estos son elementos en línea que nos permiten construir nuestras cursivas.

118
00:08:20,760 --> 00:08:25,050
Pero realmente lo que hacen es llamar algo por ser fuerte o ser enfatizado.

119
00:08:25,080 --> 00:08:28,680
Y nuestro navegador simplemente decide ponerlo en cursiva o hacerlo en negrita