1
00:00:00,780 --> 00:00:05,100
Então, neste vídeo, vamos aprender sobre alguns outros elementos HDMI que são bastante comuns.

2
00:00:05,340 --> 00:00:11,970
Então nós vimos como escrever comentários que vimos tipo de corpo principal e corporal na coruja HCM, bem como H-1.

3
00:00:11,970 --> 00:00:15,710
Agora, vamos aprender sobre um monte de coisas mais que podem ir no corpo.

4
00:00:15,840 --> 00:00:20,100
Então, nos slides, há um pouco de trapaça aqui de algumas das coisas que vamos cobrir,

5
00:00:20,100 --> 00:00:22,170
então vamos nos referir a isso um pouco.

6
00:00:22,350 --> 00:00:26,430
Mas antes disso, quero mostrar a referência do elemento MT-NW.

7
00:00:26,430 --> 00:00:28,170
Então este link está na descrição.

8
00:00:28,170 --> 00:00:29,730
Também está nos slides.

9
00:00:29,730 --> 00:00:36,480
Você também pode chegar lá, googling M. D. n referência de elemento e é basicamente uma

10
00:00:36,480 --> 00:00:39,140
página da Web que lista todos os elementos no HMO.

11
00:00:39,210 --> 00:00:45,270
Então, algumas pessoas estão surpresas com a quantidade de outras pessoas que outros estudantes que eu ouvi

12
00:00:45,570 --> 00:00:48,260
falar estão surpresas com o quão poucas há.

13
00:00:48,330 --> 00:00:49,360
E isso é apenas um palpite.

14
00:00:49,380 --> 00:00:53,500
Eu não contei, mas cerca de uma centena ou mais esta página tem todos eles.

15
00:00:53,520 --> 00:00:59,410
Você pode ler sobre cada um para que você saiba que poderíamos procurar corpo e poderíamos ler sobre o

16
00:00:59,420 --> 00:01:01,100
corpo do qual já fizemos.

17
00:01:01,340 --> 00:01:03,970
O que eu quero mostrar para você é que há uma tonelada aqui.

18
00:01:04,110 --> 00:01:07,880
Há provavelmente 10 a 15 que você usará o tempo todo.

19
00:01:07,950 --> 00:01:13,230
Eu diria que se você fizer cerca de metade destes nos últimos meses, nenhum desses realmente o que eu estou tentando

20
00:01:13,230 --> 00:01:16,890
dizer é que há muitas coisas aqui, não sinto que você precisa saber tudo isso.

21
00:01:16,890 --> 00:01:21,010
Este é um daqueles tempos em que eu vou dizer que não se trata de memorização.

22
00:01:21,300 --> 00:01:25,140
Vamos voltar ao nosso H-1 e vamos fazer um pouco de leitura uma vez.

23
00:01:25,350 --> 00:01:32,280
Então, eu vou apenas pesquisar aqui para cada um rápido no link correspondente e basicamente um H1 até

24
00:01:32,520 --> 00:01:36,640
uma idade seis são os seis níveis de títulos do documento.

25
00:01:36,780 --> 00:01:41,970
Então, em cada um vai ser o título mais importante em sua página, é o maior título para

26
00:01:41,970 --> 00:01:46,450
uma idade de 6 anos, que ainda é um título, mas é o título menos importante.

27
00:01:47,130 --> 00:01:53,340
Então, você pode ver que há um exemplo aqui H1 H2, que é três até os seis anos.

28
00:01:53,340 --> 00:01:55,640
Esta é a idade resultante para um homem.

29
00:01:56,400 --> 00:02:00,850
Então aqui está outro exemplo aqui onde temos alguns H1 e algumas outras tags.

30
00:02:00,960 --> 00:02:04,110
E acabamos com esse elemento de título.

31
00:02:05,370 --> 00:02:07,860
Bem, vá em frente e faça mais alguns h.

32
00:02:07,890 --> 00:02:10,570
Desculpe mais alguns elementos de Hedding farão no H-2.

33
00:02:10,800 --> 00:02:11,790
Não vamos

34
00:02:16,330 --> 00:02:21,460
fazer todos eles e vamos fazer mais um.

35
00:02:23,820 --> 00:02:27,150
E vamos mudar isso para ter uma terceira idade.

36
00:02:27,300 --> 00:02:28,510
Vamos fazer realmente na idade de seis anos.

37
00:02:28,510 --> 00:02:32,960
Você pode ver o quão pequeno eles conseguem e vamos salvá-lo.

38
00:02:32,960 --> 00:02:39,870
Vá em frente e abra nossa página novamente e você pode ver que temos um grande título Hedding ligeiramente menor.

39
00:02:40,200 --> 00:02:43,190
E esse título absoluto mais pequeno que podemos ir.

