1
00:00:00,140 --> 00:00:01,700
OK, vamos voltar.

2
00:00:01,710 --> 00:00:06,630
Então, agora é o momento em que finalmente começamos a escrever um código e vamos

3
00:00:06,720 --> 00:00:09,320
começar por falar sobre HCM na próxima unidade.

4
00:00:09,450 --> 00:00:13,530
Nós vamos cobrir muitas partes diferentes dele para ele como vamos aprender, no final, como

5
00:00:13,530 --> 00:00:18,600
escrever uma idade simples aos documentos antigos quando entender a diferença entre as tags de fechamento e auto-fechamento

6
00:00:18,600 --> 00:00:24,360
marcadas com os atributos que você quer usar definitivamente M. D e muito do que você já viu.

7
00:00:24,360 --> 00:00:29,580
E, no final, vou lhe dar uma imagem de um site e você deve escrever o H.

8
00:00:29,580 --> 00:00:30,500
correspondente. T. montante.

9
00:00:30,810 --> 00:00:33,650
Então, traduza uma imagem para o código real.

10
00:00:34,080 --> 00:00:38,170
Então, vamos começar por conversar um pouco sobre a história da HDMI.

11
00:00:38,550 --> 00:00:41,700
Então, novamente, isso significa linguagem de marcação de hipertexto.

12
00:00:41,700 --> 00:00:48,720
Pense novamente nessa primeira introdução ao vídeo frontal. A saída HDMI é a estrutura e o conteúdo de uma página, não

13
00:00:48,720 --> 00:00:52,690
o estilo, e não a interatividade apenas a estrutura e o conteúdo.

14
00:00:52,830 --> 00:00:59,730
De volta à comunidade acadêmica no ano de 1989, no início de 1990, não há exatamente uma data de início

15
00:00:59,730 --> 00:01:04,010
difícil para envelhecer Timo, mas naquela época basicamente as pessoas estavam trocando papéis.

16
00:01:04,050 --> 00:01:09,930
Documentos de tese gigante e documentos técnicos de documentos científicos e todos eles têm formatação muito específica.

17
00:01:10,560 --> 00:01:16,920
Mas quando eles estão sendo trocados, não havia como enviar realmente essa formatação pela internet.

18
00:01:17,370 --> 00:01:21,670
Então, o que quero dizer é dizer que você queria ter um papel que pareça ser assim.

19
00:01:21,690 --> 00:01:25,560
E este é um guia de estilo que encontrei na redação de artigos científicos.

20
00:01:25,560 --> 00:01:27,680
Então, vamos apenas tomar a seção abstrata.

21
00:01:27,900 --> 00:01:31,100
Então, seu resumo parece que há um título aqui.

22
00:01:31,260 --> 00:01:33,390
É um texto pequeno e em negrito.

23
00:01:33,600 --> 00:01:39,900
Nós temos esse tipo de introdução para uma parte do resumo e, em seguida, um monte de pontos de bala.

24
00:01:40,260 --> 00:01:43,010
Temos texto em itálico e em negrito.

25
00:01:43,140 --> 00:01:47,130
E então, parece um link para outra parte do documento.

26
00:01:47,550 --> 00:01:50,310
E, finalmente, temos alguns pontos de bala aninhados.

27
00:01:50,460 --> 00:01:53,830
Então, essa informação, se eu quisesse enviar isso para alguém.

28
00:01:54,090 --> 00:01:56,040
Mas tudo o que posso enviar é texto.

29
00:01:56,160 --> 00:02:00,420
Então eu não posso enviar uma imagem disso, não posso enviar como a estrutura real da mesma.

30
00:02:00,430 --> 00:02:07,600
Tudo o que posso enviar é algum texto para que possa parecer algo assim.

31
00:02:07,620 --> 00:02:14,520
O problema é como faço para pegar esse texto aqui, que é o mesmo texto aqui em Hadaway

32
00:02:14,520 --> 00:02:15,960
no código da estrutura.

33
00:02:16,350 --> 00:02:20,420
Como eu digo esse resumo que na verdade não tem aqui.

34
00:02:20,550 --> 00:02:26,890
Mas se eu adicionasse isso em como eu diria que isso é um texto em negrito e maior e, portanto, é função.

35
00:02:27,090 --> 00:02:33,090
E há um ponto de bala aqui e outro ponto de bala aqui.

36
00:02:33,090 --> 00:02:35,590
Então é isso que cada equipe nos faz fazer.

37
00:02:35,640 --> 00:02:40,650
Ele nos permite levar texto em conteúdo e apenas escrevendo algum outro texto em cima dele.

38
00:02:40,650 --> 00:02:42,930
Ele nos permite especificar exatamente.

39
00:02:42,930 --> 00:02:44,730
Este é um título que está em negrito.

40
00:02:44,730 --> 00:02:46,140
Isso é em itálico.

41
00:02:46,230 --> 00:02:48,900
Este é um link e essa última parte.

42
00:02:48,900 --> 00:02:51,360
Link realmente é realmente importante.

43
00:02:51,870 --> 00:02:57,570
É aí que o nome vem do Hypertext Markup Language porque cada T. M. nos permite criar hiperlinks

44
00:02:57,720 --> 00:03:01,200
e vincular documentos juntos é realmente importante.

45
00:03:01,200 --> 00:03:06,600
Muitos artigos científicos irão fazer referência a outros artigos científicos, notas de rodapé e todo

