1
00:00:00,140 --> 00:00:01,700
D'accord, nous reviendrons.

2
00:00:01,710 --> 00:00:09,320
Alors maintenant, c'est le moment où nous allons enfin commencer à écrire du code et nous allons commencer par parler de HCM dans l'unité suivante.

3
00:00:09,450 --> 00:00:24,360
Nous allons couvrir beaucoup de différentes parties de lui à lui comment nous allons apprendre à la fin comment écrire l'âge simple à lui vieux documents quand comprendre la différence entre la fermeture et l'auto-fermeture des étiquettes étiquetées avec les attributs que vous Veulent vraiment utiliser MD et beaucoup que vous avez déjà vu.

4
00:00:24,360 --> 00:00:30,500
Et à la fin, je vais vous donner une image d'un site Web et vous devriez être en mesure d'écrire le H.T. montant.

5
00:00:30,810 --> 00:00:33,650
Donc, traduisez une image en code réel.

6
00:00:34,080 --> 00:00:38,170
Nous allons donc commencer par parler un peu de l'histoire de HDMI.

7
00:00:38,550 --> 00:00:41,700
Encore une fois, il représente le langage de balisage hypertexte.

8
00:00:41,700 --> 00:00:52,690
Pensez à cette première introduction à la sortie vidéo frontale HDMI est la structure et le contenu d'une page pas le style pas l'interactivité juste la structure et le contenu.

9
00:00:52,830 --> 00:01:04,010
Retour dans la communauté universitaire dans l'année 1989 au début de 1990 il n'y a pas exactement une date de départ difficile à l'âge Timo, mais dans ce temps essentiellement les gens échangent des papiers.

10
00:01:04,050 --> 00:01:10,220
Documents de thèse géant et documents scientifiques documents techniques et ils ont tous formatage très spécifique.

11
00:01:10,560 --> 00:01:17,370
Mais quand ils sont échangés il n'y avait aucun moyen d'envoyer réellement cette mise en forme à travers l'Internet.

12
00:01:17,370 --> 00:01:21,670
Alors, je veux dire, disons que vous vouliez avoir un papier qui ressemblait à ça.

13
00:01:21,690 --> 00:01:25,560
Et c'est un guide de style que j'ai trouvé sur l'écriture de documents scientifiques.

14
00:01:25,560 --> 00:01:27,680
Prenons donc la section abstraite.

15
00:01:27,900 --> 00:01:31,100
Donc, votre résumé ressemble à un titre ici.

16
00:01:31,260 --> 00:01:33,390
C'est un petit texte en gras et plus grand.

17
00:01:33,600 --> 00:01:39,900
Nous avons ce genre d'introduction à une partie de l'abrégé et puis un tas de points.

18
00:01:40,260 --> 00:01:43,010
Le texte est en italique et en gras.

19
00:01:43,140 --> 00:01:47,130
Et puis il ressemble à un lien vers une autre partie de l'article.

20
00:01:47,550 --> 00:01:50,310
Et enfin, nous avons des points noirs.

21
00:01:50,460 --> 00:01:53,830
Donc, cette information si je voulais envoyer cela à quelqu'un.

22
00:01:54,090 --> 00:01:56,040
Mais tout ce que je pouvais envoyer, c'est du texte.

23
00:01:56,160 --> 00:02:00,420
Donc, je ne peux pas envoyer une image de ce que je ne peux pas envoyer comme la structure réelle de celui-ci.

24
00:02:00,430 --> 00:02:07,600
Tout ce que je peux envoyer est un texte de sorte que pourrait ressembler à quelque chose comme ceci.

25
00:02:07,620 --> 00:02:15,960
Le problème est comment puis-je prendre ce texte ici qui est le même texte que ici dans Hadaway dans le code de la structure.

26
00:02:16,350 --> 00:02:20,420
Comment puis-je dire cet abstrait qui n'ont pas réellement ici.

27
00:02:20,550 --> 00:02:26,890
Mais si j'ai ajouté que dans la façon dont je dirais que c'est gras et plus grand texte et donc est la fonction.

28
00:02:27,090 --> 00:02:33,090
Et il ya une balle point ici et un autre point de balle ici.

29
00:02:33,090 --> 00:02:35,590
Voilà ce que chaque équipe nous permet de faire.

30
00:02:35,640 --> 00:02:40,650
Il nous permet de prendre du texte dans le contenu et juste en écrivant un autre texte au-dessus d'elle.

31
00:02:40,650 --> 00:02:42,930
Il nous permet de préciser exactement.

32
00:02:42,930 --> 00:02:44,730
Il s'agit d'un titre en gras.

33
00:02:44,730 --> 00:02:46,140
Ceci est en italique.

34
00:02:46,230 --> 00:02:48,900
C'est un lien et cette dernière partie.

35
00:02:48,900 --> 00:02:51,360
Link est en fait très important.

36
00:02:51,870 --> 00:03:01,200
Thats où le nom vient de Hypertext Markup Language parce que chaque T.M. Nous permet de créer des hyperliens et de relier des documents ensemble est vraiment important.