40
00:02:43,230 --> 00:02:49,380
Então, uma outra coisa sobre H-1 e outros títulos é que eles são algo chamado de elementos de nível de bloco.

41
00:02:49,530 --> 00:02:53,800
Então o que isso significa é que cada um obtém sua própria linha.

42
00:02:54,870 --> 00:03:01,140
Então, mesmo que eu os coloque na mesma linha e atualizei a página, cada um deles obtém uma

43
00:03:01,140 --> 00:03:04,450
linha separada e empurra tudo depois para uma nova linha.

44
00:03:04,470 --> 00:03:05,920
Então, isso é importante.

45
00:03:06,030 --> 00:03:10,350
Isso surgirá porque haverá outros elementos que não se comportam dessa maneira e esses

46
00:03:10,350 --> 00:03:12,010
são chamados de elementos inline.

47
00:03:12,200 --> 00:03:14,010
Ok, então você desfaz isso.

48
00:03:14,040 --> 00:03:15,930
Certifique-se de que este esteja corretamente segmentado.

49
00:03:15,930 --> 00:03:18,960
Vamos em frente e adicione algum texto aqui.

50
00:03:19,500 --> 00:03:26,480
Então vou dizer que esta é apenas uma pequena bios, vou colocar algum texto aqui.

51
00:03:26,700 --> 00:03:29,140
Este é um texto.

52
00:03:29,160 --> 00:03:30,230
Blá blá blá.

53
00:03:30,390 --> 00:03:34,470
E isso só quero ser um texto regular.

54
00:03:34,470 --> 00:03:41,090
Eu não quero que seja grande ou realçado ou qualquer coisa para que eu possa escrever texto assim.

55
00:03:41,400 --> 00:03:45,060
Posso adicionar um monte mais aqui.

56
00:03:46,800 --> 00:03:47,990
E atualizo minha página.

57
00:03:48,050 --> 00:03:54,270
Eu recebo essa coisa gigante de texto em uma linha, mas digamos que eu percebi que eu realmente quero um intervalo de

58
00:03:54,270 --> 00:03:54,930
linha aqui.

59
00:03:54,930 --> 00:04:00,450
Estes são dois parágrafos de absurdo para fazer isso, eu posso usar a tag de parágrafo.

60
00:04:00,810 --> 00:04:03,720
Então, se você voltasse aqui e buscamos a

61
00:04:09,300 --> 00:04:16,170
etiqueta, verá que a tag é usada apenas para representar um parágrafo do texto e os parágrafos são elementos de

62
00:04:16,200 --> 00:04:17,040
nível de bloco.

63
00:04:17,040 --> 00:04:20,860
Então isso significa que eles também seguem sua própria linha.

64
00:04:21,030 --> 00:04:22,620
Então, vamos adicionar um parágrafo aqui.

65
00:04:22,650 --> 00:04:28,080
Então eu quero dividir aqui e aqui desculpe aqui.

66
00:04:28,080 --> 00:04:31,770
Então, eu apenas envolvo isso em uma tag

67
00:04:35,160 --> 00:04:39,030
de parágrafo, de vez em quando, vou adicionar

68
00:04:42,750 --> 00:04:50,470
outra tag de parágrafo na frente disso e depois, vamos lá, certifique-se de salvá-lo e atualizamos.

69
00:04:50,790 --> 00:04:54,740
E agora temos dois parágrafos que estão em linhas separadas.

70
00:04:55,140 --> 00:04:56,510
Então, deixe-me ir e obter sintaxe.

71
00:04:56,520 --> 00:04:57,780
puxar um monte

72
00:05:00,930 --> 00:05:08,160
de texto aqui e copiar isso para que você possa ver pode ter algo mais parecido com isso.

73
00:05:08,160 --> 00:05:13,140
Vamos apenas fazer Lorem Ipsum ir a um gerador e vamos apenas

74
00:05:13,140 --> 00:05:17,640
Na verdade, é um parágrafo, então não é apenas uma linha, mas é um

75
00:05:17,850 --> 00:05:20,200
parágrafo e tem espaçamento após o próximo parágrafo.

76
00:05:20,220 --> 00:05:25,710
Então, agora que eu tenho o meu parágrafo aqui, suponhamos que eu queria fazer

77
00:05:25,710 --> 00:05:32,420
algum texto destacar, eu quero cursar o título de um livro ou quero negar uma palavra-chave, por exemplo.

78
00:05:32,460 --> 00:05:36,190
Então, há maneiras de fazer isso com cada equipe que eu vou mostrar um aqui.

79
00:05:36,360 --> 00:05:40,050
Digamos que eu quero fazer texto simples apenas em negrito.

80
00:05:40,260 --> 00:05:51,090
isso, eu poderia escrever uma etiqueta B em torno dela e, como mencionei anteriormente, essa na verdade não é a melhor maneira de fazer isso.

