>> DOUG LLOYD: So ons het about-- as my wiskunde reg is,
en ek dink op soek back-- Ek dink ons het ongeveer 35 video's praat
oor verskeie aspekte van C, miskien 'n bietjie meer, miskien 'n bietjie minder.
En ons het nie dek alles in C, maar ons
bedek 'n groot stuk van die taal, die oorgrote meerderheid van dit,
beslis vir 'n gemeenskaplike gebruike.
Nou gaan ons praat oor 'n ander taal, HTML.
En ons gaan om te dek dit in net een video.
>> Maar wat gaan OK wees.
Dit gaan om werklik geword iets wat jy gaan om gewoond te raak.
Nou dat jy die grondbeginsels van een taal,
dit is eintlik redelik maklik om te begin leer ander.
So ons gaan begin om 'n bietjie terugstaan
en glans oor die basiese verskille tussen hierdie tale
en jy soort van laat om dit te.
Daar is 'n baie baie groot hulpbronne op die internet, wat
ons gaan begin regie jy teenoor omdat die internet is
'n groot bron van inligting.
En so is dit nie soos jy sal wees verloor noodwendig
deur nie met die inligting wat in 'n video.
Jy sal steeds in staat wees om te kry alles wat jy nodig het en gebruik
die kennis wat jy reeds het opgebou deur die begrip van C
om die leerproses vir hierdie maak ander tale eintlik 'n baie platter.
Ek belowe.
>> Maar laat ons praat oor een taal dit is regtig fundamentele vir elke web
bladsy, wat HTML.
HTML is die HyperText Markup Language.
HTML is 'n taal, maar dit is nie 'n programmeertaal.
>> HTML nie veranderlikes.
Dit maak nie logika of funksies of iets soos dit.
Ons kan nie 'n doen programmering per se in HTML.
Soms hoor jy mense hulself beskryf
as HTML programmeerders, wat is nie heeltemal akkuraat nie.
Ons kan nie HTML programme te skryf.
>> HTML is net gebruik om te merk teks.
Dit is bekend as 'n opmaak taal.
En wat dit does-- hierdie markup-- Ons tags gebruik in HTML en hierdie tags--
hierdie markup-- semanties definieer die struktuur van 'n bladsy
en veroorsaak dat die gewone teks wat bestaan ​​tussen tags word geïnterpreteer
deur blaaier in verskillende maniere.
En miskien is dit die beste om te verduidelik dit deur middel van 'n illustrasie.
>> Hier is 'n baie eenvoudige HTML bladsy, nie 'n HTML-program, weer, 'n HTML-bladsy.
En ons weet dit is 'n HTML bladsy, want ons het
begrens alles met HTML tags.
So dit is wat 'n HTML tag lyk.
Dit is tussen die hoek tussen hakies.
En let op die top ons het HTML en op die heel onderste,
nadat ons gedoen het wat blykbaar 'n baie ander HTML,
ons het hoekhakie slash HTML.
So dat die soort van is die grens tussen wat HTML is en wat nie.
En natuurlik, konvensioneel, net as jy al jou C programme geskryf
met dot C uitbreidings, al jou HTML-lêers
sal eindig met dot HTML uitbreidings.
Maar daar is meer aan die gang hier.
Ons het nie net hierdie HTML tags.
Ons het blykbaar hierdie ding genaamd 'n kop tag.
Wel, OK, wat is dit?
>> Wel, miskien is dit die beste om onderskei deur middel van 'n liggaam,
liggaam wat die inhoud van die webblad.
So miskien is die hoof tag definieer dinge dit is nie in die venster behoorlike,
maar een of ander manier belangrik vir ons webblad korrek gelewer.
Byvoorbeeld, binnekant van die hoof tag het ons titel tags.
>> So titel om hello world, dit is eintlik gaan wees wat
toon in die blad in Chrome of in safari of Firefox--
watter browser jy prefer-- dis wat gaan om te wys in die titel.
En voor oortjies dit sou wys in jou hele venster
en jy kan net een bladsy oop te maak in 'n venster op 'n tyd.
So wat gaan die wees titel van my bladsy in die blad
of die venster bar, hello world.
En dan is die inhoud van my webblad sal wêreld, hallo.
So laat ons neem 'n blik op wat sommige ding soos hierdie lyk.
Dit is 'n redelik eenvoudige HTML-bladsy.
So ek is hier in my CS50 IDE en Ek het ingezoomd 'n bietjie.
En ek is net gaan om te oop hallo dot HTML
en wys jou dat dit pretty much die inhoud van die bladsy dat ons voor gesien.
My eenvoudige HTML, hoof tags, titel tags, liggaam, en so aan.
Ek het ingekeep skoon wees.
>> En dan wat ek kan doen in my IDE is net 'n voorbeeld van die bladsy.
En daar gaan ons.
Die inhoud van my bladsy is wêreld, hello, en ek sien nie iets
in die kop tags daar.
Dis net die inhoud van die liggaam.
Wêreld, hallo.
En weer die liggaam net gesê wêreld, hallo.
Die ander deel ontbreek.
>> So dit is regtig al wat dit is.
Dit is 'n baie eenvoudige basiese HTML-bladsy.
Ek het nou my HTML ingekeep om wees baie mooi en georganiseerde,
maar ek weet nie eintlik om.
Ek kon dit lyk mooi lelik.
En dit sou nog steeds werk.
Dit sal die presiese dieselfde webblad wees.
Ek het net ontslae geraak van al die wit ruimte.
>> Soos dit blyk, wit spasie is data.
En so wanneer ons data stuur van sender om die ontvanger van bediener
kliënt, data kos geld.
En so raak ontslae van witspasie is eintlik 'n goeie idee
as jy iemand wat dien 'n baie web inhoud.
Dit is 'n slegte idee as jy iemand wie se leer hierdie dinge
en wat jy wil hê dit mooi georganiseer.
Dit is 'n baie makliker om te ontleed as dit.
Maar dit is funksioneel identies.
>> Die inkeping en dinge soos wat nie eintlik saak nie in HTML.
Al wat saak maak, is die opening van etikette en tags sluit in die korrekte volgorde.
Let op wat hier gebeur het, al is.
Die opmaak gee ons 'n manier om kommunikeer ekstra inligting
oor wat ons geskryf het.
Die Hello World deel was geïnterpreteer word as die titel.
En die wêreld, hello deel was geïnterpreteer word as die inhoud
of wat behoort te wees sigbaar op my webblad.
>> Daar is meer as 100 van hierdie verskillende etikette en baie van die groot hulpbronne
aanlyn om hulle te vind.
Ons gaan om te praat oor 'n n paar van hulle in hierdie video, sommige
van die werklik fundamentele dinge.
Maar ons gaan nie te praat oor dit alles, omdat dit
uitputtende om dit te doen sou wees.
>> Nog 'n ding wat jy kan doen, al is, is oop ontwikkelaar gereedskap.
En as jy onthou uit ons video op HTTP,
Ek het verduidelik hoe om oop up ontwikkelaar gereedskap.
In Chrome dit is gewoonlik die F12 om oop te maak die nutsbalk ontwikkelaar.
Dan plaas van die keuse van die Netwerk blad, kan jy kies die blad elemente.
En as jy 'n web te laai bladsy, sal jy eintlik
sien die HTML dat webblad skep.
En so kan jy 'n baie oor HTML te leer deur te kyk na jou gunsteling webwerwe
en sien hoe hulle die bou van die verskillende stukke van hulle wat jy wil.
So miskien is daar 'hierdie koel patroon of iets soos dit.
Hoe weet hulle dit maak met HTML?
Wel, jy kan net oop jou ontwikkelaar gereedskap en hover oor daardie element
en sien presies wat HTML maak dit.
So dit is 'n baie goeie manier om HTML te leer,
en ek sterk aanbeveel dat jy doen dit beide leer HTML
en ook om 'n bietjie te leer bietjie oor 'n paar van die opsies
beskikbaar is om u in ontwikkelaar gereedskap, wat
sal beslis handig te pas kom as jy begin om meer te doen intensiewe web
Programmering.
>> So laat ons neem 'n blik op 'n paar algemene HTML tags.
En ons sal spring en 'n blik op wat hierdie tags ook lewer
as deur te kyk na 'n paar lêers in my IDE.
So hier is drie baie basiese tags vir die opstel van die visuele voorkoms van die teks.
Daar is B tags, ek tags, en U tags.
En onderskeidelik wat hulle doen, is lewer die teks tussen hulle in vet,
kursief, onderstreep en.
So laat ons sien wat dit sou lyk soos op 'n werklike webblad in my IDE.
>> So hier in my IDE Ek het 'n lêer genaamd BIU dot HTML.
BIU dot HTML net ' vet, kursief, onderstreep.
Ek sal dit oopmaak.
>> En ons sal sien wat hier ek het hierdie teks is B tags vet.
Hierdie teks is ek tags italic.
En hierdie teks is U tags onderstreep.
Wat gaan dit lyk?
Weer goed, al wat ek het om te doen is om te gaan oor hier
om my leser, my lêer leser, kliek Voorskou, en dit is wat kom.
>> Die teks in die B tussen tags is inderdaad nou vet.
Die teks in tussen die I tags is inderdaad nou italic.
En die teks in tussen die U tags is inderdaad nou onderstreep.
So dit is redelik goed.
Ons weet nou hoe om teks te maak kyk 'n bietjie meer fancy
of teken klem op sekere dinge.
Nog 'n paar algemene tags hier is paragraaf tags, P en header tags,
wat ek hier gelewer HX.
>> Hierdie P tags, hierdie paragraaf tags, breek jou teks up in paragrawe.
Dit is nie genoeg om net druk Enter en laat ruimtes,
omdat 'n rekenaar gaan net om te doen wat jy vertel dit te doen
en dit ignoreer wit ruimte vir die grootste deel.
So kan ons nie net druk Enter en verwag ons rekenaar
interpreteer wat ons wil om 'n nuwe paragraaf te begin.
Ons moet hierdie baie uitdruklik sê is een paragraph-- dit is another--
deur omringende elk in 'n stel van P tags.
>> En ons het ook hierdie opsies vir H tags, hierdie header tags.
Ons het ses verskillende vlakke van kop, een, twee, drie,
vier, vyf, ses en wat is progressief groter en groter
headers.
En hulle kry kleiner en kleiner en kleiner en kleiner.
So het ons 'n top vlak kop, 'n tweede vlak kop, en so aan, en so aan.
>> Kom ons neem 'n blik op miskien sommige P tags en sommige header tags
in aksie op 'n webblad.
So hier in my IDE Ek het 'n lêer genaamd PH dot HTML, PH om paragrawe
en header tags.
Oop te maak.
Daar is 'n baie gaan op hier omdat ek 'n paar Lorem gesit het
ipsum, sommige net ewekansige teks hier.
So ek sal uit te zoem 'n bietjie want daar is so baie aan die gang.
Maar let dat ek by die heel bo hier het ek 'n H1, 'n vlak een,
header tag.
Dan het ek 'n paragraaf, wat net 'n klomp van ewekansige text-- Lorem ipsum--
net die standaard standaard vul in die teks.
So ek het twee paragrawe binnekant van daardie vlak een kop en dan af onder I
'n vlak twee kop hier op die lyn 24, 'n tweede vlak kop, en die ander twee
paragrawe.
Wel, wat beteken dit lyk as ek dit sien in my voorskou?
Kom ons kyk.
>> So let dat die eerste vlak kop hier
is eintlik nogal 'n bietjie groter as die tweede vlak kop.
So ons gebruik H1 tags.
En sien dat die P tags ons toelaat om dinge uit te breek in paragrawe.
As ons ontslae geraak van die P tags en eintlik net sit betree of Opbrengste
tussen wat ons gehoop het wees van die verskillende paragrawe,
hulle sou almal net saam klap en dit sou hierdie mooi paragraaf nie
skeiding met ruimte bo en onder.
En so dit is wat paragraaf etikette en header tags
word algemeen gebruik om te doen om te trek aandag aan gedeeltes van ons webblad
op dié manier.
>> Volgende is 'n paar up tags wat ons gebruik om te bou lyste op ons webblad.
So het ons geordende lists-- ULs-- wat net is
opsomming lyste, bestel lys wat numbered-- is
OLs-- en binnekant van óf een van die mense wat ons nodig het om
stelle hoe om aan te dui lys items, LI.
En so het ons oop UL tag en ons sit items binnekant van dit.
En dan wanneer ons klaar is met dat ons kan die UL tag sluit.
>> En insgelyks kan ons ' 'n geordende of genommerde lys
en sit lys items binnekant van dit.
So laat ons 'n blik na 'n paar van die lyste
en wat hulle sou lewer as op CS50 IDE.
So ek het hier in my IDE n lêer genaamd lyste dot HTML.
Kom ons neem 'n blik.
>> En kennis hier het ek 'n geordende lys met vyf dinge in dit.
En dan het ek 'n geordende lys, en Ek het die tag verander 'n bietjie,
reg?
Ek het gesê begin gelyk ses.
Dit blyk uit 'n geordende lys I kan die beginpunt waar stel
Ek want-- by verstek dit sal wees one-- deur net die toevoeging van hierdie sogenaamde eienskap
my OL tag.
En so die lys sal begin tel op ses.
So het die elemente van die genommerde lys moet ses, sewe, agt, nege, tien,
want daar is vyf elemente in die lys, in teenstelling met die een,
twee, drie, vier, vyf, wat wat die geval sou wees as ek OL gesê
sonder om die kenmerk begin.
>> So sal ons net hierdie voorskou sodat jy kan kry 'n gevoel vir wat gaan hier aan.
En daar gaan ons.
Daar is my lys.
Die eerste vyf elemente is ongeordende of opsomming lyste.
En die volgende vyf elemente is 'n aparte geordende lys
vanaf ses.
So dit is hoe ons kan bou lyste met behulp van HTML.
Nog 'n ding wat jy dalk wil doen met HTML
is die bou van 'n tafel van inligting van rye en kolomme
om inligting op 'n veral georganiseerde manier.
Om dit te doen met HTML kan ons 'n het tafel definisie begin oop bracket
tafel.
En dan binnekant van die tafel ons dalk 'n stel van die rye, TR tags
om elke ry aan te dui.
En dan TD tags gaan binne TR tags om 'n kolom in 'n ry te spesifiseer.
>> Hoekom is dit genoem TD en nie TC?
Wel, TD staan ​​vir tafel data.
Gewoonlik jy sit jou inligting daar.
So dit is waarom dit is TD en nie TC.
Dit is 'n bietjie verwarrend.
>> So jy het tafel tags en binnekant van jou tafel tags
jy het 'n aantal rye, TRS.
En in elke ry jy TDS vir die aantal kolomme
wat jy wil hê in daardie spesifieke ry.
Kom ons neem 'n blik op 'n baie eenvoudige tafel oor in CS50 IDE.
>> So ek het hier 'n lêer genoem tafel dot HTML.
Kom ons kyk na wat dit lyk.
Daar is 'n baie gaan op hier, maar as jy sien ek het 'n tafel oop.
Ek begin die definisie met 'n tafel.
En dan in my eerste ry ek glo het vier kolomme, een, twee, drie,
vier.
En dan is ek klaar met die ry.
>> Dan nog 'n ry begin ek en doen twee, vier, ses, agt.
Voltooi die ry.
Doen nog 'n ry, drie, ses, nege, 12.
En dan 'n laaste ry, vier, agt, 12 en al is dit
'n bietjie hier afgesny, 16.
>> Ek het klaar die ry.
Ek het klaar die tafel.
En dan is ek klaar met my HTML.
Wat beteken dit lyk?
Wel, dit is nie regtig veel om te sien.
Ek het duidelik my inligting georganiseer in 'n ietwat meer georganiseerde manier.
Maar dit is nie super mooi hier.
En ons gaan om te gaan met dat wanneer ons praat oor CSS.
Ons sal hierdie idee van heroorweeg wat ons doen om 'n table-- maak
Miskien formaat dit 'n bietjie beter?
Maar ek het nog vier rye, elkeen het vier kolomme,
en regtig wat dit neerkom op 'n baie eenvoudige vier deur vier vermenigvuldiging
tafel.
>> Net 'n paar meer etikette sal ons praat oor.
Kom ons praat oor die konsep van 'n HTML-vorm.
Sodat jy kan sien dit in die konteks van aan te meld by 'n webblad.
Gewoonlik tik jy in jou gebruikers naam.
Jy jou wagwoord, en jy is goed om te gaan.
Dit sou die begin van 'n vorm wees.
>> Draai oor Div 'n tweede.
Ons het ook insette wat soort pas binne van vorms.
Hierdie is die elemente wat jy is eintlik tik in,
of die radio knoppies jy tik, of die tjek
bokse wat jy af te merk.
So het hierdie gaan binne van vorms.
En hulle bestaan ​​basies elke ry van die vorm
As jou vorm goed geformateer.
Dan is daar die konsep van 'n div, wat nie regtig nie
pas in 'n bepaalde kategorie van etikette soos die wat ek het
voorheen doen.
Dit is net soort van die afbaken begin van 'n arbitrêre division--
div-- van die bladsy.
Daar is geen visuele breek.
Daar is geen lyn.
Dit is nie verreken as 'n outomaties aparte stuk.
Jy wil hê om dit te stileer dat die manier om dit te doen.
>> Dit sê net soort van ek wil 'n stuk ruimte op my webblad,
en ek is net gaan om te bel dit op hierdie afdeling van my bladsy.
Ons kan dinge binnekant sit van divs, en in werklikheid,
wanneer ons kop bo aan IDE in 'n tweede, sal ons
sien dat ek om my vorm binnekant van 'n div.
>> So ek het hier in my IDE n lêer genaamd div vorm dot HTML.
Kom ons maak dit op.
Let daarop dat soos ek gesê het, div is soort van arbitrêre.
Reg?
Dit maak nie regtig iets beteken.
So ek het 'n arbitrêre eerste afdeling van my bladsy.
En dan in plaas van 'n ander div later, begin op die lyn agt,
Ek het hierdie vorm.
En binnekant van die vorm Ek het 'n aantal insette, velde van die vorm.
So ek het 'n veld met die naam is A-- wat nie werklik iets beteken
reg now-- wat blykbaar neem die teks, 'n ander een wat
neem 'n wagwoord, 'n ander is dit 'n Radio knoppie, 'n ander is dit 'n boks,
en 'n ander is dit 'n stuur knoppie.
Wel, wat dit doen al eintlik lyk?
Wel, laat ons neem 'n blik.
Ons sal dit oopmaak in ons voorskou venster.
Let daarop dat hierdie arbitrêre eerste division-- daar
geen visuele skeiding hier.
Dit het nie regtig iets te doen, reg?
>> En dan moet ek my vorm.
En ek het 'n spesiale formatering doen nie.
So die vorm is net een groot ry van inligting.
As ek my vorm anders het geformateer, Ek mag hê dit reël vir reël vir reël.
Maar ek het nie enige stilering nie doen nie.
Weereens, ons praat nie oor CSS hier.
Ons is net praat oor HTML.
>> Wel, in my teks vorm kan ek type-- onthou dat vorme van tekstipe
so ek kan my naam te sit.
En in my wagwoord ek kan my wagwoord tik.
En omdat die veld is van die tipe wagwoord
jy weet nie wat my wagwoord.
Dit is al die punte.
>> Ek kan ook kies om 'n merk radio knoppie of afmerk n boks.
Of ek kon my vorm indien.
En ek het niks te doen, so toe ek my in te dien,
die bladsy net verfris.
Maar ek kon dalk instel my Stuur knoppie om iets anders te doen.
En ons sal sien wat ons kan doen met wat in 'n toekomstige video op PHP.
Maar dit bou 'n baie eenvoudige vorm wat ons
kan gebruik om gebruikers interaksie en om inligting aan ons webwerf.
>> Een laaste opmerking voordat ons beweeg na 'n ander tags
is om 'n blik op hierdie te neem insette tag een keer.
Kennis dat ek uitgelig die einde van die tag in rooi.
Elke ander tag wat ons tot dusver gesien het het 'n begin en 'n einde, 'n opening
tag en 'n sluitingsdatum tag.
>> Maar 'n inset tag nie.
Daar is geen teks wat gaan tussen insette tags.
Al die inligting ons van voorneme is om te dra
vassit as deel van die eienskappe van daardie insette.
Sien ons het insette naam is gelyk aan x.
Tipe gelyk y.
Dit is regtig al die inligting wat ons nodig het.
>> Dit word 'n self sluitingsdatum tag.
Dit nie 'n opening en 'n vereis naby, want al die inligting
vervat in die tag en sy eienskappe.
So soms jy sal dit sien, ook.
Dus net bewus wees dat as jy 'n tag wat heeltemal self-vervat,
dit oopmaak en sluit self met die oop hoek bracket aan die linkerkant
en die streep hoek bracket aan die regterkant.
Ons sal 'n ander een van daardie sien nou met die beeld tags as well.
>> Voordat ons praat oor beelde, ons nodig om te praat oor hiperskakels.
As ons wil hê ons webblad te wees interaktiewe en beweeg ons rond,
dit sal lekker wees in staat wees kliek op een van daardie
wat tipies was 'n blou skakel.
Dit is eintlik hoe ons bou 'n hyperlink in ons webblad.
En interessant genoeg daar is 'n ander HTML tag
genoem skakel, wat nie 'n hyperlink.
A hier staan ​​vir anker, en dit is hoe ons dui op 'n hyperlink.
>> A href gelyk x middel gaan webblad X. En alles
tussen die oop A tag en die noue A tag
is wat gaan wees dat onderstreep blou teks wat lyk soos 'n skakel
dat ons vertroud is met.
Hieronder wat het ons 'n beeld tag, wat is 'n self sluittag vir die vertoon
'n beeld geleë op X. En jy dalk in staat wees om te verander
dat die beeld deur die spesifiseer breedte en hoogte
en ander eienskappe in dat dot dot dot daar.
>> Op die heel onderste hier ons het 'n baie interessante
soek tag wat nie doen 'n sluitingsdatum tag.
Dit is uitroepteken DOCTYPE HTML.
So HTML het sedert die was vroeë 1990's vir die bou van webblaaie,
en dit is ondergaan het verskeie wysigings sedert dan.
Mees onlangs in 2014 dit ondergaan 'n hersiening
genoem HTML5 wat is nou die huidige soort van de facto HTML standaard.
>> Om aan te dui dat ons web bladsye geskryf met behulp van HTML5,
dit is hoe ons begin.
Dit kan weggelaat word, maar wat wat basies
middel is jy kan nie enige van die tags gebruik wat HTML5 tags, diegene nuwe tags.
So begin ons altyd af As ons gebruik HTML5.
En al die tags ons het gepraat oor voorheen is nie HTML5 tags.
Maar dit sou aandui dat HTML5 tags sal teenwoordig wees.
En so het ons uitroep DOCTYPE HTML, wat
is aan die begin van ons HTML-lêer, en dan na die punt
ons eintlik het ons HTML oop merk en gaan van daar af.
>> Die laaste een is 'n opmerking tag, wat lyk effens anders ook.
Dit begin met die hoek bracket uitroep Dash
Dash maar geen sluitingsdatum bracket.
In tussen die twee elemente is daar is waar jy skryf jou kommentaar.
En laat ons 'n blik op beelde en kommentaar en skakels in CS50 IDE.
>> So ek het hier 'n lêer genaamd lêerskakel dot HTML wat ek gaan om oop te maak.
En sien ek het 'n paar van die het hier kommentaar in my HTML kommentaar.
So, net soos in C en ander programmeertale,
HTML net deur 'n opmaak taal het nie die vermoë om kommentaar te hê.
En so ek glo gaan plaas 'n foto van Rick Astley
iewers tussen hierdie div tag, hierdie arbitrêre verdeling.
Blykbaar dit lêer is geleë op Rick dot JPEG, wat
as ons kop terug na my lêer boom vir 'n tweede,
is 'n lêer wat bestaan ​​in die huidige gids.
So dit is OK.
Ek kan dit verwys.
>> Dan kan ek interne skakels.
So sien op die lyn 11 hier my href is hallo dot HTML.
Sodat net verwys na hallo dot HTML wat bestaan ​​in die huidige gids.
En ek kan ook 'n eksterne links deur net spesifiseer HTTPS
aan te dui dat ek praat nie oor 'n lêer in my huidige gids.
Ek praat van 'n lêer wat bestaan iewers op die internet, wat ek
om te versoek met behulp van die HTTP-protokol.
>> So laat ons neem 'n blik op wat hierdie bladsy kan lyk
en maak gereed vir 'n foto van Rick Astley om te wys op jou skerm.
So ek sal hierdie voorskou.
Daar is Rick Astley by die top in hierdie arbitrêre
afdeling ek dit aan die bokant.
En dan af onder I het my links, reg?
>> Ek het 'n skakel na hallo dot HTML.
En as ek dit op, ek kry verskuif na hierdie bladsy
dat ons is baie vertroud is met van die begin van ons program.
As ek pop die bladsy weer oop, as ek pop lêerskakel oop een keer,
Ek kan ook ekstern gaan webwerf CS50 se.
En daar see-- ons ek sal zoom uit 'n bietjie here--
ons sal sien CS50 se webwerf soort ingebed in die middel van ons blad.
So ek was in staat om 'n interne maak sowel as 'n skakel 'n eksterne skakel.
>> Die laaste reël met HTML wat ons gaan om te praat oor hier
is dat jou HTML goed gevorm moet word.
In C het ons gepraat oor 'n baie die verskillende sintaksis van die dinge.
In HTML die sintaksis regtig wentel om tags.
Elke tag jy oop moet gesluit word.
En in die feit, elke tag wat jy oopmaak moet in omgekeerde volgorde gesluit.
>> So as jy 'n vet tag oopmaak, 'n italic tag, en dan 'n onderstreepkarakter tag
om alles te doen om 'n drie spesifieke stel van die teks,
moet jy hulle maak in omgekeerde volgorde.
So as jy vet geopen italic, onderstreep, jy
wil onderstreep, italic sluit, vet.
Hierdie soort van inkapseling is wat hou HTML mooi en georganiseer.
>> Anders C, al is, sal sintaksfoute nie eintlik kreupel jou HTML moontlik.
Jou HTML kan nie goed wees gevorm, maar nog steeds werk.
En so hierdie foute kan sorteer van slide deur.
Dit is aan jou om werklik waaksaam wees.
Soms sal hulle nie, maar soms kan jy wegkom met dit.
>> Dit kan 'n werklik moeilike taak, al is,
om tred te hou van wanneer jy oop te hou 'n tag, wanneer jy dit gesluit is,
veral as jou HTML lêers groter en groter.
Jy sal 'n paar help wil.
En daar is online validator gereedskap wat jy
kan gebruik om 'n blik op jou web het bladsy en sien of dit goed gevorm HTML.
En jy moet beslis 'n blik op die
en begin om dit te gebruik as wat jy begin doen 'n werk met HTML,
skryf HTML, net sodat jy kry 'n paar goeie gewoontes organiseer
HTML in 'n goeie manier en goeie styl en maak seker
dat jy niks doen wat kon 'n sintaksfout skep wat
sou veroorsaak dat jy 'n bietjie van 'n probleem in die pad af.
>> Ek is Doug Lloyd.
Dit is CS50.