>> 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.