81
00:05:51,090 --> 00:05:52,570
Então, para fazer

82
00:05:52,580 --> 00:05:56,040
Nós vamos mostrar isso aqui brevemente apenas para que você possa vê-lo.

83
00:05:56,040 --> 00:06:00,600
Então eu atualizo a página e você pode ver simplesmente texto fofo em negrito.

84
00:06:00,870 --> 00:06:05,270
E, mais importante ou igualmente importante, não ocupa uma nova linha.

85
00:06:05,340 --> 00:06:06,800
Ainda está na fila.

86
00:06:07,050 --> 00:06:11,640
Então, há algo chamado um elemento de nível de bloco que falamos sobre estes assumir seu próprio nível

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

88
00:06:12,120 --> 00:06:18,900
bloco e há elementos em linha que simplesmente se deslocam e não forçam algo a uma nova linha.

89
00:06:18,900 --> 00:06:22,140
Este parágrafo faz isso ocupar o seu próprio

90
00:06:22,800 --> 00:06:26,840
Então, se voltarmos, eu disse que não é realmente a melhor forma de fazê-lo.

91
00:06:26,940 --> 00:06:30,780
Vamos falar sobre isso em um vídeo de características sobre a marcação semântica basicamente.

92
00:06:30,790 --> 00:06:35,010
E cada vez em 5 seu e-mail agora precisa ser significativo.

93
00:06:35,010 --> 00:06:40,160
Então, simplesmente dizendo que algo é ousado, na verdade não diz nada sobre o texto.

94
00:06:40,170 --> 00:06:42,700
Então, há algumas opções.

95
00:06:42,720 --> 00:06:48,900
O mais comum é usar forte e tão forte tem um pouco mais um pouco mais significa que ele

96
00:06:48,900 --> 00:06:50,420
fará exatamente a mesma coisa.

97
00:06:50,430 --> 00:06:57,030
Você não notará uma diferença aqui, mas a idéia é que ao dizer isso é forte, em vez de ousado,

98
00:06:57,360 --> 00:06:59,470
isso significa algo um pouco mais.

99
00:06:59,610 --> 00:07:03,760
Então, você verá no futuro do vídeo realmente o que é essa marcação semântica.

100
00:07:03,780 --> 00:07:05,540
Que pena todos os 5 estão tentando fazer.

101
00:07:05,580 --> 00:07:08,940
Mas, por enquanto, só sei que são duas maneiras de fazer algo se desenrolar.

102
00:07:08,950 --> 00:07:12,050
Da mesma forma, existem algumas maneiras se eu usar talus usando algum texto.

103
00:07:12,090 --> 00:07:17,010
I, você pode ver que eu digo ao Assayas ipsum, mas a

104
00:07:19,980 --> 00:07:27,240
melhor maneira de fazê-lo é usar a etiqueta E-M que é para ênfase e parece exatamente a mesma coisa.

105
00:07:27,390 --> 00:07:32,170
Então, se eu quiser itálico Lorem Ipsum, eu poderia fazer a tag

106
00:07:32,340 --> 00:07:37,970
E a idéia novamente é que a ênfase significa algo mais em vez de apenas dizer eu.

107
00:07:38,220 --> 00:07:41,230
Então queremos separar e isso é o que meus cinco fizeram.

108
00:07:41,310 --> 00:07:44,650
Queremos separar nosso estilo de nossa estrutura.

109
00:07:44,910 --> 00:07:49,920
Então, dizendo que algo deve ser em itálico ou em negrito, esse é realmente o estilo dele.

110
00:07:50,310 --> 00:07:56,130
Mas, dizendo que algo é mais forte ou algo enfatizado, não é assim que é o estilo

111
00:07:56,130 --> 00:07:57,180
ou a aparência.

112
00:07:57,300 --> 00:08:00,830
Isso é mais sobre a estrutura e o que isso significa.

113
00:08:00,960 --> 00:08:05,150
Então, em resumo, temos o H-1 386.

114
00:08:05,310 --> 00:08:07,200
Estes são elementos de nível de bloco.

115
00:08:07,320 --> 00:08:09,920
Temos parágrafos que também são nível de bloco.

116
00:08:09,930 --> 00:08:15,790
Eles seguem sua própria linha e depois temos força e E-M ou ênfase.

117
00:08:16,080 --> 00:08:20,470
E estes são elementos em linha que nos permitem construir nossas coisas em itálico.

118
00:08:20,760 --> 00:08:25,050
Mas realmente o que eles fazem é chamar de algo por ser forte ou ser enfatizado.

119
00:08:25,080 --> 00:08:28,680
E nosso navegador apenas decide fazê-lo em itálico ou torná-lo ousado