46
00:03:06,600 --> 00:03:07,520
tipo de citações.

47
00:03:07,640 --> 00:03:13,110
H tim, eu facilitei isso e fiz um impacto muito grande e então, basicamente, peguei.

48
00:03:13,110 --> 00:03:15,210
As pessoas perceberam que é bastante simples.

49
00:03:15,210 --> 00:03:20,700
Não é uma coisa muito intimidante, tão emocionada, longe de situações puramente acadêmicas para um

50
00:03:20,700 --> 00:03:23,850
tipo de uso mais amplo até o meu espaço.

51
00:03:23,860 --> 00:03:29,070
Poucos se lembram do meu espaço ou se você já teve um myspace, você realmente poderia editar seu perfil apenas

52
00:03:29,160 --> 00:03:29,780
escrevendo HDMI.

53
00:03:29,970 --> 00:03:34,830
Portanto, há pessoas que não são absolutamente técnicas e ainda conseguiram escrever H T M L

54
00:03:34,830 --> 00:03:39,450
e C Ss para adicionar alguns recursos interessantes à página para criar alguns recursos personalizados.

55
00:03:39,720 --> 00:03:40,270
ESTÁ BEM.

56
00:03:40,380 --> 00:03:41,760
Então, vamos ter isso em mente.

57
00:03:41,760 --> 00:03:46,030
Nós temos essa coisa gigante de texto que queremos poder codificar alguma estrutura.

58
00:03:46,050 --> 00:03:52,560
E eu quero dizer que isso é ousado ou este é um ponto de bala e assim por diante.

59
00:03:52,840 --> 00:03:57,060
Tim L nos permite fazer isso usando H. T. Tag.

60
00:03:57,060 --> 00:04:02,250
Então, o que basicamente fazemos é que nós levamos algum conteúdo no meio e nós o sandalamos entre uma tag de

61
00:04:02,250 --> 00:04:03,870
abertura e uma tag de fechamento.

62
00:04:03,990 --> 00:04:11,310
Isso permite que eu especifique partes específicas da página ou do parágrafo para o conteúdo que eu posso dizer exatamente entre estas

63
00:04:11,400 --> 00:04:16,970
duas tags é uma negrita entre esses dois é um link direto entre esses dois textos em

64
00:04:17,010 --> 00:04:18,620
itálico e assim por diante.

65
00:04:18,630 --> 00:04:22,830
Então eu vou mostrar-lhe que podemos passar por aqui e decidir OK.

66
00:04:22,860 --> 00:04:29,580
Este vai ser um título na nossa página e vamos envolvê-lo em uma marca H1 que ainda

67
00:04:29,580 --> 00:04:30,360
não apresentamos.

68
00:04:30,360 --> 00:04:31,430
Nós chegaremos lá.

69
00:04:31,530 --> 00:04:36,560
Mas por agora vamos apenas especificar que este é o maior título da nossa página.

70
00:04:36,930 --> 00:04:40,440
A próxima coisa que podemos querer fazer é seguir em frente e tornar isso em negrito aqui.

71
00:04:40,710 --> 00:04:46,140
Então, a maneira como tornamos as coisas ousadas, algumas delas são as mais simples é envolvê-la em

72
00:04:46,200 --> 00:04:48,420
algo chamado B. Tech para dizer que é corajoso.

73
00:04:48,450 --> 00:04:52,160
Para aqueles de vocês que o conhecem, a etiqueta está realmente a caminho.

74
00:04:52,320 --> 00:04:56,920
Está sendo obsoleta, o que significa que você basicamente você não deveria usar mais.

75
00:04:56,940 --> 00:04:58,260
Isso funciona bem.

76
00:04:58,260 --> 00:04:59,070
Existe uma alternativa.

77
00:04:59,080 --> 00:05:01,120
Vamos discutir um pouco.

78
00:05:01,210 --> 00:05:04,910
Da mesma forma, talvez eu queira fazer algo, digamos um parágrafo separado.

79
00:05:04,920 --> 00:05:09,940
Então eu queria adicionar algum espaçamento entre esta linha e a próxima linha.

80
00:05:10,020 --> 00:05:15,090
que quer que esteja entre essas duas tags, vai em sua própria linha e basicamente retornou de cada lado.

81
00:05:15,120 --> 00:05:18,170
Então eu adiciono um parágrafo e o que isso fará é o

82
00:05:18,660 --> 00:05:25,440
Então, como você pode ver, a regra geral se aplica a todas as tags que vimos ou tivemos uma etiqueta H1 ou negrito ou

83
00:05:25,440 --> 00:05:26,660
uma tag de parágrafo.

84
00:05:26,910 --> 00:05:29,130
Ainda não se concentre nas tags.

85
00:05:29,130 --> 00:05:33,610
Vamos ter muitos vídeos discutindo os contatos individuais de todas as tags.

86
00:05:33,720 --> 00:05:40,960
Mas, novamente, lembre-se deste padrão, temos o nome da etiqueta, começando o nome da etiqueta, fechando algum conteúdo no meio.

87
00:05:41,370 --> 00:05:47,100
OK então, o próximo vídeo, agora vamos realmente fazer um novo e real Tim efile, não apenas um

88
00:05:47,190 --> 00:05:49,060
documento científico, mas um arquivo real.

89
00:05:49,170 --> 00:05:51,770
E vamos abri-lo no navegador e veremos a idade T. M.