1 00:00:00,000 --> 00:00:06,100 2 00:00:06,100 --> 00:00:08,790 >> DOUG LLOYD: So demorati sumus diebus about-- meum math si rectum est, 3 00:00:08,790 --> 00:00:11,900 et puto vultus back-- puto demorati sumus diebus circa XXXV videos loquentes 4 00:00:11,900 --> 00:00:15,139 de variis C forsitan paulo fortasse paulo minus. 5 00:00:15,139 --> 00:00:16,930 Et non operiet omnia in C, sed 6 00:00:16,930 --> 00:00:21,170 operuit magnum FRUSTUM of the lingua, plerumque illo 7 00:00:21,170 --> 00:00:22,882 certe ad communes usus habitaculum. 8 00:00:22,882 --> 00:00:25,090 Debemus autem nos erant 'iens loqui circa aliam quamdam linguam translatae, HTML. 9 00:00:25,090 --> 00:00:28,180 Et nos erant 'iens ad operiendum just it in unum video. 10 00:00:28,180 --> 00:00:29,340 >> Quod suus 'iens ut agant. 11 00:00:29,340 --> 00:00:31,410 Quod suus 'iens actu fieri quod assuefacti sis habiturus. 12 00:00:31,410 --> 00:00:33,535 Iam ut vos have in fundamentals labii unius, 13 00:00:33,535 --> 00:00:35,776 suus 'actu pulchellus facile committitur cognita aliis. 14 00:00:35,776 --> 00:00:37,650 Ita et nos erant 'iens ut satus ad ingrediamur paulo retractum 15 00:00:37,650 --> 00:00:43,340 et palpabat basic differentias Inter sermones hos 16 00:00:43,340 --> 00:00:45,750 et genus omne quod relinquam. 17 00:00:45,750 --> 00:00:48,530 Illic 'multus of magnus resources in Penitus, quae 18 00:00:48,530 --> 00:00:51,279 vos erant 'iens ut satus est directiva quia in Penitus est 19 00:00:51,279 --> 00:00:53,340 ingens reconditorium notitia. 20 00:00:53,340 --> 00:00:55,960 Itaque, non ut faciam vobis amittendi esse necessario 21 00:00:55,960 --> 00:00:58,349 non habendo notitia operuit in a video. 22 00:00:58,349 --> 00:01:00,640 Tu tamen posse omne opus et usum 23 00:01:00,640 --> 00:01:03,590 scientia youve 'iam superaedificamini intelligendo C 24 00:01:03,590 --> 00:01:07,130 ad haec eruditio curvo actu multum lingua blanditur. 25 00:01:07,130 --> 00:01:08,640 Promitto. 26 00:01:08,640 --> 00:01:12,770 >> Sed unius fama omne id quidem quaestio web 27 00:01:12,770 --> 00:01:14,830 page, quod HTML. 28 00:01:14,830 --> 00:01:18,230 HTML est Hyper Text Markup Language. 29 00:01:18,230 --> 00:01:22,700 Sed quod sit proprium Lombardie HTML non est programming lingua. 30 00:01:22,700 --> 00:01:23,900 >> HTML non habet variabiles. 31 00:01:23,900 --> 00:01:26,430 Non habet vel logic muneribus quibuslibet fungi vel aliquid huiusmodi. 32 00:01:26,430 --> 00:01:30,301 Non possumus facere quicquam Aliquam libero per se in HTML. 33 00:01:30,301 --> 00:01:32,300 Aliquando audies describet sibi populum 34 00:01:32,300 --> 00:01:35,710 ut HTML programmers, quae non omnino accuratae. 35 00:01:35,710 --> 00:01:37,980 HTML possumus scribere progressio. 36 00:01:37,980 --> 00:01:40,770 >> Iustum est notare solebant HTML text. 37 00:01:40,770 --> 00:01:42,690 Suus dicitur a markup lingua. 38 00:01:42,690 --> 00:01:47,680 Quae sit porro ista does-- hoc markup-- utimur in HTML tags et haec tags-- 39 00:01:47,680 --> 00:01:51,600 hoc markup-- semantically definit structura a page 40 00:01:51,600 --> 00:01:55,280 et facit ut campo text inter tags interpretandum 41 00:01:55,280 --> 00:01:57,320 per pasco in diversisque itineribus iretur. 42 00:01:57,320 --> 00:02:00,370 Et forte melius explicare hoc per exemplum. 43 00:02:00,370 --> 00:02:06,450 >> Lorem ipsum simplex HTML page, non WBMP progressio iterum an HTML page. 44 00:02:06,450 --> 00:02:08,680 Et scimus suus ' HTML page quia Ive ' 45 00:02:08,680 --> 00:02:11,480 finiri omnia HTML tags. 46 00:02:11,480 --> 00:02:13,850 Existimo ergo hoc bonum esse similis HTML tag. 47 00:02:13,850 --> 00:02:15,870 Suus 'inter angulum uncis. 48 00:02:15,870 --> 00:02:18,570 Et adverte summo habemus HTML ad imum 49 00:02:18,570 --> 00:02:21,400 post weve operatus est multum aliis videtur HTML 50 00:02:21,400 --> 00:02:24,310 habemus angulus bracket VULNUS HTML. 51 00:02:24,310 --> 00:02:29,262 Et talis terminus HTML quod est et quod non est. 52 00:02:29,262 --> 00:02:32,220 Et sane ad placitum, sicut ut scripsisti omnes sermones tui C progressio 53 00:02:32,220 --> 00:02:35,300 cum dot C tractus, omnis domus tua HTML lima 54 00:02:35,300 --> 00:02:37,909 finietur cum dot HTML tractus. 55 00:02:37,909 --> 00:02:39,200 Sed magis gererentur. 56 00:02:39,200 --> 00:02:40,658 Non sicut hæc HTML tags. 57 00:02:40,658 --> 00:02:44,010 Nos habere hoc apparenter aliquid dicitur capite tag. 58 00:02:44,010 --> 00:02:46,010 , Bene, quid est? 59 00:02:46,010 --> 00:02:48,550 >> Bene maybe suus 'optimus secundum differentiam corporis 60 00:02:48,550 --> 00:02:50,590 corporis Summaque web page. 61 00:02:50,590 --> 00:02:55,860 Sic maybe caput definit tag effercio non in pasco proprium 62 00:02:55,860 --> 00:02:59,410 sed quodammodo est maximus ut nostri web page reddi recte. 63 00:02:59,410 --> 00:03:02,490 Pro exemplo, intus est caput tag habemus title tags. 64 00:03:02,490 --> 00:03:05,500 >> Ita title sit salve mundi, quoniam suus 'vere quid futurum 65 00:03:05,500 --> 00:03:08,797 ostendit in tab Chrome aut in safari vel Firefox-- 66 00:03:08,797 --> 00:03:11,880 quicquid pasco vos prefer-- ut ' quid suus 'iens ut in titulum. 67 00:03:11,880 --> 00:03:14,800 Et ante illud documento futurae qualemcunque tabs in totum pasco fenestra 68 00:03:14,800 --> 00:03:19,710 et potest unum page pasco fenestra aperiam in tempore. 69 00:03:19,710 --> 00:03:22,160 Quod suus 'iens futurus est titulus in pagina tab 70 00:03:22,160 --> 00:03:24,600 pasco fenestra aut forensem salve mundi. 71 00:03:24,600 --> 00:03:28,611 Et tunc contentus de mea web page erit mundus, salve. 72 00:03:28,611 --> 00:03:31,360 Sic lets 'inspice quidam huiuscemodi vultus. 73 00:03:31,360 --> 00:03:33,210 Hoc est pulchellus simplex HTML page. 74 00:03:33,210 --> 00:03:35,970 Hic igitur et in CS50 IDE Ive zoomed in pauco. 75 00:03:35,970 --> 00:03:38,290 Et Im 'iustus iens ad patefacio sursum salve dot HTML 76 00:03:38,290 --> 00:03:42,000 et hoc tibi signum quod fere page contentus ante vidimus. 77 00:03:42,000 --> 00:03:45,240 Simplicitas HTML, caput tags, title tags corpus, et sic deinceps. 78 00:03:45,240 --> 00:03:47,320 Ive Repulsus a mulieribus fateretur. 79 00:03:47,320 --> 00:03:51,530 >> Quid ergo possum me IDE iustus est praevius page. 80 00:03:51,530 --> 00:03:52,630 Et ibimus. 81 00:03:52,630 --> 00:03:56,070 Summaque pagina est mundum, salve, et nihil vident 82 00:03:56,070 --> 00:03:58,500 in Melchom de capite tags ibi. 83 00:03:58,500 --> 00:03:59,980 Suus 'iustus contentus corporis. 84 00:03:59,980 --> 00:04:00,780 Orbis terrarum, salve. 85 00:04:00,780 --> 00:04:03,700 Et iterum corpus iustum dixit, per omnia saecula, salve. 86 00:04:03,700 --> 00:04:06,160 Reliquam autem partem quidem defuit. 87 00:04:06,160 --> 00:04:07,610 >> Ut vere est omnibus. 88 00:04:07,610 --> 00:04:11,370 Haec est prima simpliciter HTML page. 89 00:04:11,370 --> 00:04:14,280 Nunc Ive 'indented mea HTML to esse vere nice et ordinata, 90 00:04:14,280 --> 00:04:15,840 sed non est eorum. 91 00:04:15,840 --> 00:04:17,959 Possem facere respicere pulchellus deforme. 92 00:04:17,959 --> 00:04:19,467 Et hoc etiam tempore enitimur. 93 00:04:19,467 --> 00:04:21,050 Hoc exactam idem web page. 94 00:04:21,050 --> 00:04:23,100 Ive 'iustus gotten rid of omnes albi spatium. 95 00:04:23,100 --> 00:04:24,820 >> Sicut evenit album spatium elit. 96 00:04:24,820 --> 00:04:28,540 Itaque nos ex rei missis mittentis ad receiver, moderatri 97 00:04:28,540 --> 00:04:30,670 ad client, data sumptuum pecuniam se daturos. 98 00:04:30,670 --> 00:04:34,460 Et questus rid of whitespace actu est bonum idea 99 00:04:34,460 --> 00:04:37,320 si tu aliquis qui ministrat multum telam contentus. 100 00:04:37,320 --> 00:04:39,820 Nam si tu malum idea aliquis qui suus 'cognita effercio 101 00:04:39,820 --> 00:04:41,528 et vis habere Suggesti- ve loquitur verat. 102 00:04:41,528 --> 00:04:43,810 Est multus facillimus parse quam. 103 00:04:43,810 --> 00:04:45,540 Sed officiatorie suus 'idem. 104 00:04:45,540 --> 00:04:48,720 >> Indentation et effercio sicut non actu refert in HTML. 105 00:04:48,720 --> 00:04:53,634 Omne quod aperit referre et tags in recto ordine tags clausis. 106 00:04:53,634 --> 00:04:55,050 Et nota hic quod factum licet. 107 00:04:55,050 --> 00:04:58,450 Nos quodammodo in ch communicare extra information 108 00:04:58,450 --> 00:04:59,940 quid weve scriptum. 109 00:04:59,940 --> 00:05:03,130 The Salve, mundi parte erat interpretatur titulo consecraretur. 110 00:05:03,130 --> 00:05:06,410 Qui utique, salve partem interpretatur, ut contentum 111 00:05:06,410 --> 00:05:09,090 aut quid esset visibilium in meus web page. 112 00:05:09,090 --> 00:05:12,167 >> Sunt super C diversis illis tags et lots of opibus 113 00:05:12,167 --> 00:05:13,000 online ad illa iam non invenient. 114 00:05:13,000 --> 00:05:14,900 Sumamus loqui de hoc video pauca quaedam 115 00:05:14,900 --> 00:05:16,440 de vere fundamentalis effercio. 116 00:05:16,440 --> 00:05:18,440 Sed erant 'non iens Disputatio de illo omnes propter imbrem 117 00:05:18,440 --> 00:05:20,250 exhausta esset faciendum. 118 00:05:20,250 --> 00:05:22,880 >> Aliud quod potest, cum is patefacio sursum elit instrumenta. 119 00:05:22,880 --> 00:05:26,069 Et si ab opere revocandi nostrum video in HTTP, 120 00:05:26,069 --> 00:05:27,860 Hunc sermonem explicui quomodo aperire up elit instrumenta. 121 00:05:27,860 --> 00:05:32,020 In Chrome suus 'usitas F12 key toolbar aperire elit. 122 00:05:32,020 --> 00:05:35,909 Deinde pro legendo Network tab, vos can sumo Elementis tab. 123 00:05:35,909 --> 00:05:37,700 Et si oneratis a web page, youll actu 124 00:05:37,700 --> 00:05:40,280 HTML page tela videret id efficit. 125 00:05:40,280 --> 00:05:44,090 Itaque docente HTML multus aspiciendo ad vestri ventus websites 126 00:05:44,090 --> 00:05:48,474 et videntes aedificabunt qui variis voles. 127 00:05:48,474 --> 00:05:50,890 Sic maybe illic 'hoc frigus exemplar vel aliquid tale. 128 00:05:50,890 --> 00:05:52,140 Quomodo faciunt HTML? 129 00:05:52,140 --> 00:05:55,630 Bene vos can iustus patefacio sursum vestri elit tools et tabernus super hoc elementum 130 00:05:55,630 --> 00:05:57,700 et vide quid HTML facit. 131 00:05:57,700 --> 00:05:59,450 Sic ut 'a vere bonum addiscendi HTML, 132 00:05:59,450 --> 00:06:02,330 et commendamus vehementer, ut Et discere facias HTML 133 00:06:02,330 --> 00:06:04,930 et etiam discere a paulo bit quaedam ex options 134 00:06:04,930 --> 00:06:07,050 available in vobis elit instrumenta, quae 135 00:06:07,050 --> 00:06:10,200 Festinus veniet in habilem ut vos suscipio opera tua novissima plura intensive web 136 00:06:10,200 --> 00:06:11,090 programming. 137 00:06:11,090 --> 00:06:14,080 >> Sic lets 'inspice a iugo communium HTML tags. 138 00:06:14,080 --> 00:06:17,210 Et mittunt et puteus inspice quid his tags et reddere 139 00:06:17,210 --> 00:06:20,490 sicut per quoddam files in IDE. 140 00:06:20,490 --> 00:06:26,330 Ita hic sunt tres basic tags for tweaking visivae aspectus text. 141 00:06:26,330 --> 00:06:29,050 Illic 'B tags Ego tags et U tags. 142 00:06:29,050 --> 00:06:33,170 Et respective quid faciunt in textum exhibet audet 143 00:06:33,170 --> 00:06:35,430 italics et underlining. 144 00:06:35,430 --> 00:06:40,430 Proinde vide quid viderim sicut in actualem web page in IDE. 145 00:06:40,430 --> 00:06:43,390 >> Ita hic in meum IDE habeo dot file vocavit BIU HTML. 146 00:06:43,390 --> 00:06:46,770 BIU dot HTML ens iusta audax, italics, underlining. 147 00:06:46,770 --> 00:06:47,830 Peius 'patefacio is sursum. 148 00:06:47,830 --> 00:06:51,810 >> Et youll 'animadverto ut hic hoc est B text bold tags. 149 00:06:51,810 --> 00:06:54,010 Tags italic text. 150 00:06:54,010 --> 00:06:56,307 Et hoc est U tags underlined. 151 00:06:56,307 --> 00:06:57,640 Quid est iens ut vultus amo? 152 00:06:57,640 --> 00:06:59,473 Puteum, omnes facultates meas efficio est transire here 153 00:06:59,473 --> 00:07:04,690 mea pasco mi file pasco, click Praevius et sic exit. 154 00:07:04,690 --> 00:07:07,520 >> In textu inter B tags nunc quidem est audax. 155 00:07:07,520 --> 00:07:10,720 The text inter I in tags nunc quidem italic. 156 00:07:10,720 --> 00:07:14,634 Et inter U littera tags nunc quidem underlined. 157 00:07:14,634 --> 00:07:15,550 Sic ut 'pulchellus bonus. 158 00:07:15,550 --> 00:07:18,450 Nunc illud sciat facere respice paulo plus ludo 159 00:07:18,450 --> 00:07:20,360 neu emphasis quaedam. 160 00:07:20,360 --> 00:07:25,530 Alia duo sunt communia tags tags paragraph, P caput tags, 161 00:07:25,530 --> 00:07:27,980 quae propterea uarie redditur hic HX. 162 00:07:27,980 --> 00:07:32,520 >> P his tags, haec paragraph tags, text in locis frangere. 163 00:07:32,520 --> 00:07:34,646 Suus 'non sufficit ut iustus ledo Penetro et relinquerent uias, 164 00:07:34,646 --> 00:07:37,186 quia a computer est tantum iens facere quod facere videaris 165 00:07:37,186 --> 00:07:39,450 et ignores album spatium pro maiori parte. 166 00:07:39,450 --> 00:07:41,636 Et ideo non est iustus ledo Penetro et expecta nostra computatrum 167 00:07:41,636 --> 00:07:43,760 interpretari volumus novum ordiri paragraph. 168 00:07:43,760 --> 00:07:47,670 Est autem hoc ipsum expresse hoc est unum paragraph-- another-- 169 00:07:47,670 --> 00:07:50,740 per utrumque concludens in a paro of tags P. 170 00:07:50,740 --> 00:07:54,560 >> Et erimus nos quoque haec options H tags, haec header tags. 171 00:07:54,560 --> 00:07:57,000 Habemus sex gradus of caput capitis sunt unum, duo, tria, 172 00:07:57,000 --> 00:08:01,110 quattuor, quinque, sex, quae successive grossius et grossius 173 00:08:01,110 --> 00:08:01,710 caput capitis. 174 00:08:01,710 --> 00:08:04,360 Et adepto minor et minores et minores et minores. 175 00:08:04,360 --> 00:08:07,690 Itaque summo gradu habere caput, alterum caput gradum, et sic deinceps, et sic de aliis. 176 00:08:07,690 --> 00:08:10,480 >> Sit aliquod inspice maybe P tags et header tags 177 00:08:10,480 --> 00:08:13,110 Paginam in actione. 178 00:08:13,110 --> 00:08:18,180 Ita hic in meum IDE habeo a file vocavit PH dot HTML, PH sit paragraphs 179 00:08:18,180 --> 00:08:18,970 et header tags. 180 00:08:18,970 --> 00:08:20,709 Aperire oculos. 181 00:08:20,709 --> 00:08:23,000 Illic 'multus hic geritur quia Ive 'adficient lorem 182 00:08:23,000 --> 00:08:24,660 ipsum, sicut quidam temere text here. 183 00:08:24,660 --> 00:08:27,284 Sic ego zoom ex pauco quia tam multa geruntur. 184 00:08:27,284 --> 00:08:31,980 Sed nota quod non in ipso H1 habeo hic summo in gradu, 185 00:08:31,980 --> 00:08:32,802 header tag. 186 00:08:32,802 --> 00:08:36,010 Habeo autem ver, quod iustum est fasciculumque temere text-- lorem ipsum-- 187 00:08:36,010 --> 00:08:38,720 iustus vexillum default saturitatem in text. 188 00:08:38,720 --> 00:08:41,970 Ita Habeo duas paragraphos inside illius one level header et deorsum I 189 00:08:41,970 --> 00:08:46,850 have a gradu duo header hic linea XXIV, secundo gradu caput et alia duo 190 00:08:46,850 --> 00:08:47,840 paragraphs. 191 00:08:47,840 --> 00:08:51,910 Quid hoc vultus amo considerabit eam si praevisum meo? 192 00:08:51,910 --> 00:08:53,790 Videamus. 193 00:08:53,790 --> 00:08:55,730 >> Vide igitur, quod hic pri- mum gradum header 194 00:08:55,730 --> 00:08:58,420 est actu admodum aliquantulus maior quam secundo gradu header. 195 00:08:58,420 --> 00:08:59,940 Sic fuimus in sermone adulationis H1 tags. 196 00:08:59,940 --> 00:09:03,820 Et nota quod P tags patitur quae in locis frangere. 197 00:09:03,820 --> 00:09:07,500 Si cuius effrenae libidini rid illorum P tags et actualiter iustus posuit Ingreditur vel Returns 198 00:09:07,500 --> 00:09:10,110 in inter would speravimus esse in diversis locis, 199 00:09:10,110 --> 00:09:13,193 essent iusta et simul impulit hoc non esset nisi paragrapho 200 00:09:13,193 --> 00:09:15,840 Spatio separationem superius et inferius. 201 00:09:15,840 --> 00:09:18,300 Et sic id quod paragraph tags et header tags 202 00:09:18,300 --> 00:09:22,440 communiter usi haurire ad partes nostras Define 203 00:09:22,440 --> 00:09:23,550 quod in via. 204 00:09:23,550 --> 00:09:27,560 >> Next ascendit tags quod sunt aliqui utimur aedificare lists nostra web page. 205 00:09:27,560 --> 00:09:30,820 Sic habemus inordinatum aspicite ULs-- quae iusta sunt 206 00:09:30,820 --> 00:09:34,090 bulleted album, iussit list quae numbered-- 207 00:09:34,090 --> 00:09:37,680 OLs-- et inside of aut necesse est ut inter illos 208 00:09:37,680 --> 00:09:40,600 ponit indicare list item, LI. 209 00:09:40,600 --> 00:09:44,370 Itaque Apertam UL tag item et nos intus est. 210 00:09:44,370 --> 00:09:46,920 Denique nos fieri quod potest claudere UL velit. 211 00:09:46,920 --> 00:09:49,850 >> Et similiter habere possumus ordinata et non numerabitur list 212 00:09:49,850 --> 00:09:51,560 et posuit album items ut inside of. 213 00:09:51,560 --> 00:09:53,350 Sic lets 'take a inviso at a iugo of lists 214 00:09:53,350 --> 00:09:57,230 et quod sibi paraverant facere reddendo inde in CS50 IDE. 215 00:09:57,230 --> 00:10:00,640 Sic habemus hic in meum a IDE dot file vocavit lists HTML. 216 00:10:00,640 --> 00:10:03,100 Lets accipere a inviso. 217 00:10:03,100 --> 00:10:08,482 >> Et ego hîc monendos li quinque enumerare rerum. 218 00:10:08,482 --> 00:10:11,440 Tunc iussit habere voluerit, Ego mutata tag paucum 219 00:10:11,440 --> 00:10:11,939 ius? 220 00:10:11,939 --> 00:10:13,152 Initio dixi restant. 221 00:10:13,152 --> 00:10:16,110 Evenit ordinata cum libet constituere possunt initium ubicumque 222 00:10:16,110 --> 00:10:20,130 I want-- per defaltam erit one-- iusto consummatio sic dictus attributum 223 00:10:20,130 --> 00:10:21,190 meo OL tag. 224 00:10:21,190 --> 00:10:23,572 Et ideo rationabiliter hoc list erit committitur computatis ad sex. 225 00:10:23,572 --> 00:10:26,780 Numeravit igitur elementa album esse sex, septem, octo, novem, decem, 226 00:10:26,780 --> 00:10:29,930 eo quod non sint quinque elementa in album, opponitur uni 227 00:10:29,930 --> 00:10:33,770 duo, tres, quatuor, quinque, quas foret si dixisset OL 228 00:10:33,770 --> 00:10:36,730 sine ratione satus attributum. 229 00:10:36,730 --> 00:10:41,594 >> Ita iustus ita potes praemonstrare a sensu hic quid agatur. 230 00:10:41,594 --> 00:10:42,260 Et ibimus. 231 00:10:42,260 --> 00:10:44,610 Illic 'my list. 232 00:10:44,610 --> 00:10:47,810 Primo quinque elementa sunt inordinatum aut bulleted album. 233 00:10:47,810 --> 00:10:51,010 Et altera quinque elementa sunt separata iussit list 234 00:10:51,010 --> 00:10:52,980 incipiens a sex. 235 00:10:52,980 --> 00:10:56,247 Ita ut 'quam nos can aedificare lists usura HTML. 236 00:10:56,247 --> 00:10:58,080 Aliud tibi fortitudinem volenti mihi facere cum HTML 237 00:10:58,080 --> 00:11:01,520 est aedificare et mensam de informationem ordines columns 238 00:11:01,520 --> 00:11:04,560 exhibere notitia in a maxime modo politico. 239 00:11:04,560 --> 00:11:09,110 Facere possumus HTML mensam definition incipiens aperta bracket 240 00:11:09,110 --> 00:11:10,160 mensa. 241 00:11:10,160 --> 00:11:14,680 Et intra illam enim ut a paro of ordinibus, TR tags 242 00:11:14,680 --> 00:11:15,980 ad significandum ordinem. 243 00:11:15,980 --> 00:11:22,510 Et tunc TD tags ire inside of tags TR definias columna intra unius ordinis dolata. 244 00:11:22,510 --> 00:11:24,340 >> Quare non dicitur TD TC? 245 00:11:24,340 --> 00:11:25,940 Bene, TD pro mensa data. 246 00:11:25,940 --> 00:11:27,900 Usitas vos ponimus vestri notitia ibi. 247 00:11:27,900 --> 00:11:29,440 Et ideo non est TD TC. 248 00:11:29,440 --> 00:11:31,140 Suus parum turbatio. 249 00:11:31,140 --> 00:11:33,720 >> Habes igitur mensam tags et intus autem mensae tuae erit tags 250 00:11:33,720 --> 00:11:35,600 habes ordines, om. 251 00:11:35,600 --> 00:11:40,030 Et in quolibet ordine habetis TDS numerus intercolumnia altitudinesque columnarum 252 00:11:40,030 --> 00:11:42,880 quod vis habere in tali ordine. 253 00:11:42,880 --> 00:11:47,730 Vide ipsum sit amet simplex in mensa super CS50 IDE. 254 00:11:47,730 --> 00:11:49,730 >> Sic EGO have hic a file vocavit mensam dot HTML. 255 00:11:49,730 --> 00:11:53,390 Sit scriptor habere inviso quid vultus amo. 256 00:11:53,390 --> 00:11:56,225 Illic inter multa geruntur hic videris mihi apertum mensam. 257 00:11:56,225 --> 00:11:57,850 Im 'satus definitionem mensam. 258 00:11:57,850 --> 00:12:02,100 Et tunc in primo versu I apparently plumarii columnas habebit quattuor, unum, duo, tria, 259 00:12:02,100 --> 00:12:02,660 quattuor. 260 00:12:02,660 --> 00:12:04,290 Deinde cum fatales iam nunc explevimus sustentabatur. 261 00:12:04,290 --> 00:12:07,750 >> Tunc committitur alius insuper ordo et duo, quatuor, sex, octo. 262 00:12:07,750 --> 00:12:08,850 Conpleveris haec dormies row. 263 00:12:08,850 --> 00:12:11,410 Alterius ordinis, tria, sex, novem XII. 264 00:12:11,410 --> 00:12:14,830 Dein ultima quattuor VIII, XII, et si illud 265 00:12:14,830 --> 00:12:16,560 paulo peribit hic, XVI. 266 00:12:16,560 --> 00:12:17,710 >> Consummavi quod versu. 267 00:12:17,710 --> 00:12:18,970 Cum conplesset Hieremias mensam. 268 00:12:18,970 --> 00:12:21,430 Deinde cum HTML fatales iam nunc explevimus. 269 00:12:21,430 --> 00:12:22,590 Quid hoc vultus amo? 270 00:12:22,590 --> 00:12:26,014 271 00:12:26,014 --> 00:12:27,430 Bene, suus 'non videre. 272 00:12:27,430 --> 00:12:31,690 Ive 'mea notitia manifeste verat utcumque in itinere constituto. 273 00:12:31,690 --> 00:12:33,755 Tamen suus eximius pulchellus hic. 274 00:12:33,755 --> 00:12:36,130 Et nos erant 'iens ut scorto abuti debuere CSS ut dicemus. 275 00:12:36,130 --> 00:12:38,930 Puteus 'revises hoc idea quod facimus facere table-- 276 00:12:38,930 --> 00:12:41,260 maybe format illud paulo melius? 277 00:12:41,260 --> 00:12:45,070 Sed tamen per quatuor ordines, quorum utrumque habet quatuor, 278 00:12:45,070 --> 00:12:48,890 et hoc ipsum quod est esse valde simplex quaternos multiplicationem 279 00:12:48,890 --> 00:12:49,870 mensa. 280 00:12:49,870 --> 00:12:51,690 >> Paucos more about tags confabulabimur. 281 00:12:51,690 --> 00:12:54,617 Lets loqui de conceptus an HTML forma. 282 00:12:54,617 --> 00:12:57,450 Itaque hoc viderit Paginam colligationem in contextu. 283 00:12:57,450 --> 00:12:59,100 Usitas vos typus in tuis nomine. 284 00:12:59,100 --> 00:13:01,510 Vos typus in vestri password, et ad bonum es. 285 00:13:01,510 --> 00:13:04,170 Quod initium fore formae. 286 00:13:04,170 --> 00:13:05,420 >> Transiliens div secundo. 287 00:13:05,420 --> 00:13:07,987 Et habemus inputs quae fit intra genus formae. 288 00:13:07,987 --> 00:13:10,320 Haec sunt elementa, quod vestri 'actu typing in, 289 00:13:10,320 --> 00:13:12,580 vel radio puga pyga es ticking aut represserat 290 00:13:12,580 --> 00:13:14,310 boxes ut vestri 'ticking off. 291 00:13:14,310 --> 00:13:15,770 Quibus formis intro. 292 00:13:15,770 --> 00:13:18,500 Et comprehendunt basically singulae singulis saxis interiectis formam 293 00:13:18,500 --> 00:13:19,887 Quod si oculus tuus forma formatted bene. 294 00:13:19,887 --> 00:13:22,220 Tunc illic 'hoc conceptu div quae non vere 295 00:13:22,220 --> 00:13:25,060 fit in aliquo praedicamento Ive similes ex tags 296 00:13:25,060 --> 00:13:26,170 fecit prius. 297 00:13:26,170 --> 00:13:29,790 Modo of the demarcates incipiens aliqua arbitraria divisioni 298 00:13:29,790 --> 00:13:31,670 div-- de page. 299 00:13:31,670 --> 00:13:33,210 Illic 'haud visual divulsionem. 300 00:13:33,210 --> 00:13:34,800 Illic 'haud line. 301 00:13:34,800 --> 00:13:37,180 Suus 'non quasi a separate FRUSTUM automatically. 302 00:13:37,180 --> 00:13:39,430 Youd 'have it pronuntiant ita ut faceret. 303 00:13:39,430 --> 00:13:42,110 >> Volo autem modo dicit nummum meo spatium web page, 304 00:13:42,110 --> 00:13:45,190 Im 'iustus iens ut et quod haec divisio mea. 305 00:13:45,190 --> 00:13:47,619 Ponamus effercio inside de divs, immo 306 00:13:47,619 --> 00:13:49,410 cum caput capitis super Secundo IDE erimus 307 00:13:49,410 --> 00:13:53,760 vide arcum meum formare inside of a div. 308 00:13:53,760 --> 00:13:57,050 >> Sic habemus hic in meum a IDE file vocavit div forma dot HTML. 309 00:13:57,050 --> 00:13:59,260 Lets patefacio is sursum. 310 00:13:59,260 --> 00:14:01,460 Et nota quod, sicut dixi, div est quaedam arbitraria. 311 00:14:01,460 --> 00:14:01,640 Ius? 312 00:14:01,640 --> 00:14:02,973 Non tamen intelligendum est. 313 00:14:02,973 --> 00:14:05,140 Sic EGO have an arbitraria prima quidem parte satis page. 314 00:14:05,140 --> 00:14:07,848 Et tunc pro alio div postea, in incipiens linea octo, 315 00:14:07,848 --> 00:14:08,730 Habeo hac forma. 316 00:14:08,730 --> 00:14:13,594 Forma autem intus habeo numerum inputs campis formae. 317 00:14:13,594 --> 00:14:16,510 Ideo ager nomen A-- quae non realiter aliquid aliud 318 00:14:16,510 --> 00:14:19,350 quod videtur rectum now-- text accipit, alii vero unum, quod 319 00:14:19,350 --> 00:14:22,630 accipit a password, aliud quod a Radio puga pyga, alterum quod reprehendo arca archa, 320 00:14:22,630 --> 00:14:24,797 Subditi alius a ipsum. 321 00:14:24,797 --> 00:14:26,630 Bene, quid haec immaturitas omni actu vultus amo? 322 00:14:26,630 --> 00:14:27,629 Bene ergo de vultu. 323 00:14:27,629 --> 00:14:31,010 Puteus 'patefacio is sursum in nostrum preview fenestra. 324 00:14:31,010 --> 00:14:33,557 Animadvertit sic hoc esse arbitraria primum divisioni illic ' 325 00:14:33,557 --> 00:14:34,640 nulla separatio visual here. 326 00:14:34,640 --> 00:14:37,150 Nec sane quicquam iudicium 327 00:14:37,150 --> 00:14:38,220 >> Habeo igitur forma. 328 00:14:38,220 --> 00:14:39,890 Et non aliqua forma. 329 00:14:39,890 --> 00:14:42,680 Ita forma est iustus unus big row of notitia. 330 00:14:42,680 --> 00:14:46,424 Si inflammare sacras formatted mei form aliter, Funiculo metietur et aciem habeam. 331 00:14:46,424 --> 00:14:47,590 Sed non ulla text. 332 00:14:47,590 --> 00:14:49,256 Iterum non sumus CSS loquimur hic. 333 00:14:49,256 --> 00:14:51,030 Lorem iustus loquitur de HTML. 334 00:14:51,030 --> 00:14:53,980 >> Text bene in forma possum type-- memento quod formae type text 335 00:14:53,980 --> 00:14:55,480 et ponam nomen meum. 336 00:14:55,480 --> 00:14:57,330 Et ego in mea password can typus my password. 337 00:14:57,330 --> 00:14:59,740 Et emit agrum illum est type password, 338 00:14:59,740 --> 00:15:01,470 nescis quid sit signum. 339 00:15:01,470 --> 00:15:02,800 Suus 'omnibus punctis. 340 00:15:02,800 --> 00:15:09,140 >> I can quoque sumo a tick off radio puga pyga vel reprehendo tick off a box. 341 00:15:09,140 --> 00:15:10,420 Aut ego prebeo forma. 342 00:15:10,420 --> 00:15:11,810 Et non aliquid itaque cum prebeo forma 343 00:15:11,810 --> 00:15:13,090 page iustus refrigerat. 344 00:15:13,090 --> 00:15:16,970 Sed forsan potui configure meum Subditi ipsum aliquid aliud. 345 00:15:16,970 --> 00:15:20,410 Et videbimus quid possumus cum ut in posterum a video in PHP. 346 00:15:20,410 --> 00:15:22,520 Sed hoc ipsum aedificat quod forma simplex 347 00:15:22,520 --> 00:15:27,360 uti potest habere users penitus et submit notitia ut nostrum website. 348 00:15:27,360 --> 00:15:29,620 >> Unum ultimum comment ante nos movere ad alia nonnulla tags 349 00:15:29,620 --> 00:15:32,040 vide ad hanc input tag etiam hac vice. 350 00:15:32,040 --> 00:15:35,760 Notice quod Ive 'highlighted fines tag duplicibus. 351 00:15:35,760 --> 00:15:39,390 Cetera tantum habet tag uidimus et habere initium, finem apertionem 352 00:15:39,390 --> 00:15:41,030 tag et a operti tag. 353 00:15:41,030 --> 00:15:42,520 >> Sed an input tag non. 354 00:15:42,520 --> 00:15:46,860 Illic 'haud text quæ præcedunt in inter input tags. 355 00:15:46,860 --> 00:15:49,160 Omnes notitia nos volentes deferat 356 00:15:49,160 --> 00:15:52,640 pendeat partem attributa quod input. 357 00:15:52,640 --> 00:15:54,690 Animadverto habemus input nomen pares x. 358 00:15:54,690 --> 00:15:55,580 Type pares y. 359 00:15:55,580 --> 00:15:57,660 Ut 'realiter omnes notitia egemus. 360 00:15:57,660 --> 00:15:59,470 >> Hoc vocatur a sui operti tag. 361 00:15:59,470 --> 00:16:02,470 Non postulo a foramine fugeret omnes notitia 362 00:16:02,470 --> 00:16:04,974 continetur intra tag et ejus attributa. 363 00:16:04,974 --> 00:16:06,390 Et hoc modo tibi est. 364 00:16:06,390 --> 00:16:10,400 Sicut si quis scire tag prorsus se continentur 365 00:16:10,400 --> 00:16:14,170 aperit et claudit se aperta bracket angulus a sinistris 366 00:16:14,170 --> 00:16:17,000 et VULNUS angulus bracket a dextris. 367 00:16:17,000 --> 00:16:20,580 Nos ex iis apparet Nunc ad imaginem tam tags. 368 00:16:20,580 --> 00:16:23,300 >> De Imaginibus Antequam nos opus est loqui de hyperlinks. 369 00:16:23,300 --> 00:16:26,080 Si vis esse web page interactive et movet per circuitum, 370 00:16:26,080 --> 00:16:28,121 esset nice poterit ut click in una illarum 371 00:16:28,121 --> 00:16:30,190 quod typice sunt involvent hyacinthino link. 372 00:16:30,190 --> 00:16:34,440 Is est vere quomodo aedificabo Define hyperlink a nostris. 373 00:16:34,440 --> 00:16:36,540 Et satis interestingly illic 'alius HTML tag 374 00:16:36,540 --> 00:16:39,000 dicitur nectunt, quae non hyperlink. 375 00:16:39,000 --> 00:16:44,130 In hoc loco solvunt atque unde dicunt quod hyperlink. 376 00:16:44,130 --> 00:16:49,150 >> A href pares x medium ire web page X. Et omnia 377 00:16:49,150 --> 00:16:51,580 inter aperta A tag et clausum A tag 378 00:16:51,580 --> 00:16:56,010 Quid enim futurum est Oecumenicum blue text similis nexus 379 00:16:56,010 --> 00:16:57,590 quod sumus nota. 380 00:16:57,590 --> 00:17:01,660 Infra nobis imago tag, quo hoc ipsum ostenderet finale 381 00:17:01,660 --> 00:17:05,599 an image sita X. vos vires exsisto possit mutare 382 00:17:05,599 --> 00:17:08,280 constat quod illa imago per speciem latitudo et altitudo eius 383 00:17:08,280 --> 00:17:11,640 et in aliis attributis quod dot dot dot ibi. 384 00:17:11,640 --> 00:17:14,260 >> In ipso bottom hic we have a valde interesting 385 00:17:14,260 --> 00:17:16,170 aspiciens tag quod non have a operti tag. 386 00:17:16,170 --> 00:17:19,410 Suus 'exclamation punctum doctype HTML. 387 00:17:19,410 --> 00:17:23,300 Ita HTML has been inter quia mane 1990s exstruendi paginas, 388 00:17:23,300 --> 00:17:25,859 et suus 'absentis perpessa quia tunc plures emendationes. 389 00:17:25,859 --> 00:17:28,550 Plurimus nuper in MMXIV subiret revisionem 390 00:17:28,550 --> 00:17:33,440 quae nunc vocatur HTML5 current sort of de facto vexillum HTML. 391 00:17:33,440 --> 00:17:36,730 >> Ad significandum quod nostra web paginae scriptae sunt usura HTML5, 392 00:17:36,730 --> 00:17:38,160 sic nos satus off. 393 00:17:38,160 --> 00:17:40,380 Omitti potest nisi quid quod basically 394 00:17:40,380 --> 00:17:45,930 qux non fem tags HTML5 tags quod sunt, iis novum tags. 395 00:17:45,930 --> 00:17:48,591 Ita semper satus off si 'usura HTML5. 396 00:17:48,591 --> 00:17:51,340 Et locuti sumus omnes tags prius non HTML5 tags. 397 00:17:51,340 --> 00:17:55,470 Sed hoc indicant HTML5 tags Praesto erit pontifex maximus. 398 00:17:55,470 --> 00:17:58,400 Et sic habemus exclamation doctype HTML, quae 399 00:17:58,400 --> 00:18:01,280 ad primum initium Html file et tunc punctum 400 00:18:01,280 --> 00:18:04,930 nos habere in actu nostra HTML aperta tag et inde procedunt. 401 00:18:04,930 --> 00:18:10,050 >> Ultimum habitasse platea dictumst tag, spectat brevis est. 402 00:18:10,050 --> 00:18:12,810 Is satus off cum angulus bracket exclamation offendas 403 00:18:12,810 --> 00:18:15,220 sed nullus unquam offendas operti bracket. 404 00:18:15,220 --> 00:18:20,150 In istis duobus elementis ubi tuas scribas. 405 00:18:20,150 --> 00:18:28,420 Quod lets inspice images et comments et links in CS50 IDE. 406 00:18:28,420 --> 00:18:32,850 >> Et hic vocatur limam image dot HTML quod Im 'iens ut patefacio sursum. 407 00:18:32,850 --> 00:18:36,420 Atque animadvertere Ive 'got duo comments hic in mea HTML comments. 408 00:18:36,420 --> 00:18:38,990 C Et sicut in aliis programming linguas, 409 00:18:38,990 --> 00:18:43,169 HTML sicut per hoc quod a markup lingua habere non possunt videre. 410 00:18:43,169 --> 00:18:45,710 Im 'iens ut videtur pone a picture of Rick Astley 411 00:18:45,710 --> 00:18:49,060 alicubi inter hoc div tag, hanc divisionem arbitraria. 412 00:18:49,060 --> 00:18:51,497 Videtur quod file est sita Rick dot JPEG, quae 413 00:18:51,497 --> 00:18:53,580 si caput retro ad file meus lignum alterum, 414 00:18:53,580 --> 00:18:55,490 est a file, quod est in current presul. 415 00:18:55,490 --> 00:18:56,031 Sic ut 'OK. 416 00:18:56,031 --> 00:18:57,710 Possum reference it. 417 00:18:57,710 --> 00:18:59,680 >> Internum links ut possim. 418 00:18:59,680 --> 00:19:05,080 Vide igitur, hic in linea XI meum est href salve dot HTML. 419 00:19:05,080 --> 00:19:09,050 Ut iustus refertur ad salve dot HTML quae in praesens justo. 420 00:19:09,050 --> 00:19:12,980 Et potest etiam exteriorem links iusto requirentis HTTPS 421 00:19:12,980 --> 00:19:16,180 dico non significare de a file in current directorium. 422 00:19:16,180 --> 00:19:19,730 Quae sunt de me fasciculus alicubi penitus habeo 423 00:19:19,730 --> 00:19:23,370 ad petendam usura HTTP protocollo. 424 00:19:23,370 --> 00:19:25,990 >> Sic lets 'inspice quid this page ut vultus amo 425 00:19:25,990 --> 00:19:29,500 Anno imaginem atque expediret Astley apparere in screen. 426 00:19:29,500 --> 00:19:31,490 Ita ego praevius hoc. 427 00:19:31,490 --> 00:19:33,800 Illic 'Rick Astley ad ipso montis vertice in hoc arbitraria 428 00:19:33,800 --> 00:19:35,008 posuerunt divisionem in summo. 429 00:19:35,008 --> 00:19:36,960 Et tunc infra I mea links, ius? 430 00:19:36,960 --> 00:19:39,330 >> Habeo a link to salve dot HTML. 431 00:19:39,330 --> 00:19:42,860 Si click quod mihi ferebatur super to this page 432 00:19:42,860 --> 00:19:47,050 quod de nimium familiaris initio factae. 433 00:19:47,050 --> 00:19:50,880 Quod si page pop iterum patet, si pop image link aperire ampliori tempore maneret, 434 00:19:50,880 --> 00:19:54,420 Ego potest etiam exterius ad CS50 scriptor website. 435 00:19:54,420 --> 00:19:56,740 Et faciemus ibi quidem see-- ibo zoom ex pauco here-- 436 00:19:56,740 --> 00:20:00,260 puteus 'animadverto CS50 scriptor website sort of haerentem page mediis. 437 00:20:00,260 --> 00:20:04,670 Et poterat facere internum tum externa pagina eleifend magna. 438 00:20:04,670 --> 00:20:07,200 >> Ultima regula HTML quod erant 'iens ut hic loqui 439 00:20:07,200 --> 00:20:09,510 HTML vester ut sint bene compositae. 440 00:20:09,510 --> 00:20:13,020 In loquebatur multus variis rerum syntax. 441 00:20:13,020 --> 00:20:17,650 In HTML syntaxim realiter versatur circa tags. 442 00:20:17,650 --> 00:20:19,660 Omnis tag fenestram aperueritis eget clauderetur. 443 00:20:19,660 --> 00:20:22,630 Et in facto, omnis tag fenestram aperueritis claudi in ordine retrogrado. 444 00:20:22,630 --> 00:20:25,790 >> Sic si vos patefacio audax tag, an italic tag, et tunc underline tag 445 00:20:25,790 --> 00:20:28,120 eo quod fecerimus omnes tres ad particulari paro of text, 446 00:20:28,120 --> 00:20:30,070 cludendae illos vicissim retro commeant. 447 00:20:30,070 --> 00:20:32,270 Si aperuisti confidens absque terrore, italic nexus, vobis 448 00:20:32,270 --> 00:20:35,240 underline velit occludere, italic bold. 449 00:20:35,240 --> 00:20:39,990 Huiusmodi autem est quod encapsulation custodit HTML delicatus et ordinata. 450 00:20:39,990 --> 00:20:44,370 >> Dissimilis C, quamvis, non syntax errores actu lacerare tua HTML potest. 451 00:20:44,370 --> 00:20:48,730 Your HTML potest non bene formavit sed etiam opus. 452 00:20:48,730 --> 00:20:50,589 Itaque eosdemque errores disseminasset; can exstat of a slide. 453 00:20:50,589 --> 00:20:52,130 Sed ut ad rem Vigilate. 454 00:20:52,130 --> 00:20:54,760 Sed quandoque deficient quandoque licebit secum. 455 00:20:54,760 --> 00:20:56,509 >> Potest esse realiter arduum negotium, quamvis, 456 00:20:56,509 --> 00:21:00,660 ut servo semita of ubi aperuit tag cum clausura fuit, 457 00:21:00,660 --> 00:21:04,110 praesertim cum HTML lima impetro maior et maior. 458 00:21:04,110 --> 00:21:05,490 Youll 'volo aliquo auxilio. 459 00:21:05,490 --> 00:21:07,560 Et sunt online validator tools ut 460 00:21:07,560 --> 00:21:11,474 vide can utor vestri HTML page, et si qua bene formata. 461 00:21:11,474 --> 00:21:13,390 Et vos should certus take a inviso eorum 462 00:21:13,390 --> 00:21:16,620 uti vos satus HTML incipiunt operari, 463 00:21:16,620 --> 00:21:20,800 scribens HTML, sic vos adepto aliquod bonum habitus de ordinandis 464 00:21:20,800 --> 00:21:24,377 et in via bona tua HTML et bene condita certus 465 00:21:24,377 --> 00:21:27,210 quid facit te esse potuit creare syntax erroris 466 00:21:27,210 --> 00:21:30,270 ut habitare vos faciam aliquantulus of a forsit per viam. 467 00:21:30,270 --> 00:21:31,190 >> Im Doug Lloyd. 468 00:21:31,190 --> 00:21:33,450 Hoc est CS50. 469 00:21:33,450 --> 00:21:34,859