DOUG LLOYD: So demorati sumus diebus about-- meum math si rectum est, et puto vultus back-- puto demorati sumus diebus circa XXXV videos loquentes de variis C forsitan paulo fortasse paulo minus. Et non operiet omnia in C, sed operuit magnum FRUSTUM of the lingua, plerumque illo certe ad communes usus habitaculum. Debemus autem nos erant 'iens loqui circa aliam quamdam linguam translatae, HTML. Et nos erant 'iens ad operiendum just it in unum video. Quod suus 'iens ut agant. Quod suus 'iens actu fieri quod assuefacti sis habiturus. Iam ut vos have in fundamentals labii unius, suus 'actu pulchellus facile committitur cognita aliis. Ita et nos erant 'iens ut satus ad ingrediamur paulo retractum et palpabat basic differentias Inter sermones hos et genus omne quod relinquam. Illic 'multus of magnus resources in Penitus, quae vos erant 'iens ut satus est directiva quia in Penitus est ingens reconditorium notitia. Itaque, non ut faciam vobis amittendi esse necessario non habendo notitia operuit in a video. Tu tamen posse omne opus et usum scientia youve 'iam superaedificamini intelligendo C ad haec eruditio curvo actu multum lingua blanditur. Promitto. Sed unius fama omne id quidem quaestio web page, quod HTML. HTML est Hyper Text Markup Language. Sed quod sit proprium Lombardie HTML non est programming lingua. HTML non habet variabiles. Non habet vel logic muneribus quibuslibet fungi vel aliquid huiusmodi. Non possumus facere quicquam Aliquam libero per se in HTML. Aliquando audies describet sibi populum ut HTML programmers, quae non omnino accuratae. HTML possumus scribere progressio. Iustum est notare solebant HTML text. Suus dicitur a markup lingua. Quae sit porro ista does-- hoc markup-- utimur in HTML tags et haec tags-- hoc markup-- semantically definit structura a page et facit ut campo text inter tags interpretandum per pasco in diversisque itineribus iretur. Et forte melius explicare hoc per exemplum. Lorem ipsum simplex HTML page, non WBMP progressio iterum an HTML page. Et scimus suus ' HTML page quia Ive ' finiri omnia HTML tags. Existimo ergo hoc bonum esse similis HTML tag. Suus 'inter angulum uncis. Et adverte summo habemus HTML ad imum post weve operatus est multum aliis videtur HTML habemus angulus bracket VULNUS HTML. Et talis terminus HTML quod est et quod non est. Et sane ad placitum, sicut ut scripsisti omnes sermones tui C progressio cum dot C tractus, omnis domus tua HTML lima finietur cum dot HTML tractus. Sed magis gererentur. Non sicut hæc HTML tags. Nos habere hoc apparenter aliquid dicitur capite tag. , Bene, quid est? Bene maybe suus 'optimus secundum differentiam corporis corporis Summaque web page. Sic maybe caput definit tag effercio non in pasco proprium sed quodammodo est maximus ut nostri web page reddi recte. Pro exemplo, intus est caput tag habemus title tags. Ita title sit salve mundi, quoniam suus 'vere quid futurum ostendit in tab Chrome aut in safari vel Firefox-- quicquid pasco vos prefer-- ut ' quid suus 'iens ut in titulum. Et ante illud documento futurae qualemcunque tabs in totum pasco fenestra et potest unum page pasco fenestra aperiam in tempore. Quod suus 'iens futurus est titulus in pagina tab pasco fenestra aut forensem salve mundi. Et tunc contentus de mea web page erit mundus, salve. Sic lets 'inspice quidam huiuscemodi vultus. Hoc est pulchellus simplex HTML page. Hic igitur et in CS50 IDE Ive zoomed in pauco. Et Im 'iustus iens ad patefacio sursum salve dot HTML et hoc tibi signum quod fere page contentus ante vidimus. Simplicitas HTML, caput tags, title tags corpus, et sic deinceps. Ive Repulsus a mulieribus fateretur. Quid ergo possum me IDE iustus est praevius page. Et ibimus. Summaque pagina est mundum, salve, et nihil vident in Melchom de capite tags ibi. Suus 'iustus contentus corporis. Orbis terrarum, salve. Et iterum corpus iustum dixit, per omnia saecula, salve. Reliquam autem partem quidem defuit. Ut vere est omnibus. Haec est prima simpliciter HTML page. Nunc Ive 'indented mea HTML to esse vere nice et ordinata, sed non est eorum. Possem facere respicere pulchellus deforme. Et hoc etiam tempore enitimur. Hoc exactam idem web page. Ive 'iustus gotten rid of omnes albi spatium. Sicut evenit album spatium elit. Itaque nos ex rei missis mittentis ad receiver, moderatri ad client, data sumptuum pecuniam se daturos. Et questus rid of whitespace actu est bonum idea si tu aliquis qui ministrat multum telam contentus. Nam si tu malum idea aliquis qui suus 'cognita effercio et vis habere Suggesti- ve loquitur verat. Est multus facillimus parse quam. Sed officiatorie suus 'idem. Indentation et effercio sicut non actu refert in HTML. Omne quod aperit referre et tags in recto ordine tags clausis. Et nota hic quod factum licet. Nos quodammodo in ch communicare extra information quid weve scriptum. The Salve, mundi parte erat interpretatur titulo consecraretur. Qui utique, salve partem interpretatur, ut contentum aut quid esset visibilium in meus web page. Sunt super C diversis illis tags et lots of opibus online ad illa iam non invenient. Sumamus loqui de hoc video pauca quaedam de vere fundamentalis effercio. Sed erant 'non iens Disputatio de illo omnes propter imbrem exhausta esset faciendum. Aliud quod potest, cum is patefacio sursum elit instrumenta. Et si ab opere revocandi nostrum video in HTTP, Hunc sermonem explicui quomodo aperire up elit instrumenta. In Chrome suus 'usitas F12 key toolbar aperire elit. Deinde pro legendo Network tab, vos can sumo Elementis tab. Et si oneratis a web page, youll actu HTML page tela videret id efficit. Itaque docente HTML multus aspiciendo ad vestri ventus websites et videntes aedificabunt qui variis voles. Sic maybe illic 'hoc frigus exemplar vel aliquid tale. Quomodo faciunt HTML? Bene vos can iustus patefacio sursum vestri elit tools et tabernus super hoc elementum et vide quid HTML facit. Sic ut 'a vere bonum addiscendi HTML, et commendamus vehementer, ut Et discere facias HTML et etiam discere a paulo bit quaedam ex options available in vobis elit instrumenta, quae Festinus veniet in habilem ut vos suscipio opera tua novissima plura intensive web programming. Sic lets 'inspice a iugo communium HTML tags. Et mittunt et puteus inspice quid his tags et reddere sicut per quoddam files in IDE. Ita hic sunt tres basic tags for tweaking visivae aspectus text. Illic 'B tags Ego tags et U tags. Et respective quid faciunt in textum exhibet audet italics et underlining. Proinde vide quid viderim sicut in actualem web page in IDE. Ita hic in meum IDE habeo dot file vocavit BIU HTML. BIU dot HTML ens iusta audax, italics, underlining. Peius 'patefacio is sursum. Et youll 'animadverto ut hic hoc est B text bold tags. Tags italic text. Et hoc est U tags underlined. Quid est iens ut vultus amo? Puteum, omnes facultates meas efficio est transire here mea pasco mi file pasco, click Praevius et sic exit. In textu inter B tags nunc quidem est audax. The text inter I in tags nunc quidem italic. Et inter U littera tags nunc quidem underlined. Sic ut 'pulchellus bonus. Nunc illud sciat facere respice paulo plus ludo neu emphasis quaedam. Alia duo sunt communia tags tags paragraph, P caput tags, quae propterea uarie redditur hic HX. P his tags, haec paragraph tags, text in locis frangere. Suus 'non sufficit ut iustus ledo Penetro et relinquerent uias, quia a computer est tantum iens facere quod facere videaris et ignores album spatium pro maiori parte. Et ideo non est iustus ledo Penetro et expecta nostra computatrum interpretari volumus novum ordiri paragraph. Est autem hoc ipsum expresse hoc est unum paragraph-- another-- per utrumque concludens in a paro of tags P. Et erimus nos quoque haec options H tags, haec header tags. Habemus sex gradus of caput capitis sunt unum, duo, tria, quattuor, quinque, sex, quae successive grossius et grossius caput capitis. Et adepto minor et minores et minores et minores. Itaque summo gradu habere caput, alterum caput gradum, et sic deinceps, et sic de aliis. Sit aliquod inspice maybe P tags et header tags Paginam in actione. Ita hic in meum IDE habeo a file vocavit PH dot HTML, PH sit paragraphs et header tags. Aperire oculos. Illic 'multus hic geritur quia Ive 'adficient lorem ipsum, sicut quidam temere text here. Sic ego zoom ex pauco quia tam multa geruntur. Sed nota quod non in ipso H1 habeo hic summo in gradu, header tag. Habeo autem ver, quod iustum est fasciculumque temere text-- lorem ipsum-- iustus vexillum default saturitatem in text. Ita Habeo duas paragraphos inside illius one level header et deorsum I have a gradu duo header hic linea XXIV, secundo gradu caput et alia duo paragraphs. Quid hoc vultus amo considerabit eam si praevisum meo? Videamus. Vide igitur, quod hic pri- mum gradum header est actu admodum aliquantulus maior quam secundo gradu header. Sic fuimus in sermone adulationis H1 tags. Et nota quod P tags patitur quae in locis frangere. Si cuius effrenae libidini rid illorum P tags et actualiter iustus posuit Ingreditur vel Returns in inter would speravimus esse in diversis locis, essent iusta et simul impulit hoc non esset nisi paragrapho Spatio separationem superius et inferius. Et sic id quod paragraph tags et header tags communiter usi haurire ad partes nostras Define quod in via. Next ascendit tags quod sunt aliqui utimur aedificare lists nostra web page. Sic habemus inordinatum aspicite ULs-- quae iusta sunt bulleted album, iussit list quae numbered-- OLs-- et inside of aut necesse est ut inter illos ponit indicare list item, LI. Itaque Apertam UL tag item et nos intus est. Denique nos fieri quod potest claudere UL velit. Et similiter habere possumus ordinata et non numerabitur list et posuit album items ut inside of. Sic lets 'take a inviso at a iugo of lists et quod sibi paraverant facere reddendo inde in CS50 IDE. Sic habemus hic in meum a IDE dot file vocavit lists HTML. Lets accipere a inviso. Et ego hîc monendos li quinque enumerare rerum. Tunc iussit habere voluerit, Ego mutata tag paucum ius? Initio dixi restant. Evenit ordinata cum libet constituere possunt initium ubicumque I want-- per defaltam erit one-- iusto consummatio sic dictus attributum meo OL tag. Et ideo rationabiliter hoc list erit committitur computatis ad sex. Numeravit igitur elementa album esse sex, septem, octo, novem, decem, eo quod non sint quinque elementa in album, opponitur uni duo, tres, quatuor, quinque, quas foret si dixisset OL sine ratione satus attributum. Ita iustus ita potes praemonstrare a sensu hic quid agatur. Et ibimus. Illic 'my list. Primo quinque elementa sunt inordinatum aut bulleted album. Et altera quinque elementa sunt separata iussit list incipiens a sex. Ita ut 'quam nos can aedificare lists usura HTML. Aliud tibi fortitudinem volenti mihi facere cum HTML est aedificare et mensam de informationem ordines columns exhibere notitia in a maxime modo politico. Facere possumus HTML mensam definition incipiens aperta bracket mensa. Et intra illam enim ut a paro of ordinibus, TR tags ad significandum ordinem. Et tunc TD tags ire inside of tags TR definias columna intra unius ordinis dolata. Quare non dicitur TD TC? Bene, TD pro mensa data. Usitas vos ponimus vestri notitia ibi. Et ideo non est TD TC. Suus parum turbatio. Habes igitur mensam tags et intus autem mensae tuae erit tags habes ordines, om. Et in quolibet ordine habetis TDS numerus intercolumnia altitudinesque columnarum quod vis habere in tali ordine. Vide ipsum sit amet simplex in mensa super CS50 IDE. Sic EGO have hic a file vocavit mensam dot HTML. Sit scriptor habere inviso quid vultus amo. Illic inter multa geruntur hic videris mihi apertum mensam. Im 'satus definitionem mensam. Et tunc in primo versu I apparently plumarii columnas habebit quattuor, unum, duo, tria, quattuor. Deinde cum fatales iam nunc explevimus sustentabatur. Tunc committitur alius insuper ordo et duo, quatuor, sex, octo. Conpleveris haec dormies row. Alterius ordinis, tria, sex, novem XII. Dein ultima quattuor VIII, XII, et si illud paulo peribit hic, XVI. Consummavi quod versu. Cum conplesset Hieremias mensam. Deinde cum HTML fatales iam nunc explevimus. Quid hoc vultus amo? Bene, suus 'non videre. Ive 'mea notitia manifeste verat utcumque in itinere constituto. Tamen suus eximius pulchellus hic. Et nos erant 'iens ut scorto abuti debuere CSS ut dicemus. Puteus 'revises hoc idea quod facimus facere table-- maybe format illud paulo melius? Sed tamen per quatuor ordines, quorum utrumque habet quatuor, et hoc ipsum quod est esse valde simplex quaternos multiplicationem mensa. Paucos more about tags confabulabimur. Lets loqui de conceptus an HTML forma. Itaque hoc viderit Paginam colligationem in contextu. Usitas vos typus in tuis nomine. Vos typus in vestri password, et ad bonum es. Quod initium fore formae. Transiliens div secundo. Et habemus inputs quae fit intra genus formae. Haec sunt elementa, quod vestri 'actu typing in, vel radio puga pyga es ticking aut represserat boxes ut vestri 'ticking off. Quibus formis intro. Et comprehendunt basically singulae singulis saxis interiectis formam Quod si oculus tuus forma formatted bene. Tunc illic 'hoc conceptu div quae non vere fit in aliquo praedicamento Ive similes ex tags fecit prius. Modo of the demarcates incipiens aliqua arbitraria divisioni div-- de page. Illic 'haud visual divulsionem. Illic 'haud line. Suus 'non quasi a separate FRUSTUM automatically. Youd 'have it pronuntiant ita ut faceret. Volo autem modo dicit nummum meo spatium web page, Im 'iustus iens ut et quod haec divisio mea. Ponamus effercio inside de divs, immo cum caput capitis super Secundo IDE erimus vide arcum meum formare inside of a div. Sic habemus hic in meum a IDE file vocavit div forma dot HTML. Lets patefacio is sursum. Et nota quod, sicut dixi, div est quaedam arbitraria. Ius? Non tamen intelligendum est. Sic EGO have an arbitraria prima quidem parte satis page. Et tunc pro alio div postea, in incipiens linea octo, Habeo hac forma. Forma autem intus habeo numerum inputs campis formae. Ideo ager nomen A-- quae non realiter aliquid aliud quod videtur rectum now-- text accipit, alii vero unum, quod accipit a password, aliud quod a Radio puga pyga, alterum quod reprehendo arca archa, Subditi alius a ipsum. Bene, quid haec immaturitas omni actu vultus amo? Bene ergo de vultu. Puteus 'patefacio is sursum in nostrum preview fenestra. Animadvertit sic hoc esse arbitraria primum divisioni illic ' nulla separatio visual here. Nec sane quicquam iudicium Habeo igitur forma. Et non aliqua forma. Ita forma est iustus unus big row of notitia. Si inflammare sacras formatted mei form aliter, Funiculo metietur et aciem habeam. Sed non ulla text. Iterum non sumus CSS loquimur hic. Lorem iustus loquitur de HTML. Text bene in forma possum type-- memento quod formae type text et ponam nomen meum. Et ego in mea password can typus my password. Et emit agrum illum est type password, nescis quid sit signum. Suus 'omnibus punctis. I can quoque sumo a tick off radio puga pyga vel reprehendo tick off a box. Aut ego prebeo forma. Et non aliquid itaque cum prebeo forma page iustus refrigerat. Sed forsan potui configure meum Subditi ipsum aliquid aliud. Et videbimus quid possumus cum ut in posterum a video in PHP. Sed hoc ipsum aedificat quod forma simplex uti potest habere users penitus et submit notitia ut nostrum website. Unum ultimum comment ante nos movere ad alia nonnulla tags vide ad hanc input tag etiam hac vice. Notice quod Ive 'highlighted fines tag duplicibus. Cetera tantum habet tag uidimus et habere initium, finem apertionem tag et a operti tag. Sed an input tag non. Illic 'haud text quæ præcedunt in inter input tags. Omnes notitia nos volentes deferat pendeat partem attributa quod input. Animadverto habemus input nomen pares x. Type pares y. Ut 'realiter omnes notitia egemus. Hoc vocatur a sui operti tag. Non postulo a foramine fugeret omnes notitia continetur intra tag et ejus attributa. Et hoc modo tibi est. Sicut si quis scire tag prorsus se continentur aperit et claudit se aperta bracket angulus a sinistris et VULNUS angulus bracket a dextris. Nos ex iis apparet Nunc ad imaginem tam tags. De Imaginibus Antequam nos opus est loqui de hyperlinks. Si vis esse web page interactive et movet per circuitum, esset nice poterit ut click in una illarum quod typice sunt involvent hyacinthino link. Is est vere quomodo aedificabo Define hyperlink a nostris. Et satis interestingly illic 'alius HTML tag dicitur nectunt, quae non hyperlink. In hoc loco solvunt atque unde dicunt quod hyperlink. A href pares x medium ire web page X. Et omnia inter aperta A tag et clausum A tag Quid enim futurum est Oecumenicum blue text similis nexus quod sumus nota. Infra nobis imago tag, quo hoc ipsum ostenderet finale an image sita X. vos vires exsisto possit mutare constat quod illa imago per speciem latitudo et altitudo eius et in aliis attributis quod dot dot dot ibi. In ipso bottom hic we have a valde interesting aspiciens tag quod non have a operti tag. Suus 'exclamation punctum doctype HTML. Ita HTML has been inter quia mane 1990s exstruendi paginas, et suus 'absentis perpessa quia tunc plures emendationes. Plurimus nuper in MMXIV subiret revisionem quae nunc vocatur HTML5 current sort of de facto vexillum HTML. Ad significandum quod nostra web paginae scriptae sunt usura HTML5, sic nos satus off. Omitti potest nisi quid quod basically qux non fem tags HTML5 tags quod sunt, iis novum tags. Ita semper satus off si 'usura HTML5. Et locuti sumus omnes tags prius non HTML5 tags. Sed hoc indicant HTML5 tags Praesto erit pontifex maximus. Et sic habemus exclamation doctype HTML, quae ad primum initium Html file et tunc punctum nos habere in actu nostra HTML aperta tag et inde procedunt. Ultimum habitasse platea dictumst tag, spectat brevis est. Is satus off cum angulus bracket exclamation offendas sed nullus unquam offendas operti bracket. In istis duobus elementis ubi tuas scribas. Quod lets inspice images et comments et links in CS50 IDE. Et hic vocatur limam image dot HTML quod Im 'iens ut patefacio sursum. Atque animadvertere Ive 'got duo comments hic in mea HTML comments. C Et sicut in aliis programming linguas, HTML sicut per hoc quod a markup lingua habere non possunt videre. Im 'iens ut videtur pone a picture of Rick Astley alicubi inter hoc div tag, hanc divisionem arbitraria. Videtur quod file est sita Rick dot JPEG, quae si caput retro ad file meus lignum alterum, est a file, quod est in current presul. Sic ut 'OK. Possum reference it. Internum links ut possim. Vide igitur, hic in linea XI meum est href salve dot HTML. Ut iustus refertur ad salve dot HTML quae in praesens justo. Et potest etiam exteriorem links iusto requirentis HTTPS dico non significare de a file in current directorium. Quae sunt de me fasciculus alicubi penitus habeo ad petendam usura HTTP protocollo. Sic lets 'inspice quid this page ut vultus amo Anno imaginem atque expediret Astley apparere in screen. Ita ego praevius hoc. Illic 'Rick Astley ad ipso montis vertice in hoc arbitraria posuerunt divisionem in summo. Et tunc infra I mea links, ius? Habeo a link to salve dot HTML. Si click quod mihi ferebatur super to this page quod de nimium familiaris initio factae. Quod si page pop iterum patet, si pop image link aperire ampliori tempore maneret, Ego potest etiam exterius ad CS50 scriptor website. Et faciemus ibi quidem see-- ibo zoom ex pauco here-- puteus 'animadverto CS50 scriptor website sort of haerentem page mediis. Et poterat facere internum tum externa pagina eleifend magna. Ultima regula HTML quod erant 'iens ut hic loqui HTML vester ut sint bene compositae. In loquebatur multus variis rerum syntax. In HTML syntaxim realiter versatur circa tags. Omnis tag fenestram aperueritis eget clauderetur. Et in facto, omnis tag fenestram aperueritis claudi in ordine retrogrado. Sic si vos patefacio audax tag, an italic tag, et tunc underline tag eo quod fecerimus omnes tres ad particulari paro of text, cludendae illos vicissim retro commeant. Si aperuisti confidens absque terrore, italic nexus, vobis underline velit occludere, italic bold. Huiusmodi autem est quod encapsulation custodit HTML delicatus et ordinata. Dissimilis C, quamvis, non syntax errores actu lacerare tua HTML potest. Your HTML potest non bene formavit sed etiam opus. Itaque eosdemque errores disseminasset; can exstat of a slide. Sed ut ad rem Vigilate. Sed quandoque deficient quandoque licebit secum. Potest esse realiter arduum negotium, quamvis, ut servo semita of ubi aperuit tag cum clausura fuit, praesertim cum HTML lima impetro maior et maior. Youll 'volo aliquo auxilio. Et sunt online validator tools ut vide can utor vestri HTML page, et si qua bene formata. Et vos should certus take a inviso eorum uti vos satus HTML incipiunt operari, scribens HTML, sic vos adepto aliquod bonum habitus de ordinandis et in via bona tua HTML et bene condita certus quid facit te esse potuit creare syntax erroris ut habitare vos faciam aliquantulus of a forsit per viam. Im Doug Lloyd. Hoc est CS50.