>> Doug LLOYD: Torej smo preživeli about-- če je moja matematika prav,
In mislim, da je videti back-- mislim smo porabili približno 35 videoposnetkov govorim
o različnih vidikih C, morda malo več, morda malo manj.
In mi ni zajela vse, kar je v C, vendar smo
pokriva velik kos od jezik, velika večina od tega,
gotovo za skupne namene.
Zdaj bomo govorili o drug jezik, HTML.
In bomo kritje se je v samo enem videu.
>> Ampak to se dogaja, da je v redu.
To se dogaja, da dejansko postanejo kaj boš navaditi.
Zdaj, ko imate osnove enem jeziku,
to je pravzaprav zelo enostavna začeti učiti druge.
Torej bomo za začetek na korak malo nazaj
in prikriti osnovna Razlike med temi jeziki
in nekako pustil z njim.
Tam je veliko res super vire na internetu, ki
bomo začeti usmerjanju proti, ker je internet
velika zbirka informacij.
In tako da je vam ni všeč, bom so izgubili nujno
ji ni podatkov zajeta v videu.
Še vedno boste lahko dobili vse, kar potrebujete in uporaba
znanje, ki ste jih že zgradili z razumevanjem C
da bi krivuljo učenja za to drugi jeziki pravzaprav laskajo veliko.
Obljubim.
>> Ampak kaj je govoril o enem jeziku da je res ključnega pomena za vsako spletu
Stran, ki je HTML.
HTML je Hyper Text Markup Language.
HTML je jezik, vendar je ni programski jezik.
>> HTML nima spremenljivk.
Nima logiko ali funkcije ali kaj podobnega.
Mi ne moremo storiti vse programiranje po sebi v HTML.
Včasih boste slišali ljudje opisujejo
kot HTML programerjev, ki ni povsem točna.
Ne moremo pisati programe HTML.
>> HTML je samo uporablja za označevanje besedila.
Imenuje se označevalni jezik.
In kaj to does-- to markup-- smo uporabili oznake v HTML in teh tags--
to markup-- semantično opredeljuje strukturo strani
in povzroči, da golo besedilo, ki obstaja med do oznake razlagati
brskalniki na različne načine.
In morda je najbolje, da pojasni ta ga način ilustrativno.
>> Tukaj je zelo preprost HTML strani, ni program HTML, spet, HTML stran.
In vemo, to je HTML stran, ker smo jih
mejo vse s HTML.
Torej, to je tisto, HTML tag izgleda.
To je med kotnih oklepajih.
In opazili na vrhu imamo HTML in na samem dnu,
po tem, ko smo naredili tisto, kar je očitno veliko drugih HTML,
imamo kot nosilec slash HTML.
Tako, da nekako je meja med tem, kaj je HTML in kaj ne.
In seveda, konvencionalno, samo kot si napisal vse svoje programe C
z razširitvami dot C, vse vaše datoteke HTML
se bo končala z dot razširitve HTML.
Ampak to še ni vse dogaja.
Nimamo samo še te HTML oznake.
Mi očitno imajo to stvar imenovano oznako glave.
No, OK, kaj je to?
>> No, morda je najbolje, da razlikuje s pomočjo organa,
Telo čemer vsebina spletne strani.
Tako da morda tag glava definira stvari da ni v oknu brskalnika pravilno,
vendar je nekako pomembno, da se naše spletna stran pravilno opravljena.
Na primer, v notranjosti glava tag imamo naslov oznake.
>> Torej, naslov pa zdravo svet, da se dejansko dogaja, da se kaj
kaže v zavihku v Chrome ali v safari ali Firefox--
ne glede na brskalnik, ki ga prefer-- da je kaj se dogaja, da se pokažejo v naslovu.
In preden zavihkih bi pokazal v vašem celotnem oknu brskalnika
in imate lahko le eno stran odpreti v oknu brskalnika naenkrat.
Tako, da se dogaja, da je Naslov moje strani up v zavihku
ali okno brskalnika bar, zdravo svet.
In nato vsebina mojega Spletna stran bo svet, zdravo.
Torej, vzemimo si oglejte, kaj nekateri stvar, kot je to morda videti kot.
To je zelo preprost HTML stran.
Torej, jaz sem tukaj, v mojem CS50 IDE in Sem Povečano malo.
In jaz sem le, da bo odpirajo Hello dot HTML
in ti pokažem, da je to precej vsebina strani, da smo videli prej.
Moje preproste oznake HTML, glave, naslov oznake, telo, in tako naprej.
Sem zamaknjen biti čista.
>> In potem, kaj lahko storim v mojem IDE je samo predogled strani.
In tam gremo.
Vsebina moje strani je svet, zdravo, in ne vidim ničesar
v iz oznake glavi.
To je samo vsebnost telesa.
Svet, zdravo.
In spet telo samo je dejal, svet, zdravo.
Drugi del manjka.
>> Tako, da je res vse, kar je.
To je zelo preprosta osnovni HTML stran.
Zdaj sem zamaknjen svoj HTML res lepo in organizirano,
ampak nimam dejansko.
Jaz bi lahko bilo videti precej grdo.
In bi to še vedno deluje.
To bi bilo popolnoma enak spletne strani.
Pravkar sem Znebila ves prazen prostor.
>> Kot se je izkazalo, beli prostor je podatke.
In tako, ko sva pošiljanju podatkov iz pošiljatelja do prejemnika, iz strežnika
za stranko, stane podatki denar.
In tako znebi presledkov je pravzaprav dobra ideja
če ste nekoga, ki služi do veliko spletnih vsebin.
To je slaba ideja, če ste nekdo, ki je učenje te stvari
in želite imeti je lepo organizirano.
To je veliko lažje razčleniti kot to.
Ampak to je funkcionalno enaka.
>> Vdrtina in stvari, kot da dejansko ne važno v HTML.
Vse, kar je pomembno, je odpiranje oznake in zapiranje oznake v pravilnem vrstnem redu.
Opazili, kaj se je zgodilo tukaj, čeprav.
Pribitek nam daje pot do sporoči dodatne informacije
o tem, kaj smo napisali.
Hello, Svet del je bil razlagati kot naslov.
In svet, je zdravo del razlagati tako, da vsebnost
ali kaj bi morala biti viden na moji spletni strani.
>> Obstaja več kot 100 od teh razlikuje oznake in veliko veliko virov
na spletu, da jih najdejo.
Bomo govoriti o nekatere od njih v tem videu, nekateri
na res temeljne stvari.
Ampak ne bova pogovorila o vsem tem, ker je
bi bil izčrpen, da to storijo.
>> Še ena stvar, ki jo lahko storite, čeprav, je odprla orodja za razvijalce.
In če se spomnite iz naš video na HTTP,
Razložil sem, kako odpreti do razvijalskih orodij.
V Chromu je ponavadi ključno F12 odpreti orodno vrstico za razvijalce.
Potem namesto izbiri omrežje zanka, lahko izberete zavihek elementov.
In če si naložite spletu strani boste dejansko
glej HTML, ki ustvarja to spletno stran.
In tako boste lahko izvedeli veliko o HTML ga je videti na vaših najljubših spletnih strani
in vidim, kako graditi Različni kosi njih, ki ti je všeč.
Tako da morda tam je to kul vzorec ali nekaj takega.
Kako jim bo uspelo s HTML?
No, lahko samo odpirajo vaš razvijalca orodja in hover nad tem elementom
in videti, kaj naredi HTML je.
Tako, da je res dober način za učenje HTML,
in sem močno priporočamo, da vam je tako, da se naučijo HTML
in tudi, da se naučijo malo bitno o nekaterih možnosti
so vam na voljo v orodja za razvijalce, ki
bo zagotovo prišel prav kot začnete delaš bolj intenzivno spletu
programiranje.
>> Torej, vzemimo si na Nekaj ​​skupnih HTML.
In bomo skok in si oglejte kaj te oznake tudi render
kot jih je videti na nekaterih datotek v mojem IDE.
Torej, tukaj so trije zelo osnovne oznake za poteg videz besedila.
Obstaja oznake B, oznake I in U oznake.
In sicer, kaj počnejo, je render besedilo med njimi v krepkem tisku,
ležeče, in podčrtovanje.
Torej, da vidimo, kaj bi bilo, da poiščete kot na dejanski spletni strani v mojem IDE.
>> Torej, tukaj v mojem IDE imam datoteka z imenom BIU dot HTML.
BIU dot HTML samo da krepko, ležeče, poudarja.
Ga bom odprla.
>> In bomo videli, da tu sem ima to besedilo je oznake B krepko.
To besedilo je I tags ležeče.
In to besedilo je U oznake poudaril.
Kaj bo to videti?
Torej še enkrat, vse kar imam storiti je, pojdite tukaj
na mojem brskalniku, moja datoteka brskalnik, kliknite Predogled, in to je tisto, kar prihaja gor.
>> Besedilo med B oznake je res zdaj krepko.
Besedilo med I oznake je res zdaj ležeče.
In besedilo med U oznake je res zdaj je poudaril.
Torej, to je zelo dobro.
Zdaj vemo, kako bi besedilo poglej malo bolj fancy
ali narišite poudarek na nekatere stvari.
Še nekaj skupnih tags tukaj odstavek oznake, P, in glave oznake,
ki sem tukaj, opravljene kot HX.
>> Te P oznake, ta odstavek oznake, prekinil svoje besedilo gor v točkah.
To ni dovolj, da samo Enter in zapustijo prostore,
ker se računalnik samo še da to, kar je povedal, da storijo
in ga ignorira bela Prostor za večino del.
Torej ne moremo preprosto pritisnite tipko Enter in pričakujejo naš računalnik
interpretirati, da želimo začeti nov odstavek.
Imamo zelo jasno povedati je eden paragraph-- to another--
ki ga obdaja vsak v nizu P oznak.
>> In imamo tudi te možnosti za H oznake, teh glavi oznake.
Imamo šest različnih stopenj glav, ena, dva, tri,
štiri, pet, šest, ki so postopoma večja in večja
glave.
In so dobili manjši in manjši in manjši in manjši.
Torej imamo glavo vrhnjo drugi Glava raven, in tako naprej, in tako naprej.
>> Oglejmo si na morda nekaj P oznake in nekatere glave oznake
v akciji na spletni strani.
Torej, tukaj v mojem IDE imam datoteko z imenom PH dot HTML, PH čemer odstavki
in header tags.
Odprite da gor.
Tam je veliko dogaja tukaj ker sem dal nekaj Lorem
ipsum, nekateri samo naključno besedilo tukaj.
Torej bom pomanjšati malo zato, ker je tako veliko dogaja.
Ampak obvestilo, da moram na samem vrh tukaj imam H1, raven enega,
header tag.
Potem sem imel točko, ki je pravkar kup naključnih text-- Lorem ipsum--
Samo privzeto standardno polnitev v besedilu.
Torej imam dve točki v notranjosti, ki Raven ena glava in nato spodaj I
imajo enake dve glavo tukaj na liniji 24, glava druga raven, in še dva
odstavki.
No, kaj to izgleda če sem si jo ogledate v mojem predogled?
Pa poglejmo.
>> Tako opazili, da Glava tukaj prva stopnja
je pravzaprav precej malo večji od glave drugi ravni.
Torej smo uporabili H1 tags.
In opazili, da so nas P tagi da bi prekinil stvari v točkah.
Če smo gotten znebite teh P oznak in dejansko samo da vstopi ali Returns
vmes, kar smo upali, bi biti različni odstavki,
vsi bi samo slam skupaj in da ne bi bilo to lepo odstavek
Ločevanje s prostorom zgoraj in spodaj.
In tako, da je tisto, kar odstavek oznake in header tags
se pogosto uporabljajo za to, da pripravi pozornost na dele naši spletni strani
na ta način.
>> Naslednji up je nekaj oznak, ki jih uporabljamo za izgradnjo sezname na naši spletni strani.
Torej imamo neurejenega lists-- ULs-- ki so samo
označene sezname, naročeno Seznam, ki so numbered--
OLs-- in znotraj bodisi eden od tistih, moramo imeti
sklopov, kako se kažejo elemente seznama, LI.
In tako imamo odprto UL tag in mi dal elementov znotraj njega.
In potem, ko bomo končali s da smo lahko zaprete UL oznako.
>> In podobno lahko imamo urejen ali oštevilčen seznam
in dal seznam predmetov znotraj tega.
Torej, vzemimo si oglejte na nekaj seznamov
in kaj bi render kot na CS50 IDE.
Torej, tukaj imam v mojem IDE datoteka z imenom seznami dot HTML.
Oglejmo pogled.
>> In obvestilo tu imam Neurejen seznam s petimi stvari v njem.
In potem imam urejen seznam, in Sem spremenil tag malo,
prav?
Sem rekel start znaša šest.
Izkazalo se je, s urejenega seznama I lahko nastavite začetno točko kjerkoli je to
Jaz want-- privzeto bo one-- ga le dodajanje to tako imenovano atribut
na moj OL oznako.
In tako ta seznam se bo začnemo ob šestih.
Torej elementi te oštevilčen seznam mora biti šest, sedem, osem, devet, deset,
ker je pet elementov na seznamu, v nasprotju z eno,
dva, tri, štiri, pet, ki bi bilo v primeru, če bi jaz rekel OL
brez navedbe začetno atribut.
>> Torej bomo samo predogled tem, da si lahko dobili občutek za to, kar se dogaja tukaj.
In tam gremo.
Tukaj je moj seznam.
Prvih pet elementi neurejene ali označene sezname.
In v naslednjih petih elementov so ločeno urejen seznam
izhajajoč iz šest.
Torej, to je, kako smo lahko izgradnjo sezname z uporabo HTML.
Še ena stvar, ki jo morda želite storiti s HTML
je zgraditi tabelo Podatki vrstic in stolpcev
predstaviti informacije na posebej organiziran način.
Če želite to narediti s HTML moremo imeti opredelitev miza začenja odprto konzolo
miza.
In potem znotraj te tabele smo morda niz vrstic, TR oznake
navesti vsako vrstico.
In potem TD tagi iti notranjost TR oznak določite stolpec v vrstici.
>> Zakaj se imenuje TD in ne TC?
No, TD stojala za namizne podatkov.
Ponavadi ste dajanje vaše podatke tam.
Torej, to je razlog, zakaj je TD in ne TC.
To je malo zmedeno.
>> Torej imate tabele oznake in notranjost vaših namiznih oznak
imate več vrstic, repozitorije.
In znotraj vsake vrstice imate TDS za število stolpcev
ki želite imeti V tem posebnem zapored.
Oglejmo si na zelo preprosta tabela čez v CS50 IDE.
>> Torej, tukaj imam datoteko imenuje tabela dot HTML.
Oglejmo si oglejte kaj to izgleda.
Tam je veliko dogaja tukaj, ampak če opazite imam miza odprta.
Začenjam opredelitev z mizo.
In potem v moji prvi vrsti sem očitno imajo štirje stolpci, ena, dva, tri,
štiri.
In potem bom končal s to vrstico.
>> Potem začnem drugo vrstico in Ali dve, štiri, šest, osem.
Končaj to vrstico.
Ali še eno vrstico, tri, šest, devet, 12.
In potem zadnja vrstica, štiri, osem, 12, in čeprav je
malo odrezana tukaj, 16.
>> Končal sem to vrstico.
Končal sem mizo.
In potem sem naredil z mojo HTML.
Kaj to videti?
No, to ni res veliko za videti.
Sem dobro organizirano moje podatke v nekoliko bolj organiziran način.
Ampak to ni super lepa tukaj.
In bomo, da se ukvarjajo z da je, ko govorimo o CSS.
Bomo ponovno to idejo kaj počnemo, da bi table--
Mogoče ga oblikujte malo bolje?
Ampak jaz še vedno štiri vrstice, od katerih ima vsaka štiri stolpce,
in res, kaj to pomeni, da je zelo preprosta štiri s štirimi množenje
miza.
>> Samo še nekaj tags bomo govoriti.
Spregovorimo približno Koncept obliki HTML.
Torej ste to lahko videli v kontekst prijavo v spletno stran.
Ponavadi vnesete svoje uporabniško ime.
Vnesete v svoje geslo, in ste na dobri poti.
To bi bil začetek obliki.
>> Preskok čez Oddelki sekundo.
Imamo tudi vložke, ki nekako fit znotraj obrazcev.
To so elementi, ki ste dejansko tipkanje v,
ali gumbi radijskih ste tiktaka, ali preverjanje
škatle, da ste tiktaka off.
Torej, ti pojdi noter obrazcev.
In obsegajo v bistvu vsaka vrsta obliki
če je vaša oblika formatiran dobro.
Potem je tu še ta koncept div, ki v resnici ne
fit v kakršno koli posebno kategorijo oznak, kot tiste, ki sem jih
počel prej.
Samo nekako razmejuje začetek neke samovoljno division--
div-- stranice.
Ni vizualno odmor.
Ni linijo.
To ni pobota kot samodejno samostojen kos.
Morali bi jo slog na ta način, da to storim.
>> Samo nekako pravi, da želijo kos prostora na moji spletni strani,
in sem šele tekoč, da pokličete je ta delitev moje strani.
Mi lahko postavite stvari v notranjosti od Divs, in dejansko
ko smo nad glavo, IDE na sekundo, bomo
vidim, da sem dajanje mojo tvorijo znotraj div.
>> Torej, tukaj imam v mojem IDE datoteka z imenom div oblika dot HTML.
Naj jo odprli.
Obvestilo, da, kot sem rekel, div je nekako arbitrarna.
Prav?
To ne res pomeni ničesar.
Torej imam poljubna Prva delitev moji strani.
In nato namesto drugega div kasneje, z začetkom na liniji osem,
Imam ta obrazec.
In notranjost obliko I imajo Število vhodov, polja obrazca.
Torej imam polje, katerega ime je A-- kar pa res ne pomeni nič
Pravica now-- ki očitno je besedilo, še eno, da
je geslo, drugi, da je Radio gumb, drugi, da je potrditveno polje,
in drugo, da je gumb Pošlji.
No, kaj je to vse dejansko izgledal?
No, poglej.
Ga bomo odprli v našem oknu za predogled.
Obvestilo, da je ta samovoljna Prvi division-- obstaja
no vizualno ločevanje tukaj.
To v resnici ni storil ničesar, kajne?
>> In potem imam obliko.
In nisem naredil nobene posebne oblikovanje.
Torej je oblika le ena velika vrsta informacij.
Če sem oblikovano svojo obliko drugače, Jaz bi imel to vrstico za vrstico za vrstico.
Ampak nisem naredil nobene styling.
Again, mi ne govorimo o CSS.
Mi smo samo govoril o HTML.
>> No, v mojem besedilni obliki morem type-- ne pozabite, da oblike tipa besedila
da bom lahko dal moje ime.
In v mojem geslom I lahko vnesete geslo.
In ker tega področja je tipa gesla,
Če ne veste, kaj je moja geslo.
To je vse pike.
>> Lahko se odločite tudi za ustrezno off izbirni gumb ali razjezilo potrditveno polje.
Ali lahko oddam svoj obrazec.
In nisem naredil ničesar, tako da, ko oddam svoj obrazec,
stran samo osveži.
Vendar bi jaz morda nastaviti my Submit gumb za nekaj drugega.
In bomo videli, kaj lahko storimo z da v prihodnjem video na PHP.
Ampak to gradi zelo preprost obrazec, ki smo
lahko uporabite, da imajo uporabniki interakcijo in predložijo informacije na naši spletni strani.
>> Še zadnja pripomba, preden smo premakniti na nekaterih drugih oznak
so si oglejte to input tag še enkrat.
Obvestilo, da sem izpostavil konci tag v rdeči barvi.
Vsak drugi tag smo videli doslej imeli začetek in konec, odprtino
tag in zapiranje tag.
>> Ampak input tag ne.
Ni besedila, ki gre med vhodnimi oznake.
Vse informacije smo nameravajo posredovati
je povezana kot del atribute tega vhoda.
Opazili smo input name enaka x.
Vrsta enaka y.
Res, da je vse informacije, ki jih potrebujete.
>> To se imenuje samo zapiranje tag.
To ne zahteva odprtino in blizu, ker so vse informacije,
je vsebovan znotraj tag in njegove lastnosti.
Tako da včasih boste videli, preveč.
Torej, samo zavedati, da če imate tag, ki je popolnoma samostojen,
se odpre in se zapre z odprti kot nosilec na levi
in poševnica trupa konzola na desni strani.
Bomo videli še eno od tistih, zdaj s slikovnimi oznakami, kot dobro.
>> Preden govorimo o slikah, smo morali govoriti o hiperpovezav.
Če želimo, da je naša spletna stran, da bi interaktivno in nas gibati,
da bi bilo lepo imeti možnost, da kliknete na eno od tistih, ki
kar je tipično bilo modro povezavo.
To je pravzaprav, kako gradimo hiperpovezava na naši spletni strani.
In dovolj zanimivo obstaja še en HTML tag
imenovana zveza, ki ni hiperpovezava.
Tukaj stoji za sidro in to je, kako smo se kažejo hiperpovezavo.
>> A href enaka x sredstva gredo za Spletna stran X. In vse
med odprtim Oznaka in blizu Oznaka
je tisto, kar se dogaja, je treba, da je poudaril, modro besedilo, ki izgleda kot povezavo
da smo seznanjeni z.
Sledi, da imamo oznako slike, ki je samo zapiranje oznako za prikaz
slika nahaja na X. In boste morda lahko, da spremenite
da slike, ki jih določajo širina in višina
in drugi atributov da dot dot dot tam.
>> Na samem dnu tukaj imamo zelo zanimivo
išče oznako, ki ne zapornim oznako.
To je klicaj DOCTYPE HTML.
Torej je HTML bila približno od začetku leta 1990 za izgradnjo spletnih strani,
in to je šla prestali več popravki od takrat.
Nazadnje leta 2014 je doživel revizijo
imenuje HTML5, ki je zdaj tok nekako de facto standard HTML.
>> Kar pomeni, da naša spletna Strani so napisana z uporabo HTML5,
to je, kako smo začeli.
Prav tako se lahko opusti, vendar kaj to v bistvu
pomeni, da ne morete uporabljati katero od oznak da so HTML5 oznake, te nove oznake.
Tako smo se vedno začne off če smo z uporabo HTML5.
In vse oznake smo se pogovarjali o prej niso HTML5 oznake.
Toda to bi pomenilo, da HTML5 oznake bodo prisotni.
In tako imamo vzklik DOCTYPE HTML, ki
je na samem začetku našega HTML datoteke, nato pa po ta točka
imamo dejansko naša HTML odprta Označevanje in nadaljujte od tam.
>> Zadnji je komentar tag, ki izgleda nekoliko drugačen, preveč.
Začne se s kotom Nosilec klicaj dash
dash ne pa zapiranje nosilec.
V teh dveh elementih tam je, če pišete komentarje.
In dajmo si oglejte slike pripomb in povezave v CS50 IDE.
>> Tako da imam tu datoteka z imenom povezava na sliko dot HTML kateri bom odprla.
In obvestilo Imam par tukaj v komentarjih HTML komentarje.
Torej tako kot pri C in drugo programski jeziki,
HTML samo s čemer označevalni jezik ima možnost, da imajo pripombe.
In tako sem očitno dogaja, da položite sliko Rick Astley
nekje med tem div tag, to samovoljno delitev.
Očitno je, da je datoteka ki se nahaja na Rick dot JPEG, ki
če bomo odpravili nazaj prenesejo moja datoteka drevo za sekundo,
je datoteka, ki obstaja v trenutni imenik.
Tako, da je v redu.
Jaz lahko reference.
>> Potem imam lahko notranje povezave.
Tako obvestilo na liniji 11 tukaj moj href je zdravo pika HTML.
Tako da samo se nanaša na zdravo dot HTML ki obstaja v trenutnem imeniku.
In sem lahko tudi zunanji povezave s samo navedbo HTTPS
kar pomeni, da ne govorim o datoteki v svojem trenutnem imeniku.
Govorim o datoteki, ki obstaja nekje na internetu, kar imam
zahtevati uporabo protokola HTTP.
>> Torej, vzemimo si oglejte, kaj To stran lahko izgledal
in se pripraviš za sliko Rick Astley, da pokažejo na zaslonu.
Zato bom to predogled.
Tam je Rick Astley Na sam vrh v ta samovoljna
Delitev sem ga dal na vrhu.
In potem spodaj I imajo svoje povezave, kajne?
>> Imam povezavo do hello dot HTML.
In če sem kliknite, da dobim prešle na tej strani
da smo zelo dobro seznanjeni z od na samem začetku našega programa.
Če sem spet pop to stran odprto, če I pop povezava na sliko odpre še enkrat,
Lahko grem tudi navzven na spletni strani CS50 je.
In tam smo see-- bom pomanjšati malo here--
bomo videli CS50 spletno stran vrste vgrajeni v sredini strani.
Tako sem bil sposoben, da bi notranji povezavo kot tudi zunanja povezava.
>> Zadnje pravilo s HTML, bomo govorili o tukaj
je, da bi moral biti tvoj HTML dobro oblikovana.
V C veliko smo se pogovarjali o različnih sintaksa stvari.
V HTML sintakso res vrti okoli oznake.
Vsak tag odprete treba zapreti.
In v resnici, vsak tag odprete Treba je zaprta v obratnem vrstnem redu.
>> Torej, če ste odprli krepko oznako, An ležeče tag, in nato pa underline tag
storiti vse tri do zlasti niz besedila,
da bi jih moral zapreti v obratnem vrstnem redu.
Torej, če ste odprli krepko, ležeče, podčrtano, si
želite zapreti poudarjajo, ležeče, krepko.
Ta vrsta zakapsuliranjem je kaj ohranja HTML lepo in organizirano.
>> Za razliko od C, čeprav sintaksa napak ne bo dejansko pohabljenec vaš HTML možnosti.
Vaš HTML morda ne bo dobro oblikovani, vendar bi še vedno dela.
In tako te napake lahko razvrstite po preparatih.
To je do vas, da res pazljivi.
Včasih bodo ne, ampak včasih lahko izmaže.
>> To je lahko resnično težka naloga, čeprav,
slediti, ko ste odprli oznaka, ko ste ga zaprli,
zlasti v vašem HTML Datoteke dobili večji in večji.
Boste želeli pomoč.
In tam so na spletu validator orodja, ki jih
lahko uporabite za imajo pogled na vašo spletno stran, in videli, če je dobro oblikovano HTML.
In si je vsekakor poglej na tiste
in začeti, da jih uporabljajo kot vi začeti početje nekaj dela s HTML,
pisanje HTML, samo zato, da boste dobili nekaj dobrih navad o organizaciji
Vaše HTML na dober način in dober slog in pazite,
da nisi nič delal, da lahko ustvarite skladenjsko napako, ki
bi vam povzročajo malo problem po cesti.
>> Sem Doug Lloyd.
To je CS50.