37
00:03:01,200 --> 00:03:07,520
De nombreux articles scientifiques vont faire référence à d'autres articles scientifiques notes de bas de page et toutes sortes de citations.

38
00:03:07,640 --> 00:03:13,110
H tim l a facilité cela et a fait un impact vraiment grand et puis fondamentalement pris sur.

39
00:03:13,110 --> 00:03:15,210
Les gens ont réalisé que c'était assez simple.

40
00:03:15,210 --> 00:03:23,850
Ce n'est pas une chose très intimidante si émouvante sorte de loin des situations purement académiques à une sorte d'utilisation plus large tout le chemin jusqu'à mon espace.

41
00:03:23,860 --> 00:03:29,780
Peu se souvient de mon espace ou si vous avez déjà eu un myspace, vous pouvez réellement modifier votre profil simplement en écrivant HDMI.

42
00:03:29,970 --> 00:03:39,450
Il y a donc des gens qui ne sont absolument pas techniques et qui ont toujours été en mesure d'écrire H T M L et C Ss pour ajouter des fonctionnalités intéressantes à la page pour faire des visuels personnalisés.

43
00:03:39,720 --> 00:03:40,270
D'ACCORD.

44
00:03:40,380 --> 00:03:41,760
Gardons cela à l'esprit.

45
00:03:41,760 --> 00:03:46,030
Nous avons cette chose géante de texte que nous voulons pouvoir encoder quelque structure.

46
00:03:46,050 --> 00:03:52,560
Et je tiens à dire que c'est audacieux ou que c'est un point de balle et ainsi de suite.

47
00:03:52,840 --> 00:03:57,060
Tim L nous permet de le faire en utilisant H.T. Mots clés.

48
00:03:57,060 --> 00:04:03,870
Donc, ce que nous faisons essentiellement, c'est que nous prenons un certain contenu au milieu et nous le sandwich entre une étiquette d'ouverture et une balise de fermeture.

49
00:04:03,990 --> 00:04:18,620
Cela me permet de spécifier des parties spécifiques de la page ou du paragraphe pour le contenu que je peux dire entre ces deux balises est un droit audacieux entre ces deux est un lien entre ces deux est texte en italique et ainsi de suite.

50
00:04:18,630 --> 00:04:22,830
Alors je vais vous montrer que nous pourrions passer par ici et décider OK.

51
00:04:22,860 --> 00:04:30,360
Cela va être un titre sur notre page et nous l'envelopperons dans un tag H1 que nous n'avons pas encore introduit.

52
00:04:30,360 --> 00:04:31,430
Nous allons y arriver.

53
00:04:31,530 --> 00:04:36,560
Mais pour l'instant, nous allons simplement préciser que c'est le plus grand titre sur notre page.

54
00:04:36,930 --> 00:04:40,440
La prochaine chose que nous pourrions vouloir faire est d'aller de l'avant et de faire ce en gras ici.

55
00:04:40,710 --> 00:04:48,420
Donc, la façon dont nous faisons des choses audacieuses, il ya quelques-uns le plus simple est de l'envelopper dans quelque chose appelé un B.Tech de dire que c'est audacieux.

56
00:04:48,450 --> 00:04:52,160
Pour ceux d'entre vous qui le connaissent l la balise est en fait sur son chemin.

57
00:04:52,320 --> 00:04:56,920
Il est obsolète ce qui signifie que vous êtes essentiellement vous n'êtes pas censé l'utiliser plus.

58
00:04:56,940 --> 00:04:58,260
Ça marche très bien.

59
00:04:58,260 --> 00:04:59,070
Il y a une alternative.

60
00:04:59,080 --> 00:05:01,120
Nous allons discuter dans un petit peu.

61
00:05:01,210 --> 00:05:04,910
De même, je voudrais peut-être faire quelque chose disons un paragraphe distinct.

62
00:05:04,920 --> 00:05:09,940
Donc, je voulais ajouter un certain espace entre cette ligne et la ligne suivante.

63
00:05:10,020 --> 00:05:18,170
Donc, j'ajoute un paragraphe et ce qui va faire est ce qui est entre ces deux balises va sur sa propre ligne et a essentiellement retourné de chaque côté.

64
00:05:18,660 --> 00:05:26,660
Donc, comme vous pouvez le voir, la règle générale s'applique à tous les tags que nous avons vu ou nous avions une balise H1 ou bold ou une balise de paragraphe.

65
00:05:26,910 --> 00:05:29,130
Ne pas se concentrer sur les étiquettes lui-même tout de suite.

66
00:05:29,130 --> 00:05:33,610
Nous allons avoir beaucoup de vidéos discutant individuellement les entrées et sorties de toutes les balises.

67
00:05:33,720 --> 00:05:40,960
Mais encore une fois rappelez-vous ce modèle, nous avons le nom de la balise commençant le nom de balise fermant un certain contenu entre.

68
00:05:41,370 --> 00:05:49,060
OK alors la prochaine vidéo que nous allons maintenant faire réellement un réel réel Tim efile pas seulement un document scientifique un texte, mais un fichier réel.

69
00:05:49,170 --> 00:05:51,770
Et nous allons l'ouvrir dans le navigateur et effectivement voir l'âge T.M.