1 00:00:00,000 --> 00:00:06,100 2 00:00:06,100 --> 00:00:08,790 >> DOUG LLOYD: Donc nous avons passé about-- si mon calcul est bon, 3 00:00:08,790 --> 00:00:11,900 et je pense que la recherche back-- je pense nous avons passé environ 35 vidéos parler 4 00:00:11,900 --> 00:00:15,139 sur divers aspects de C, peut-être un peu plus, peut-être un peu moins. 5 00:00:15,139 --> 00:00:16,930 Et nous ne couvrons pas tout en C, mais nous 6 00:00:16,930 --> 00:00:21,170 couvert une grande partie de la langue, la grande majorité de celui-ci, 7 00:00:21,170 --> 00:00:22,882 certainement pour les utilisations courantes. 8 00:00:22,882 --> 00:00:25,090 Maintenant, nous allons parler environ une autre langue, HTML. 9 00:00:25,090 --> 00:00:28,180 Et nous allons couvrir en une seule vidéo. 10 00:00:28,180 --> 00:00:29,340 >> Mais ça va être OK. 11 00:00:29,340 --> 00:00:31,410 Cela va effectivement devenir quelque chose que vous allez obtenir habituer. 12 00:00:31,410 --> 00:00:33,535 Maintenant que vous avez le fondamentaux d'une langue, 13 00:00:33,535 --> 00:00:35,776 il est en fait assez facile pour commencer l'apprentissage d'autres. 14 00:00:35,776 --> 00:00:37,650 Donc, nous allons commencer à l'étape un peu en arrière 15 00:00:37,650 --> 00:00:43,340 et gommer la base différences entre ces langues 16 00:00:43,340 --> 00:00:45,750 et une sorte de vous laisser. 17 00:00:45,750 --> 00:00:48,530 Il ya beaucoup de très grande ressources sur l'Internet, qui 18 00:00:48,530 --> 00:00:51,279 nous allons commencer à vous diriger vers parce que l'Internet est 19 00:00:51,279 --> 00:00:53,340 un vaste dépôt d'informations. 20 00:00:53,340 --> 00:00:55,960 Et donc il est pas comme vous aurez être perdre nécessairement 21 00:00:55,960 --> 00:00:58,349 de ne pas avoir l'information recouvert d'une vidéo. 22 00:00:58,349 --> 00:01:00,640 Vous serez toujours en mesure d'obtenir tout ce dont vous avez besoin et l'utilisation 23 00:01:00,640 --> 00:01:03,590 la connaissance que vous avez déjà construit par la compréhension C 24 00:01:03,590 --> 00:01:07,130 pour rendre la courbe d'apprentissage pour ces d'autres langues en fait beaucoup plus plat. 25 00:01:07,130 --> 00:01:08,640 Je promets. 26 00:01:08,640 --> 00:01:12,770 >> Mais parlons une langue qui est vraiment fondamental pour chaque web 27 00:01:12,770 --> 00:01:14,830 page, ce qui est HTML. 28 00:01:14,830 --> 00:01:18,230 HTML est l'Hyper Text Markup Language. 29 00:01:18,230 --> 00:01:22,700 HTML est un langage mais il est pas un langage de programmation. 30 00:01:22,700 --> 00:01:23,900 >> HTML ne possède pas les variables. 31 00:01:23,900 --> 00:01:26,430 Il ne possède pas de logique ou fonctions ou quelque chose comme ça. 32 00:01:26,430 --> 00:01:30,301 Nous ne pouvons pas faire tout programmation en soi dans HTML. 33 00:01:30,301 --> 00:01:32,300 Parfois, vous entendrez les gens se décrivent 34 00:01:32,300 --> 00:01:35,710 en tant que programmeurs HTML, qui est pas entièrement exacte. 35 00:01:35,710 --> 00:01:37,980 Nous ne pouvons pas écrire des programmes HTML. 36 00:01:37,980 --> 00:01:40,770 >> HTML est simplement utilisée pour marquer le texte. 37 00:01:40,770 --> 00:01:42,690 Il a appelé un langage de balisage. 38 00:01:42,690 --> 00:01:47,680 Et ce que cela does-- cette markup-- nous utilisons les balises HTML et ces tags-- 39 00:01:47,680 --> 00:01:51,600 ce markup-- sémantiquement définit la structure d'une page 40 00:01:51,600 --> 00:01:55,280 et provoque le texte brut qui existe entre les balises doivent être interprétées 41 00:01:55,280 --> 00:01:57,320 par les navigateurs de différentes manières. 42 00:01:57,320 --> 00:02:00,370 Et peut-être il est préférable d'expliquer cette façon d'une illustration par. 43 00:02:00,370 --> 00:02:06,450 >> Voici une page HTML très simple, pas un programme d'HTML, de nouveau, une page HTML. 44 00:02:06,450 --> 00:02:08,680 Et nous savons qu'il est un Page HTML parce que nous avons 45 00:02:08,680 --> 00:02:11,480 délimitée tout avec des balises HTML. 46 00:02:11,480 --> 00:02:13,850 Voilà donc ce que d'une balise HTML ressemble. 47 00:02:13,850 --> 00:02:15,870 Il est entre crochets. 48 00:02:15,870 --> 00:02:18,570 Et remarquez au sommet, nous avons HTML et tout en bas, 49 00:02:18,570 --> 00:02:21,400 après que nous avons fait ce qui est apparemment beaucoup d'autres HTML, 50 00:02:21,400 --> 00:02:24,310 nous avons équerre slash HTML. 51 00:02:24,310 --> 00:02:29,262 Donc, ce genre de est la frontière entre ce qui est et ce que HTML est pas. 52 00:02:29,262 --> 00:02:32,220 Et bien sûr, de façon classique, juste comme vous avez écrit tous vos programmes C 53 00:02:32,220 --> 00:02:35,300 avec des extensions point C, tous vos fichiers HTML 54 00:02:35,300 --> 00:02:37,909 se terminera avec les extensions HTML points. 55 00:02:37,909 --> 00:02:39,200 Mais il ya plus de choses ici. 56 00:02:39,200 --> 00:02:40,658 Nous ne disposons pas juste ces balises HTML. 57 00:02:40,658 --> 00:02:44,010 Nous avons apparemment, cela chose appelé un tag de la tête. 58 00:02:44,010 --> 00:02:46,010 Eh bien, OK, ce qui est qui? 59 00:02:46,010 --> 00:02:48,550 >> Eh bien peut-être qu'il est préférable de distinguer par l'intermédiaire d'un corps, 60 00:02:48,550 --> 00:02:50,590 corps étant le contenu de la page Web. 61 00:02:50,590 --> 00:02:55,860 Alors peut-être l'étiquette de tête définit des trucs qui ne figure pas dans la bonne fenêtre de navigateur, 62 00:02:55,860 --> 00:02:59,410 mais est en quelque sorte important pour notre page web étant rendu correctement. 63 00:02:59,410 --> 00:03:02,490 Par exemple, à l'intérieur de la tête tag nous avons balises de titre. 64 00:03:02,490 --> 00:03:05,500 >> Donc titre étant Bonjour tout le monde, qui va vraiment être ce que 65 00:03:05,500 --> 00:03:08,797 apparaît dans l'onglet dans Google Chrome ou en safari ou Firefox-- 66 00:03:08,797 --> 00:03:11,880 quel que soit le navigateur que vous prefer-- qui est ce qui va apparaître dans le titre. 67 00:03:11,880 --> 00:03:14,800 Et avant cela montrerait onglets dans votre fenêtre du navigateur 68 00:03:14,800 --> 00:03:19,710 et vous ne pouvez avoir une page ouvrir dans une fenêtre de navigateur à la fois. 69 00:03:19,710 --> 00:03:22,160 Donc cela va être le titre de ma page dans l'onglet 70 00:03:22,160 --> 00:03:24,600 ou la barre de la fenêtre du navigateur, bonjour monde. 71 00:03:24,600 --> 00:03:28,611 Et puis le contenu de mon page web sera monde, bonjour. 72 00:03:28,611 --> 00:03:31,360 Donc, nous allons jeter un oeil à ce que certains chose comme cela pourrait ressembler. 73 00:03:31,360 --> 00:03:33,210 Ceci est une page HTML très simple. 74 00:03:33,210 --> 00:03:35,970 Donc, je suis ici dans mon IDE et CS50 Je l'ai zoomé un peu. 75 00:03:35,970 --> 00:03:38,290 Et je vais juste ouvrir bonjour dot HTML 76 00:03:38,290 --> 00:03:42,000 et vous montrer que cela est assez bien le contenu de la page que nous avons vu auparavant. 77 00:03:42,000 --> 00:03:45,240 Mes simples balises HTML, la tête, les balises de titre, le corps et ainsi de suite. 78 00:03:45,240 --> 00:03:47,320 Je suis en retrait pour être propre. 79 00:03:47,320 --> 00:03:51,530 >> Et puis ce que je peux faire dans mon IDE est juste un aperçu de la page. 80 00:03:51,530 --> 00:03:52,630 Et là nous allons. 81 00:03:52,630 --> 00:03:56,070 Le contenu de ma page est monde, bonjour, et je ne vois rien 82 00:03:56,070 --> 00:03:58,500 depuis les balises head là. 83 00:03:58,500 --> 00:03:59,980 Il est juste le contenu du corps. 84 00:03:59,980 --> 00:04:00,780 Monde, bonjour. 85 00:04:00,780 --> 00:04:03,700 Et de nouveau le corps juste dit, monde, bonjour. 86 00:04:03,700 --> 00:04:06,160 L'autre partie est manquante. 87 00:04:06,160 --> 00:04:07,610 >> Voilà donc vraiment tout ce qu'il est. 88 00:04:07,610 --> 00:04:11,370 Ceci est une page HTML de base très simple. 89 00:04:11,370 --> 00:04:14,280 Maintenant, je suis en retrait à mon HTML être vraiment agréable et organisée, 90 00:04:14,280 --> 00:04:15,840 mais je ne dois pas fait. 91 00:04:15,840 --> 00:04:17,959 Je pourrais faire joli laid. 92 00:04:17,959 --> 00:04:19,467 Et ce serait encore travailler. 93 00:04:19,467 --> 00:04:21,050 Ce serait la même page Web exacte. 94 00:04:21,050 --> 00:04:23,100 Je viens débarrassé de tout l'espace blanc. 95 00:04:23,100 --> 00:04:24,820 >> Comme il se trouve, l'espace blanc est données. 96 00:04:24,820 --> 00:04:28,540 Et donc quand nous envoyons les données à partir de l'émetteur au récepteur, à partir du serveur 97 00:04:28,540 --> 00:04:30,670 au client, les données coûte de l'argent. 98 00:04:30,670 --> 00:04:34,460 Et ainsi se débarrasser d'espaces est effectivement une bonne idée 99 00:04:34,460 --> 00:04:37,320 si vous êtes quelqu'un qui sert beaucoup de contenu web. 100 00:04:37,320 --> 00:04:39,820 Il est une mauvaise idée si vous êtes quelqu'un qui est d'apprendre ce genre de choses 101 00:04:39,820 --> 00:04:41,528 et vous voulez avoir joliment organisé. 102 00:04:41,528 --> 00:04:43,810 Cela est beaucoup plus facile à analyser que cela. 103 00:04:43,810 --> 00:04:45,540 Mais il est fonctionnellement identique. 104 00:04:45,540 --> 00:04:48,720 >> L'indentation et des trucs comme ça n'a pas réellement d'importance en HTML. 105 00:04:48,720 --> 00:04:53,634 Tout ce qui importe est balises d'ouverture et fermeture des balises dans l'ordre correct. 106 00:04:53,634 --> 00:04:55,050 Remarquez ce qui est arrivé ici, cependant. 107 00:04:55,050 --> 00:04:58,450 Le balisage nous donne un moyen de communiquer des informations supplémentaires 108 00:04:58,450 --> 00:04:59,940 à propos de ce que nous avons écrit. 109 00:04:59,940 --> 00:05:03,130 La partie Bonjour tout le monde était interprétée comme le titre. 110 00:05:03,130 --> 00:05:06,410 Et le monde, bonjour partie était interprété comme le contenu 111 00:05:06,410 --> 00:05:09,090 ou ce qui devrait être visible sur ma page web. 112 00:05:09,090 --> 00:05:12,167 >> Il ya plus de 100 de ces différents balises et beaucoup de grandes ressources 113 00:05:12,167 --> 00:05:13,000 en ligne pour les trouver. 114 00:05:13,000 --> 00:05:14,900 Nous allons parler d'un peu d'entre eux dans cette vidéo, certains 115 00:05:14,900 --> 00:05:16,440 des trucs vraiment fondamentale. 116 00:05:16,440 --> 00:05:18,440 Mais on ne va pas parler à propos de tout cela parce qu'il 117 00:05:18,440 --> 00:05:20,250 serait exhaustive de le faire. 118 00:05:20,250 --> 00:05:22,880 >> Une autre chose que vous pouvez faire, cependant, est ouvert jusqu'à des outils de développement. 119 00:05:22,880 --> 00:05:26,069 Et si vous vous souvenez de notre vidéo sur HTTP, 120 00:05:26,069 --> 00:05:27,860 Je lui ai expliqué comment ouvrir en place des outils de développement. 121 00:05:27,860 --> 00:05:32,020 Dans Chrome, il est généralement la touche F12 d'ouvrir la barre d'outils de développeur. 122 00:05:32,020 --> 00:05:35,909 Alors, au lieu de choisir le réseau onglet, vous pouvez choisir l'onglet Eléments. 123 00:05:35,909 --> 00:05:37,700 Et si vous chargez un web page, vous aurez en fait 124 00:05:37,700 --> 00:05:40,280 voir le HTML qui crée cette page web. 125 00:05:40,280 --> 00:05:44,090 Et si vous pouvez en apprendre beaucoup sur HTML en regardant vos sites préférés 126 00:05:44,090 --> 00:05:48,474 et de voir comment ils construisent la divers morceaux de ceux qui vous plaisent. 127 00:05:48,474 --> 00:05:50,890 Alors peut-être il ya ce cool motif ou quelque chose comme ça. 128 00:05:50,890 --> 00:05:52,140 Comment font-ils avec HTML? 129 00:05:52,140 --> 00:05:55,630 Eh bien, vous pouvez juste ouvrir votre développeur outils et survolez cet élément 130 00:05:55,630 --> 00:05:57,700 et de voir exactement ce que HTML rend. 131 00:05:57,700 --> 00:05:59,450 Voilà donc une très bonne façon d'apprendre le HTML, 132 00:05:59,450 --> 00:06:02,330 et je recommande fortement que vous le faites à la fois d'apprendre le HTML 133 00:06:02,330 --> 00:06:04,930 et aussi pour en apprendre un peu peu de certaines des options 134 00:06:04,930 --> 00:06:07,050 disponibles dans outils de développement, qui 135 00:06:07,050 --> 00:06:10,200 va certainement venir dans maniable comme vous commencez à faire plus intensive web 136 00:06:10,200 --> 00:06:11,090 la programmation. 137 00:06:11,090 --> 00:06:14,080 >> Donc, nous allons jeter un oeil à un couple de balises HTML courantes. 138 00:06:14,080 --> 00:06:17,210 Et nous allons sauter et jeter un oeil à ce que ces balises seront également rendre 139 00:06:17,210 --> 00:06:20,490 comme en regardant certains fichiers dans mon IDE. 140 00:06:20,490 --> 00:06:26,330 Voici donc trois balises très basiques pour peaufiner l'aspect visuel du texte. 141 00:06:26,330 --> 00:06:29,050 Il ya des balises B, I, balises et les balises de U. 142 00:06:29,050 --> 00:06:33,170 Et, respectivement, ce qu'ils font est rendre le texte entre elles en gras, 143 00:06:33,170 --> 00:06:35,430 italiques, et soulignement. 144 00:06:35,430 --> 00:06:40,430 Voyons donc ce que cela aura l'air comme sur une page Web réelle dans mon IDE. 145 00:06:40,430 --> 00:06:43,390 >> Donc, ici, dans mon IDE je ai une fichier appelé BIU dot HTML. 146 00:06:43,390 --> 00:06:46,770 BIU dot HTML juste être gras, italique, soulignement. 147 00:06:46,770 --> 00:06:47,830 Je vais l'ouvrir. 148 00:06:47,830 --> 00:06:51,810 >> Et nous verrons qu'ici je avoir ce texte est balises B gras. 149 00:06:51,810 --> 00:06:54,010 Ce texte est balises I italique. 150 00:06:54,010 --> 00:06:56,307 Et ce texte est balises U souligné. 151 00:06:56,307 --> 00:06:57,640 Qu'est-ce que cela va ressembler? 152 00:06:57,640 --> 00:06:59,473 Eh bien encore une fois, tout ce que je dois à faire est d'aller sur ici 153 00:06:59,473 --> 00:07:04,690 à mon navigateur, mon navigateur de fichier, cliquez sur Aperçu, et ceci est ce qui arrive. 154 00:07:04,690 --> 00:07:07,520 >> Le texte entre le B balises est en effet désormais gras. 155 00:07:07,520 --> 00:07:10,720 Le texte entre le je balises est en effet désormais en italique. 156 00:07:10,720 --> 00:07:14,634 Et le texte en U entre le balises est en effet désormais soulignés. 157 00:07:14,634 --> 00:07:15,550 Voilà donc assez bonne. 158 00:07:15,550 --> 00:07:18,450 Nous savons maintenant comment faire du texte regarder un peu plus de fantaisie 159 00:07:18,450 --> 00:07:20,360 ou de dessiner l'accent sur certaines choses. 160 00:07:20,360 --> 00:07:25,530 Un autre couple de balises communes voici Les balises de paragraphe, les balises P, et en-tête, 161 00:07:25,530 --> 00:07:27,980 que je suis ici en tant que rendis HX. 162 00:07:27,980 --> 00:07:32,520 >> Ces balises P, ces balises de paragraphe, briser votre texte en plusieurs paragraphes. 163 00:07:32,520 --> 00:07:34,646 Il ne suffit pas de simplement appuyez sur Entrée et laisser des espaces, 164 00:07:34,646 --> 00:07:37,186 parce qu'un ordinateur ne va faire ce que vous lui demandez de faire 165 00:07:37,186 --> 00:07:39,450 et elle ignore blanc espace pour la plupart. 166 00:07:39,450 --> 00:07:41,636 Donc, nous ne pouvons pas appuyer simplement sur Enter et attendre notre ordinateur 167 00:07:41,636 --> 00:07:43,760 à interpréter ce que nous voulons pour commencer un nouveau paragraphe. 168 00:07:43,760 --> 00:07:47,670 Nous devons dire très explicitement cette est un paragraph-- cela est another-- 169 00:07:47,670 --> 00:07:50,740 en enfermant chacun dans un ensemble de P tags. 170 00:07:50,740 --> 00:07:54,560 >> Et nous avons aussi ces options pour les balises H, ces balises d'en-tête. 171 00:07:54,560 --> 00:07:57,000 Nous avons six niveaux différents des en-têtes, un, deux, trois, 172 00:07:57,000 --> 00:08:01,110 quatre, cinq, six, qui sont progressivement plus en plus grand 173 00:08:01,110 --> 00:08:01,710 des en-têtes. 174 00:08:01,710 --> 00:08:04,360 Et ils deviennent plus petits et plus en plus petits et plus petits. 175 00:08:04,360 --> 00:08:07,690 Donc, nous avons un en-tête de niveau supérieur, un deuxième en-tête de niveau, et ainsi de suite, et ainsi de suite. 176 00:08:07,690 --> 00:08:10,480 >> Jetons un oeil à quelques-uns peut-être Balises P et certaines balises d'en-tête 177 00:08:10,480 --> 00:08:13,110 en action sur une page web. 178 00:08:13,110 --> 00:08:18,180 Donc, ici, dans mon IDE je dois un fichier appelé PH dot HTML, pH étant paragraphes 179 00:08:18,180 --> 00:08:18,970 et les balises d'en-tête. 180 00:08:18,970 --> 00:08:20,709 Ouvrez cela. 181 00:08:20,709 --> 00:08:23,000 Il ya beaucoup qui se passe ici parce que je l'ai mis quelques lorem 182 00:08:23,000 --> 00:08:24,660 ipsum, un texte aléatoire juste ici. 183 00:08:24,660 --> 00:08:27,284 Donc, je vais effectuer un zoom arrière un peu parce qu'il ya tellement de choses. 184 00:08:27,284 --> 00:08:31,980 Mais remarquez que je dois à la très haut ici, je dois un H1, un niveau un, 185 00:08:31,980 --> 00:08:32,802 tête tag. 186 00:08:32,802 --> 00:08:36,010 Ensuite, je dois un paragraphe, qui est juste un tas de hasard text-- lorem ipsum-- 187 00:08:36,010 --> 00:08:38,720 tout défaut de remplissage standard dans le texte. 188 00:08:38,720 --> 00:08:41,970 Je dois donc deux paragraphes à l'intérieur de cette niveau un en-tête, puis en bas, je 189 00:08:41,970 --> 00:08:46,850 avoir un titre de niveau deux ici à la ligne 24, une deuxième tête de niveau, et deux autres 190 00:08:46,850 --> 00:08:47,840 paragraphes. 191 00:08:47,840 --> 00:08:51,910 Eh bien ce que cela ressemble si je vois dans mon aperçu? 192 00:08:51,910 --> 00:08:53,790 Voyons. 193 00:08:53,790 --> 00:08:55,730 >> Donc remarquer que le premier en-tête de niveau ici 194 00:08:55,730 --> 00:08:58,420 est effectivement un peu plus que la deuxième tête de niveau. 195 00:08:58,420 --> 00:08:59,940 Nous avons donc utilisé balises H1. 196 00:08:59,940 --> 00:09:03,820 Et notez que les étiquettes de P nous permettent pour briser les choses en paragraphes. 197 00:09:03,820 --> 00:09:07,500 Si nous avions obtenu débarrasser de ces balises P et effectivement il suffit de mettre Ouvre ou retours 198 00:09:07,500 --> 00:09:10,110 entre ce que nous espérions être les différents paragraphes, 199 00:09:10,110 --> 00:09:13,193 ils seraient tous simplement claquer ensemble et il ne serait pas avoir cette belle paragraphe 200 00:09:13,193 --> 00:09:15,840 la séparation avec l'espace ci-dessus et ci-dessous. 201 00:09:15,840 --> 00:09:18,300 Et est donc ce que le paragraphe et les balises d'en-tête 202 00:09:18,300 --> 00:09:22,440 sont couramment utilisés pour faire dessiner attention aux portions de notre page Web 203 00:09:22,440 --> 00:09:23,550 de cette façon. 204 00:09:23,550 --> 00:09:27,560 >> Next up sont des balises que nous utilisons de construire des listes sur notre page web. 205 00:09:27,560 --> 00:09:30,820 Donc, nous avons non ordonnée lists-- ULs-- qui sont juste 206 00:09:30,820 --> 00:09:34,090 des listes à puces, commandés liste qui sont numbered-- 207 00:09:34,090 --> 00:09:37,680 OLs-- et à l'intérieur de l'une des l'un de ceux que nous devons avoir 208 00:09:37,680 --> 00:09:40,600 ensembles de façon à indiquer les éléments de liste, LI. 209 00:09:40,600 --> 00:09:44,370 Et donc nous avons ouvert étiquette UL et nous mettons éléments à l'intérieur de celui-ci. 210 00:09:44,370 --> 00:09:46,920 Et puis, quand nous aurons fini avec cela, nous pouvons fermer la balise UL. 211 00:09:46,920 --> 00:09:49,850 >> Et de même que nous pouvons avoir une liste ordonnée ou numérotée 212 00:09:49,850 --> 00:09:51,560 et de mettre des éléments de liste à l'intérieur de cela. 213 00:09:51,560 --> 00:09:53,350 Donc, nous allons jeter un coup d'oeil à un couple de listes 214 00:09:53,350 --> 00:09:57,230 et ce qu'ils rendre aussi sur CS50 IDE. 215 00:09:57,230 --> 00:10:00,640 Je dois donc ici dans mon IDE un fichier appelé listes parsèment HTML. 216 00:10:00,640 --> 00:10:03,100 Nous allons jeter un coup d'oeil. 217 00:10:03,100 --> 00:10:08,482 >> Et remarquez ici, je dois un non ordonnée liste avec cinq choses en elle. 218 00:10:08,482 --> 00:10:11,440 Et puis je dois une liste ordonnée et Je l'ai changé l'étiquette un peu, 219 00:10:11,440 --> 00:10:11,939 droit? 220 00:10:11,939 --> 00:10:13,152 Je l'ai dit début égale six. 221 00:10:13,152 --> 00:10:16,110 Il se trouve avec une liste que je commandé peut définir le point de départ où 222 00:10:16,110 --> 00:10:20,130 Je want-- par défaut, il sera One-- en ajoutant juste ce soi-disant attribut 223 00:10:20,130 --> 00:10:21,190 à ma balise OL. 224 00:10:21,190 --> 00:10:23,572 Et si cette liste sera commencer à compter à six. 225 00:10:23,572 --> 00:10:26,780 Ainsi, les éléments de cette liste numérotée devrait être de six, sept, huit, neuf, dix, 226 00:10:26,780 --> 00:10:29,930 car il ya cinq éléments dans la liste, par opposition à une, 227 00:10:29,930 --> 00:10:33,770 deux, trois, quatre, cinq, dont ce serait le cas si je l'avais dit OL 228 00:10:33,770 --> 00:10:36,730 sans préciser l'attribut de démarrage. 229 00:10:36,730 --> 00:10:41,594 >> Nous allons donc Aperçu de cet afin que vous puissiez avoir une idée de ce qui se passe ici. 230 00:10:41,594 --> 00:10:42,260 Et là nous allons. 231 00:10:42,260 --> 00:10:44,610 Il ya ma liste. 232 00:10:44,610 --> 00:10:47,810 Les cinq premiers éléments sont les listes à puces ou à puces. 233 00:10:47,810 --> 00:10:51,010 Et les cinq éléments suivants sont une liste ordonnée séparée 234 00:10:51,010 --> 00:10:52,980 à partir de six. 235 00:10:52,980 --> 00:10:56,247 Voilà donc comment nous pouvons construire des listes en utilisant le HTML. 236 00:10:56,247 --> 00:10:58,080 Une autre chose que vous pourriez voulez faire avec HTML 237 00:10:58,080 --> 00:11:01,520 est de construire un tableau de les informations de lignes et de colonnes 238 00:11:01,520 --> 00:11:04,560 de présenter des informations dans un notamment organisé chemin. 239 00:11:04,560 --> 00:11:09,110 Pour ce faire avec le langage HTML, nous pouvons avoir un définition de la table en commençant parenthèse ouverte 240 00:11:09,110 --> 00:11:10,160 table. 241 00:11:10,160 --> 00:11:14,680 Et puis à l'intérieur de cette table, nous pourraient avoir un ensemble de lignes, les balises TR 242 00:11:14,680 --> 00:11:15,980 pour indiquer chaque rangée. 243 00:11:15,980 --> 00:11:22,510 Et puis balises TD aller à l'intérieur des balises TR pour spécifier une colonne dans une rangée. 244 00:11:22,510 --> 00:11:24,340 >> Pourquoi est-il appelé TD et non TC? 245 00:11:24,340 --> 00:11:25,940 Eh bien, TD signifie données de la table. 246 00:11:25,940 --> 00:11:27,900 Habituellement, vous vous mettez vos informations là-bas. 247 00:11:27,900 --> 00:11:29,440 Voilà pourquoi il est TD et non TC. 248 00:11:29,440 --> 00:11:31,140 Il est un peu déroutant. 249 00:11:31,140 --> 00:11:33,720 >> Donc, vous avez balises de table et à l'intérieur de vos balises table 250 00:11:33,720 --> 00:11:35,600 vous avez un certain nombre de lignes, TR. 251 00:11:35,600 --> 00:11:40,030 Et à l'intérieur de chaque ligne que vous avez TDS pour le nombre de colonnes 252 00:11:40,030 --> 00:11:42,880 que vous voulez avoir dans cette ligne particulière. 253 00:11:42,880 --> 00:11:47,730 Jetons un oeil à un très tableau simple plus dans CS50 IDE. 254 00:11:47,730 --> 00:11:49,730 >> Je dois donc ici un fichier appelé tableau dot HTML. 255 00:11:49,730 --> 00:11:53,390 Ayons un regard sur à quoi ça ressemble. 256 00:11:53,390 --> 00:11:56,225 Il ya beaucoup de choses ici, mais si vous remarquez que je dois une table ouverte. 257 00:11:56,225 --> 00:11:57,850 Je commence la définition avec table. 258 00:11:57,850 --> 00:12:02,100 Et puis, dans ma première rangée je apparemment avoir quatre colonnes, une, deux, trois, 259 00:12:02,100 --> 00:12:02,660 quatre. 260 00:12:02,660 --> 00:12:04,290 Et puis je suis fait avec cette ligne. 261 00:12:04,290 --> 00:12:07,750 >> Puis-je commencer une autre rangée et faire deux, quatre, six, huit. 262 00:12:07,750 --> 00:12:08,850 Terminez cette ligne. 263 00:12:08,850 --> 00:12:11,410 Effectuer une autre rangée, trois, six, neuf, 12. 264 00:12:11,410 --> 00:12:14,830 Et puis une dernière rangée, quatre, huit, 12, et même si elle est 265 00:12:14,830 --> 00:12:16,560 un peu de couper la parole, 16. 266 00:12:16,560 --> 00:12:17,710 >> Je finis cette ligne. 267 00:12:17,710 --> 00:12:18,970 Je finis la table. 268 00:12:18,970 --> 00:12:21,430 Et puis je suis fait avec mon HTML. 269 00:12:21,430 --> 00:12:22,590 Qu'est-ce que cela ressemble? 270 00:12:22,590 --> 00:12:26,014 271 00:12:26,014 --> 00:12:27,430 Eh bien, il est vraiment pas grand chose à voir. 272 00:12:27,430 --> 00:12:31,690 Je l'ai clairement organisé mes informations de façon un peu plus organisée. 273 00:12:31,690 --> 00:12:33,755 Mais il est pas super joli ici. 274 00:12:33,755 --> 00:12:36,130 Et nous allons faire face à que lorsque nous parlons de CSS. 275 00:12:36,130 --> 00:12:38,930 Nous nous pencherons sur cette idée de ce que nous faisons pour faire un table-- 276 00:12:38,930 --> 00:12:41,260 peut-être formater un peu mieux? 277 00:12:41,260 --> 00:12:45,070 Mais je dois encore quatre rangées, dont chacun comporte quatre colonnes, 278 00:12:45,070 --> 00:12:48,890 et vraiment ce que cela représente est un très simple multiplication quatre par quatre 279 00:12:48,890 --> 00:12:49,870 table. 280 00:12:49,870 --> 00:12:51,690 >> Juste un peu plus de balises que nous allons parler. 281 00:12:51,690 --> 00:12:54,617 Parlons de la concept d'un formulaire HTML. 282 00:12:54,617 --> 00:12:57,450 Donc, vous avez peut-être vu dans le contexte de la connexion à une page Web. 283 00:12:57,450 --> 00:12:59,100 Habituellement, vous tapez votre nom d'utilisateur. 284 00:12:59,100 --> 00:13:01,510 Vous tapez votre mot de passe, et vous êtes bon pour aller. 285 00:13:01,510 --> 00:13:04,170 Ce serait le début d'un formulaire. 286 00:13:04,170 --> 00:13:05,420 >> Sauter par-dessus un deuxième div. 287 00:13:05,420 --> 00:13:07,987 Nous avons également des entrées qui sorte de tenir à l'intérieur de formes. 288 00:13:07,987 --> 00:13:10,320 Ce sont ces éléments que vous êtes réellement en tapant dans, 289 00:13:10,320 --> 00:13:12,580 ou les boutons radio vous êtes cochant ou le chèque 290 00:13:12,580 --> 00:13:14,310 boîtes que vous cochant. 291 00:13:14,310 --> 00:13:15,770 Donc, ceux-ci vont à l'intérieur de formes. 292 00:13:15,770 --> 00:13:18,500 Et ils comprennent essentiellement chaque ligne de la forme 293 00:13:18,500 --> 00:13:19,887 si votre formulaire est bien formatée. 294 00:13:19,887 --> 00:13:22,220 Puis, il ya cette notion de une div, qui n'a pas vraiment 295 00:13:22,220 --> 00:13:25,060 tenir dans une catégorie particulière des étiquettes comme celles que je l'ai 296 00:13:25,060 --> 00:13:26,170 été fait précédemment. 297 00:13:26,170 --> 00:13:29,790 Il juste une sorte de délimite la début de certains division-- arbitraire 298 00:13:29,790 --> 00:13:31,670 div-- de la page. 299 00:13:31,670 --> 00:13:33,210 Il n'y a pas rupture visuelle. 300 00:13:33,210 --> 00:13:34,800 Il ya pas de ligne. 301 00:13:34,800 --> 00:13:37,180 Ça ne se déclenche pas comme un morceau séparé automatiquement. 302 00:13:37,180 --> 00:13:39,430 Vous auriez à le dénommer cette façon de faire cela. 303 00:13:39,430 --> 00:13:42,110 >> Il juste une sorte de dit que je veux un morceau de l'espace sur ma page web, 304 00:13:42,110 --> 00:13:45,190 et je vais juste appeler il cette division de ma page. 305 00:13:45,190 --> 00:13:47,619 Nous pouvons mettre des choses à l'intérieur des divs, et en fait, 306 00:13:47,619 --> 00:13:49,410 quand nous avons la tête sur IDE dans un second, nous allons 307 00:13:49,410 --> 00:13:53,760 vois que je mettre mon former à l'intérieur d'un div. 308 00:13:53,760 --> 00:13:57,050 >> Je dois donc ici dans mon IDE un fichier appelé div forme dot HTML. 309 00:13:57,050 --> 00:13:59,260 Ouvrons le haut. 310 00:13:59,260 --> 00:14:01,460 Notez que comme je le disais, div est une sorte de arbitraire. 311 00:14:01,460 --> 00:14:01,640 Droit? 312 00:14:01,640 --> 00:14:02,973 Il n'a pas vraiment rien dire. 313 00:14:02,973 --> 00:14:05,140 Je dois donc arbitraire première division de ma page. 314 00:14:05,140 --> 00:14:07,848 Et puis à la place d'un autre div plus tard, à partir de la ligne de huit, 315 00:14:07,848 --> 00:14:08,730 Je dois cette forme. 316 00:14:08,730 --> 00:14:13,594 Et à l'intérieur de la forme je dois une nombre d'entrées, les champs du formulaire. 317 00:14:13,594 --> 00:14:16,510 Je dois donc un champ dont le nom est A-- qui ne veut rien dire 318 00:14:16,510 --> 00:14:19,350 maintenant-- droit qui, apparemment, prend texte, une autre qui 319 00:14:19,350 --> 00:14:22,630 prend un mot de passe, un autre qui est une radio bouton, un autre qui est une case à cocher, 320 00:14:22,630 --> 00:14:24,797 et un autre qui est un bouton Envoyer. 321 00:14:24,797 --> 00:14:26,630 Eh bien, qu'est ce que cela tout fait ressembler? 322 00:14:26,630 --> 00:14:27,629 Eh bien, nous allons jeter un coup d'oeil. 323 00:14:27,629 --> 00:14:31,010 Nous allons ouvrir dans notre fenêtre de prévisualisation. 324 00:14:31,010 --> 00:14:33,557 Remarquez que ce arbitraire il ya d'abord division-- 325 00:14:33,557 --> 00:14:34,640 pas de séparation visuelle ici. 326 00:14:34,640 --> 00:14:37,150 Il n'a pas vraiment faire quelque chose, non? 327 00:14:37,150 --> 00:14:38,220 >> Et puis je dois ma forme. 328 00:14:38,220 --> 00:14:39,890 Et je ne fais pas de formatage spécial. 329 00:14:39,890 --> 00:14:42,680 Donc, la forme est juste un grande ligne d'informations. 330 00:14:42,680 --> 00:14:46,424 Si je l'avais formaté ma forme différente, Je pourrais avoir ligne par ligne par ligne. 331 00:14:46,424 --> 00:14:47,590 Mais je ne fais pas de style. 332 00:14:47,590 --> 00:14:49,256 Encore une fois, nous ne parlons pas ici CSS. 333 00:14:49,256 --> 00:14:51,030 Nous parlons simplement de HTML. 334 00:14:51,030 --> 00:14:53,980 >> Eh bien dans mon sous forme de texte, je peux bien-- rappeler que les formes de type text 335 00:14:53,980 --> 00:14:55,480 afin que je puisse mettre mon nom. 336 00:14:55,480 --> 00:14:57,330 Et dans mon mot de passe Je peut taper mon mot de passe. 337 00:14:57,330 --> 00:14:59,740 Et parce que ce domaine est de type mot de passe, 338 00:14:59,740 --> 00:15:01,470 vous ne savez pas ce que mon mot de passe. 339 00:15:01,470 --> 00:15:02,800 Il est tous les points. 340 00:15:02,800 --> 00:15:09,140 >> Je peux aussi choisir de cocher une bouton radio ou cocher une case à cocher. 341 00:15:09,140 --> 00:15:10,420 Ou je pourrais présenter ma forme. 342 00:15:10,420 --> 00:15:11,810 Et je ne fais rien, donc quand je soumets ma forme, 343 00:15:11,810 --> 00:15:13,090 la page est actualisée tout simplement. 344 00:15:13,090 --> 00:15:16,970 Mais je pourrais peut-être configurer mon Bouton Soumettre pour faire autre chose. 345 00:15:16,970 --> 00:15:20,410 Et nous verrons ce que nous pouvons faire avec que, dans un avenir vidéo sur PHP. 346 00:15:20,410 --> 00:15:22,520 Mais cela construit une très forme simple que nous 347 00:15:22,520 --> 00:15:27,360 peut utiliser pour avoir les utilisateurs interagissent et soumettre des informations sur notre site web. 348 00:15:27,360 --> 00:15:29,620 >> Un dernier commentaire avant que nous passer à quelques autres balises 349 00:15:29,620 --> 00:15:32,040 sont à jeter un oeil à ce entrée tag une fois de plus. 350 00:15:32,040 --> 00:15:35,760 Notez que je l'ai souligné les extrémités de l'étiquette en rouge. 351 00:15:35,760 --> 00:15:39,390 Chaque autre balise que nous avons vu jusqu'à présent a eu un début et une fin, une ouverture 352 00:15:39,390 --> 00:15:41,030 tag et une balise de fermeture. 353 00:15:41,030 --> 00:15:42,520 >> Mais une balise d'entrée ne fonctionne pas. 354 00:15:42,520 --> 00:15:46,860 Il n'y a pas de texte qui va entre les balises d'entrée. 355 00:15:46,860 --> 00:15:49,160 Toutes les informations nous avons l'intention de transmettre 356 00:15:49,160 --> 00:15:52,640 est liée dans le cadre du attributs de cette entrée. 357 00:15:52,640 --> 00:15:54,690 Notez que nous avons le nom d'entrée est égal à x. 358 00:15:54,690 --> 00:15:55,580 Type équivaut y. 359 00:15:55,580 --> 00:15:57,660 Voilà tous vraiment le informations dont nous avons besoin. 360 00:15:57,660 --> 00:15:59,470 >> Ceci est appelé une étiquette auto de clôture. 361 00:15:59,470 --> 00:16:02,470 Il ne nécessite pas une ouverture et une Fermer parce que toutes les informations 362 00:16:02,470 --> 00:16:04,974 est contenu à l'intérieur du tag et ses attributs. 363 00:16:04,974 --> 00:16:06,390 Donc, parfois, vous verrez cela, aussi. 364 00:16:06,390 --> 00:16:10,400 Donc juste être conscient que si vous avez un tag qui est entièrement autonome, 365 00:16:10,400 --> 00:16:14,170 il ouvre et se ferme avec l'équerre ouverte sur la gauche 366 00:16:14,170 --> 00:16:17,000 et l'angle de barre support sur la droite. 367 00:16:17,000 --> 00:16:20,580 Nous allons voir un autre de ces en ce moment avec des étiquettes d'image ainsi. 368 00:16:20,580 --> 00:16:23,300 >> Avant de parler des images, nous besoin de parler de liens hypertextes. 369 00:16:23,300 --> 00:16:26,080 Si nous voulons que notre page Web pour être interactive et nous déplacer, 370 00:16:26,080 --> 00:16:28,121 il serait agréable de pouvoir à cliquer sur un de ces 371 00:16:28,121 --> 00:16:30,190 ce qui a généralement été un lien bleu. 372 00:16:30,190 --> 00:16:34,440 Ceci est en fait la façon dont nous construisons un lien hypertexte dans notre page web. 373 00:16:34,440 --> 00:16:36,540 Et curieusement il ya une autre balise HTML 374 00:16:36,540 --> 00:16:39,000 appelé lien, ce qui est un lien hypertexte. 375 00:16:39,000 --> 00:16:44,130 A représente ici l'ancre, et Voilà comment nous indiquons un lien hypertexte. 376 00:16:44,130 --> 00:16:49,150 >> A href égale moyens d'aller à x page web X. Et tout 377 00:16:49,150 --> 00:16:51,580 entre l'ouvrir un tag et la clôture Un tag 378 00:16:51,580 --> 00:16:56,010 est ce que ça va être souligné que texte bleu qui ressemble à un lien 379 00:16:56,010 --> 00:16:57,590 que nous sommes familiers. 380 00:16:57,590 --> 00:17:01,660 Ci-dessous, que nous avons une balise d'image, qui est une auto balise de fermeture pour l'affichage 381 00:17:01,660 --> 00:17:05,599 une image située au X. Et vous pourriez être en mesure de changer 382 00:17:05,599 --> 00:17:08,280 en précisant que l'image largeur et la hauteur 383 00:17:08,280 --> 00:17:11,640 et d'autres attributs que Dot Dot Dot il. 384 00:17:11,640 --> 00:17:14,260 >> Au bas ici nous avons un très intéressant 385 00:17:14,260 --> 00:17:16,170 recherche tag qui n'a pas avoir une balise de fermeture. 386 00:17:16,170 --> 00:17:19,410 Il est point d'exclamation DOCTYPE html. 387 00:17:19,410 --> 00:17:23,300 Donc, HTML a été autour depuis le début des années 1990 pour la création de pages Web, 388 00:17:23,300 --> 00:17:25,859 et il est parti subi plusieurs révisions depuis lors. 389 00:17:25,859 --> 00:17:28,550 Plus récemment, en 2014 il a subi une révision 390 00:17:28,550 --> 00:17:33,440 appelé HTML5 qui est maintenant le courant sorte de standard de facto de HTML. 391 00:17:33,440 --> 00:17:36,730 >> Pour indiquer que notre site web les pages sont écrites en utilisant HTML5, 392 00:17:36,730 --> 00:17:38,160 voilà comment nous partons. 393 00:17:38,160 --> 00:17:40,380 Il peut être omis mais ce que, fondamentalement, 394 00:17:40,380 --> 00:17:45,930 signifie que vous ne pouvez pas utiliser des balises que sont les balises HTML5, ces nouvelles balises. 395 00:17:45,930 --> 00:17:48,591 Donc, nous commençons toujours éteint si nous sommes en utilisant HTML5. 396 00:17:48,591 --> 00:17:51,340 Et toutes les balises dont nous avons parlé précédemment ne sont pas les balises HTML5. 397 00:17:51,340 --> 00:17:55,470 Mais cela indiquerait que Balises HTML5 seront présents. 398 00:17:55,470 --> 00:17:58,400 Et nous avons donc exclamation DOCTYPE HTML, qui 399 00:17:58,400 --> 00:18:01,280 est au tout début de notre Fichier HTML, puis après ce point 400 00:18:01,280 --> 00:18:04,930 nous avons fait notre HTML ouverte étiqueter et à partir de là. 401 00:18:04,930 --> 00:18:10,050 >> Le dernier est une balise de commentaire, ce qui est légèrement différente, aussi. 402 00:18:10,050 --> 00:18:12,810 Il commence avec un angle support exclamation tableau de bord 403 00:18:12,810 --> 00:18:15,220 tableau de bord, mais pas de support de fermeture. 404 00:18:15,220 --> 00:18:20,150 Dans entre ces deux éléments là-bas est l'endroit où vous écrivez vos commentaires. 405 00:18:20,150 --> 00:18:28,420 Et nous allons jeter un oeil à images et les commentaires et les liens CS50 IDE. 406 00:18:28,420 --> 00:18:32,850 >> Je dois donc ici un fichier appelé l'image lien dot HTML que je vais ouvrir. 407 00:18:32,850 --> 00:18:36,420 Et remarquez que je ai un couple de commentaires ici dans mes commentaires HTML. 408 00:18:36,420 --> 00:18:38,990 Ainsi, tout comme en C et autres langages de programmation, 409 00:18:38,990 --> 00:18:43,169 HTML tout en étant un langage de balisage a la capacité d'avoir des commentaires. 410 00:18:43,169 --> 00:18:45,710 Et donc je suis apparemment aller placer une photo de Rick Astley 411 00:18:45,710 --> 00:18:49,060 quelque part entre cette div tag, cette division arbitraire. 412 00:18:49,060 --> 00:18:51,497 Apparemment, ce fichier est situé à Rick dot JPEG, qui 413 00:18:51,497 --> 00:18:53,580 si nous nous dirigeons en arrière sur mon arbre de fichier pour une seconde, 414 00:18:53,580 --> 00:18:55,490 est un fichier qui existe dans le répertoire courant. 415 00:18:55,490 --> 00:18:56,031 Voilà donc OK. 416 00:18:56,031 --> 00:18:57,710 Je peux le référencer. 417 00:18:57,710 --> 00:18:59,680 >> Ensuite, je peux avoir des liens internes. 418 00:18:59,680 --> 00:19:05,080 Donc remarquer sur la ligne 11 ici mon href est bonjour dot HTML. 419 00:19:05,080 --> 00:19:09,050 Alors que se réfère juste bonjour dot HTML qui existe dans le répertoire courant. 420 00:19:09,050 --> 00:19:12,980 Et je peux aussi avoir externe liens par spécifiant simplement HTTPS 421 00:19:12,980 --> 00:19:16,180 pour indiquer que je ne parle pas sur un fichier dans mon répertoire courant. 422 00:19:16,180 --> 00:19:19,730 Je veux parler d'un fichier qui existe quelque part sur Internet, que je dois 423 00:19:19,730 --> 00:19:23,370 à demander à l'aide du protocole HTTP. 424 00:19:23,370 --> 00:19:25,990 >> Donc, nous allons jeter un oeil à ce que cette page pourrait ressembler 425 00:19:25,990 --> 00:19:29,500 et soyez prêt pour une photo de Rick Astley à apparaître sur votre écran. 426 00:19:29,500 --> 00:19:31,490 Je vais donc Aperçu de cet. 427 00:19:31,490 --> 00:19:33,800 Il ya de Rick Astley à la très haut dans ce arbitraire 428 00:19:33,800 --> 00:19:35,008 Division je le mets au sommet. 429 00:19:35,008 --> 00:19:36,960 Et puis en bas, je avoir mes liens, non? 430 00:19:36,960 --> 00:19:39,330 >> Je dois un lien vers bonjour dot HTML. 431 00:19:39,330 --> 00:19:42,860 Et si je clique, je reçois déplacé vers cette page 432 00:19:42,860 --> 00:19:47,050 que nous sommes très familiers avec de le début de notre programme. 433 00:19:47,050 --> 00:19:50,880 Si je saute cette page ouverte à nouveau, si je Lien de l'image pop ouvrir une fois de plus, 434 00:19:50,880 --> 00:19:54,420 Je peux aussi aller à l'extérieur sur le site de CS50. 435 00:19:54,420 --> 00:19:56,740 Et là, nous see-- je vais rétrécir un peu ici-- 436 00:19:56,740 --> 00:20:00,260 nous allons voir le site web de sorte de CS50 de intégré dans le milieu de notre page. 437 00:20:00,260 --> 00:20:04,670 Donc, je suis en mesure de faire un interne lien ainsi que d'un lien externe. 438 00:20:04,670 --> 00:20:07,200 >> La dernière règle avec HTML nous allons parler ici 439 00:20:07,200 --> 00:20:09,510 est que votre HTML doit être bien formé. 440 00:20:09,510 --> 00:20:13,020 En C, nous avons beaucoup parlé les différents syntaxe des choses. 441 00:20:13,020 --> 00:20:17,650 Dans la syntaxe HTML vraiment tourne autour de tags. 442 00:20:17,650 --> 00:20:19,660 Chaque tag vous ouvrez doit être fermé. 443 00:20:19,660 --> 00:20:22,630 Et en fait, chaque tag que vous ouvrez devrait être fermé dans l'ordre inverse. 444 00:20:22,630 --> 00:20:25,790 >> Donc, si vous ouvrez un tag bold, italic une tag, puis une balise soulignement 445 00:20:25,790 --> 00:20:28,120 à faire tous les trois à un ensemble particulier de texte, 446 00:20:28,120 --> 00:20:30,070 vous devez les fermer dans l'ordre inverse. 447 00:20:30,070 --> 00:20:32,270 Donc, si vous avez ouvert gras, italique, souligné, vous 448 00:20:32,270 --> 00:20:35,240 vouloir fermer souligné, italique, gras. 449 00:20:35,240 --> 00:20:39,990 Ce type d'encapsulation est ce que maintient HTML agréable et organisée. 450 00:20:39,990 --> 00:20:44,370 >> Contrairement à C, cependant, les erreurs de syntaxe ne sera pas effectivement paralyser votre HTML éventuellement. 451 00:20:44,370 --> 00:20:48,730 Votre code HTML peut-être pas bien formé, mais serait encore travailler. 452 00:20:48,730 --> 00:20:50,589 Et ainsi de ces erreurs peut trier de la glissière par. 453 00:20:50,589 --> 00:20:52,130 Il est à vous pour être vraiment vigilant. 454 00:20:52,130 --> 00:20:54,760 Parfois, ils vont échouer, mais Parfois, vous pouvez sortir avec elle. 455 00:20:54,760 --> 00:20:56,509 >> Il peut être un très tâche difficile, cependant, 456 00:20:56,509 --> 00:21:00,660 de garder trace du moment où vous avez ouvert une étiquette, quand vous l'avez fermé, 457 00:21:00,660 --> 00:21:04,110 d'autant plus que votre code HTML fichiers deviennent de plus en plus grande. 458 00:21:04,110 --> 00:21:05,490 Vous voulez de l'aide. 459 00:21:05,490 --> 00:21:07,560 Et il ya en ligne outils de validateur que vous 460 00:21:07,560 --> 00:21:11,474 peut utiliser pour avoir un oeil à votre site Web page et voir si elle est bien formée HTML. 461 00:21:11,474 --> 00:21:13,390 Et vous devriez certainement jetez un oeil à ceux 462 00:21:13,390 --> 00:21:16,620 et de commencer à les utiliser comme vous commencer à faire un peu de travail avec le HTML, 463 00:21:16,620 --> 00:21:20,800 écriture de code HTML, juste pour que vous obtenez quelques bonnes habitudes sur l'organisation 464 00:21:20,800 --> 00:21:24,377 votre code HTML dans le bon sens et bon style et faire en sorte 465 00:21:24,377 --> 00:21:27,210 que vous ne faites pas tout ce qui pourrait créer une erreur de syntaxe 466 00:21:27,210 --> 00:21:30,270 pourrait vous causer un peu de un problème sur la route. 467 00:21:30,270 --> 00:21:31,190 >> Je suis Doug Lloyd. 468 00:21:31,190 --> 00:21:33,450 Ceci est CS50. 469 00:21:33,450 --> 00:21:34,859