>> DOUG LLOYD: Takže sme strávili about-- keď je moja matematika je správne,
A myslím, že pri pohľade back-- myslím, sme strávili asi 35 videí hovorí
o rôznych aspektoch C, možno o trochu viac, možno o niečo menej.
A my sa nevzťahuje na všetko v C, ale my
sa vzťahuje veľký kus z jazyk, drvivá väčšina z nich,
iste aj pre bežné použitie.
Teraz budeme hovoriť o iný jazyk, HTML.
A ideme na pokrytie to len v jednom videu.
>> Ale to bude v poriadku.
To bude skutočne stáť niečo, čo budete zvyknúť.
Teraz, keď máte Základy jedného jazyka,
je to vlastne celkom jednoduché sa začať učiť ostatných.
Takže ideme na začiatok ku kroku trochu späť
a zakryť základné rozdiely medzi týmito jazykoch
a druh nechať vás k nemu.
Je tu veľa naozaj skvelý zdroje na internete, ktorý
budeme začať réžii vás voči pretože internet je
obrovská úložisko informácií.
A tak to nie je ako budete byť prichádzajú nutne
tým, že nie je informácia zahrnuté vo videu.
Stále budete mať možnosť získať všetko, čo potrebujú a využívajú
znalosti, ktoré ste už vybudovala pochopením C
aby krivku učenia pre tieto iné jazyky vlastne veľa plochejšie.
Sľubujem.
>> Ale poďme hovoriť o jednom jazyku to je naozaj zásadný pre každý web
strana, ktorá je HTML.
HTML je Hyper Text Markup Language.
HTML je jazyk, ale to je nie je programovací jazyk.
>> HTML nemá premenné.
To nemá logiku ani funkcie alebo niečo také.
Nemôžeme robiť žiadne programovanie sám o sebe v HTML.
Občas začujete ľudia popisujú seba
ako HTML programátorov, ktoré nie je úplne presné.
Nemôžeme písať HTML programy.
>> HTML slúži len označiť text.
Volá sa to značkovací jazyk.
A čo to does-- túto markup-- používame tagy v HTML a tieto tags--
tento markup-- sémanticky definuje štruktúru stránky
a spôsobí, že obyčajný text, ktorý existuje medzi značky, ktoré majú byť interpretované
by prehliadačov rôznymi spôsobmi.
A možno je to najlepšie vysvetliť tým, že spôsob ilustrácie.
>> Tu je veľmi jednoduchá stránka HTML, nie program HTML, opäť, stránka HTML.
A my vieme, že je to HTML stránky, pretože my máme
ohraničené všetko s HTML tagy.
Takže toto je to, čo značka HTML vyzerá.
Je to medzi lomených zátvorkách.
A všimnite si na vrchole máme HTML a na samom dne,
potom, čo sme urobili, čo je zrejme mnoho ďalších HTML,
máme uhol zátvorka lomítko HTML.
Tak, že druh je hranica medzi tým, čo je HTML a čo nie je.
A samozrejme, konvenčne, len ako píšeš všetky vaše C programov
s rozšíreniami bodka C, všetky súbory HTML
skončí s bodových rozšírenie HTML.
Ale je tu ide o viac.
Nemáme jednoducho mať tieto HTML tagy.
Máme zrejme sa to čomu sa hovorí tag hlavy.
No, OK, čo je to?
>> No, možno, že je to najlepšie rozlíšiť pomocou telesa,
Telo je obsah webovej stránky.
Takže možno tag hlava definuje veci že nie je v okne prehliadača správne,
ale je nejako dôležité pre naše webové stránky je vykreslený správne.
Napríklad, vo vnútri z head tag máme názov značky.
>> Takže názov bytia hello world, že to vlastne bude, čo
zobrazí v záložke v Chrome alebo v safari alebo Firefox--
bez ohľadu na prehliadač prefer--, že je to čo sa deje sa ukázať v názve.
A než kartách by to ukázať, v celom okne prehliadača
a môžete mať iba jednu stránku otvorí v okne prehliadača v čase.
Takže, čo sa deje, že je Názov mojej stránke up v záložke
alebo okno prehliadača bar, hello world.
A potom sa obsah my webová stránka bude svet, ahoj.
Takže poďme sa pozrieť na to, čo niektorí niečo také by mohlo vyzerať.
To je celkom jednoduchá stránka HTML.
Tak som tu v mojom CS50 IDE a Ja som priblíženie trochu.
A ja som jednoducho ísť otvoriť ahoj dot HTML
a ukázať vám, že je to do značnej miery stránky obsah, ktorý sme videli skôr.
Moje jednoduchých HTML, hlava značky, názov značky, telo, a tak ďalej.
Ja som odsadené byť čisté.
>> A potom, čo sa dá robiť v mojom IDE je len zobraziť náhľad stránky.
A tam ideme.
Obsah mojej stránke je svet, ahoj, a ja nič nevidím
Z tagov hlavy tam.
Je to len obsah tela.
World, ahoj.
A opäť telo len povedal, svet, ahoj.
Druhá časť chýba.
>> Tak to je naozaj všetko, čo je.
Jedná sa o veľmi jednoduchý základnej stránka HTML.
Teraz som odsadené môjho HTML kódu do byť naozaj pekné a organizovanej,
ale nemám v skutočnosti mať.
Mohol by som, aby to vyzeralo pekne škaredé.
A to by stále fungovať.
To by bolo presne rovnaké webové stránky.
Práve som zbavili všetky biele miesto.
>> Ako to dopadá, biely priestor je dát.
A tak, keď sme odosielania dát z odosielateľa k prijímaču, zo servera
klientovi dáta stojí peniaze.
A tak, ako sa zbaviť medzery je vlastne dobrý nápad
ak ste niekoho, kto slúži up veľa webového obsahu.
Je to zlý nápad, ak ste niekto, kto ich učí tieto veci
a chcete mať to pekne organizovaný.
To je oveľa jednoduchšie, rozobrať, ako toto.
Ale je to funkčne totožné.
>> Odsadenie a podobné veci nie je v skutočnosti jedno, v HTML.
Všetko, na čom záleží, je otváracia tagy a uzatváracie značky v správnom poradí.
Všimnite si, čo sa tu stalo, hoci.
Značkovacie nám dáva cestu k oznamovať ďalšie informácie
o tom, čo som napísal.
Hello, World časť bola interpretované ako titul.
A svet, ahoj časť bola interpretovaná ako obsah
alebo čo by malo byť viditeľný na mojej webovej stránke.
>> Existuje viac ako 100 z nich odlišný tagy a mnoho skvelých zdrojov
on-line je nájsť.
Budeme hovoriť o len málo z nich v tomto videu, niektorí
o naozaj zásadné veci.
Ale my nebudeme hovoriť o tom všetkom, pretože to
by byť vyčerpávajúci, aby tak urobili.
>> Ďalšia vec, ktorú môžete urobiť, aj keď, je otvoriť vývojárske nástroje.
A ak si spomínate z naše video na protokole HTTP,
Vysvetlil som, ako otvoriť up vývojárskych nástrojov.
V Chrome je to zvyčajne kláves F12 otvoriť panel nástrojov pre vývojárov.
Potom miesto voľby Sieť Karta, môžete zvoliť záložku Elements.
A ak vložíte web strana, budete vlastne
nájdete v HTML, ktorý vytvára túto webovú stránku.
A tak sa môžete dozvedieť veľa o HTML pri pohľade na svoje obľúbené webové stránky
a keď vidí, ako sa budovať rôzne kusy z nich, ktoré sa vám páčia.
Takže možno, že je to v pohode vzor alebo niečo také.
Ako to robia to s HTML?
No stačí otvoriť svoj developer nástroje a vznášať sa nad tento prvok
a vidieť presne to, čo robí to HTML.
Tak to je naozaj dobrý spôsob, ako sa naučiť HTML,
a ja odporúčam, aby robíte to ako sa učiť HTML
a tiež sa učiť trochu niečo o niektoré z možností
pre vás k dispozícii v vývojárske nástroje, ktoré
iste príde vhod ako začnete robiť viac intenzívnejšie web
programovanie.
>> Takže poďme sa pozrieť na pár spoločných HTML tagy.
A budeme skákať a sa pozrieť na čo tieto tagy budú tiež k tomu,
ako pri pohľade na niektoré súbory v mojej IDE.
Tak tu sú tri veľmi základné tagy pre ladením vzhľad textu.
Je tu tagy B, tagy I a U značky.
A v tomto poradí, čo robia, je vykresliť text medzi nimi tučne,
kurzíva a podčiarknutie.
Takže poďme sa pozrieť, čo to bude vyzerať ako na skutočné webové stránky v mojom IDE.
>> Takže tu v mojom IDE Mám súbor s názvom BIU dot HTML.
BIU dot HTML byť len tučné, kurzíva, podčiarknutie.
Otvorím to.
>> A my budeme vidieť, že tu som majú tento text je tagy B tučne.
Tento text je od I kurzíva.
A tento text je podčiarknutý U značky.
Čo sa to bude vyzerať?
Tak znova, všetko, čo mám urobiť, je ísť sem
do svojho prehliadača, môj prehliadač súborov, kliknite na tlačidlo Preview, a to je to, čo príde.
>> Text medzi B tagy je naozaj teraz tučne.
Text medzi I tagy je naozaj teraz kurzíva.
A text v medzi U tagy skutočne teraz podčiarknutá.
Tak to je celkom dobré.
Teraz vieme, ako sa robí textu vyzerať trochu viac fantázie
alebo kresliť dôraz na určité veci.
Ďalších pár bežných značiek sú tu odseky tagy, tagy P, a záhlavia,
ktorý som tu vykreslený ako HX.
>> Tieto P tagy, tieto tagy odsek, zlomiť znenie až do odsekov.
Nestačí len stlačte klávesu Enter a opustiť priestory,
pretože počítač je až vo chvíli robiť to, čo vám to povedať robiť
a ignoruje biele priestoru z väčšej časti.
Takže nemôžeme jednoducho stlačiť Enter a očakávajú, že náš počítač
interpretovať, že chceme, začať nový odsek.
Musíme veľmi jasne povedať je jeden paragraph-- je another--
uzavretím každý v súbore P značiek.
>> A máme tiež tieto možnosti pre H tagy, týchto značiek hlavičky.
Máme šesť rôznych úrovniach záhlavie, jedna, dva, tri,
štyri, päť, šesť, ktoré sú postupne väčšie a väčšie
hlavičky.
A oni dostanú menšie a menšie a menšie a menšie.
Takže máme najvyššej úrovne hlavičku, druhá header úrovni, a tak ďalej, a tak ďalej.
>> Poďme sa pozrieť na niektoré možná P značky a niektoré značky hlavičky
v akcii na webovej stránke.
Takže tu v mojom IDE Mám súbor s názvom PH bodka HTML, pH sa odseky
a tagy hlavičky.
Otvoríte, že až.
Je tu veľa tu deje preto, že som dať nejaký Lorem
ipsum, niektorí len náhodný text tu.
Takže budem oddialiť trochu pretože tam je toľko deje.
Ale všimnite si, že mám pri veľmi hore tu mám H1, prvej úrovne,
hlavičky tag.
Potom som sa odsek, ktorý je len banda náhodné text-- Lorem ipsum--
Len predvolené štandardná náplň v texte.
Takže mám dva odseky, ktoré vo vnútri Úroveň jedno záhlavie a potom dole I
majú rovnaké dve hlavičky tu na riadku 24, druhá hlavička stupeň, a ďalšie dva
odseku.
Tak čo to vyzerá keď som ju zobraziť vo svojom náhľade?
Pozrime sa.
>> Takže si všimnúť, že Prvý hlavičky tu hladina
je vlastne celkom dosť väčší ako druhá hlavičky hladiny.
Takže sme použili H1 tagy.
A všimnite si, že P značky nám umožňujú rozdeliť veci do odsekov.
Keby sme dostali zbaviť tých P značiek a vlastne len dať Zadáva alebo vráti
v medzi tým, čo sme dúfali by byť rôzne body,
budú všetci len zabuchnúť dohromady a to nebude mať tento pekný odsek
separácia s priestorom nad a pod.
A tak to je to, čo odsek tagy a tagy hlavičky
sú bežne používané robiť, aby kresliť Pozornosť k častiam našej webovej stránky
týmto spôsobom.
>> Ďalší na rade sú niektoré značky, ktoré používame stavať zoznamy na našej webovej stránke.
Takže máme neusporiadaný lists-- ULs--, ktoré sú rovnako
nečíslované zoznamy, ktoré boli objednané zoznam, ktorý sú numbered--
OLs-- a vnútri buď jeden z tých, musíme mať
sady, ako uviesť zoznam položiek, Li.
A tak máme otvorenú UL tag a kladieme predmety vnútri nej.
A potom, keď sme skončili s že môžeme uzavrieť značku UL.
>> A podobne môžeme mať usporiadaný alebo číslovaný zoznam
a dať položiek zoznamu vnútri toho.
Takže poďme sa pozrieť na pár zoznamov
a čo by vykreslenie aj na CS50 IDE.
Takže mám tu v mojej IDE A Súbor s názvom zoznamy dot HTML.
Poďme sa pozrieť.
>> A Oznámenie tu mám neusporiadaný List s piatimi vecí v ňom.
A potom mám zoradený zoznam a Ja som zmenil štítok trochu,
v poriadku?
Povedal som začiatok rovná šesť.
Ukazuje sa, s objednanú zoznamu I môžete nastaviť východiskový bod, kdekoľvek
Aj want-- v predvolenom nastavení to bude one-- jednoduchým pridaním túto takzvanú atribút
k môjmu OL tagu.
A tak tento zoznam bude začne počítať v šesť.
Takže prvky tohto číslovaný zoznam by mal byť šesť, sedem, osem, deväť, desať,
pretože existuje päť elementov v zozname, v protiklade k jednému,
dva, tri, štyri, päť, čo by tomu bolo v prípade, keby som povedal, OL
bez toho, aby spresnila atribút štartu.
>> Tak sme si len prezrieť to, takže môžete získať cit pre to, čo sa tu deje.
A tam ideme.
Tam je môj zoznam.
Prvých päť prvky sú neusporiadané alebo nečíslované zoznamy.
A ďalšie päť elementov sú samostatnou nariadil zoznam
od šiestich.
Tak to je, ako môžeme budovať zoznamy pomocou HTML.
Ďalšia vec, ktorú by mohol chcete urobiť s HTML
je vytvoriť tabuľku informácie o riadkov a stĺpcov
prezentovať informácie v najmä organizovaným spôsobom.
Ak chcete to s HTML, môžeme mať Definície tabuľky začína otvorený držiak
stôl.
A potom sa vnútri tejto tabuľky sme môže mať sadu riadkov, TR tagy
pre indikáciu každý riadok.
A potom TD tagy ísť vnútri TR tagov špecifikovať stĺpec vnútri rade.
>> Prečo sa volá TD a nie TC?
No, TD znamená dáta tabuľky.
Zvyčajne ste uvedenie vaše informácie tam.
Takže to je dôvod, prečo je TD a nie TC.
Je to trochu mätúce.
>> Takže máte tabuľky a značky vnútornej časti tabuľky značky
máte niekoľko riadkov, TR.
A vo vnútri každého riadku máte TDS pre počet stĺpcov
že chcete mať v tomto konkrétnom riadku.
Poďme sa pozrieť na veľmi jednoduchá tabuľka nad v CS50 IDE.
>> Tak som tu súbor volal tabuľka dot HTML.
Poďme sa pozrieť na ako to vyzerá.
Je tu veľa tu deje, ale ak si všimnete mám tabuľku otvoriť.
Začínam definíciu so stolom.
A potom sa v mojej prvom rade som sa zrejme majú štyri stĺpy, jeden, dva, tri,
štyri.
A potom som urobil s tohto riadku.
>> Potom som začať ďalší riadok a robiť dve, štyri, šesť, osem.
Povrch, ktorý riadok.
Ešte ďalší riadok, tri, šesť, deväť, 12.
A potom posledný riadok, štyri, osem, 12, a aj keď je to
trochu odrezať tu, 16.
>> Dokončil som ten riadok.
Som dokončil tabuľky.
A potom som urobil s mojím HTML.
Čo to vyzerá?
No, to nie je naozaj moc vidieť.
Ja som prehľadná moje osobné údaje v trochu viac organizovaným spôsobom.
Ale nie je to extra pekný tu.
A budeme sa zaoberať že keď hovoríme o CSS.
Budeme znova túto myšlienku to, čo robíme, aby sa table--
Možno to naformátovať trochu lepšie?
Ale ja ešte štyri rady, z ktorých každá má štyri stĺpce,
a naozaj to, čo to robí je veľmi jednoduchý štyroch štyrmi násobenie
stôl.
>> Ešte pár značiek budeme hovoriť.
Poďme sa baviť o Koncept HTML formulára.
Takže ste mohli vidieť to vo kontext prihlásenie do webovej stránky.
Zvyčajne zadáte svoje užívateľské meno.
Zadáte heslo, a máte dobré ísť.
To by bol začiatok formulára.
>> Preskakovanie oddiel za sekundu.
Máme tiež vstupy, ktoré druh vošiel do foriem.
To sú prvky, ktoré ste vlastne písať do,
alebo prepínače, že ste beží, alebo kontrola
boxy, že ste zaškrtnutím.
Tak to ísť dovnútra formulárov.
A oni zahŕňajú v zásade každý riadok formulára
ak váš formulár je formátovaný dobre.
Potom je tu tento koncept div, ktorý nie je naozaj
vojde do určitej kategórie značiek, ako sú tie, ktoré som si
robil predtým.
Je to tak nejako vymedzuje začiatok nejakého ľubovoľného division--
div-- stránky.
Neexistuje žiadny vizuálny prestávka.
Neexistuje žiadna linka.
Nie je to vyrazil ako samostatný kus automaticky.
Musel by ste to štýl že spôsob, ako to urobiť.
>> Je to tak nejako hovorí, Chcem kus priestoru na mojej webovej stránky,
a ja som jednoducho ísť zavolať že toto rozdelenie mojej stránky.
Môžeme dať veci dovnútra z divs, a v skutočnosti,
keď sme sa cez hlavu na IDE V sekunde, budeme
vidieť, že dávam my tvorí vnútri div.
>> Takže mám tu v mojej IDE A súbor s názvom div forma dot HTML.
Poďme si otvorte ju.
Všimnite si, že ako som povedal, div je v istom zmysle ľubovoľný.
Je to tak?
To nie je naozaj nič neznamená.
Takže mám ľubovoľný Prvej divízie mojej stránky.
A potom miesto toho, ďalší div neskôr, začína na linke osem,
Mám tento formulár.
A vo vnútri formy Mám počet vstupov, pole formulára.
Takže mám pole, ktorého meno je je-- čo nie je naozaj nič neznamená
právo now-- to zrejme berie text, ešte jeden, ktorý
vyžaduje heslo, ďalší, že je to rádio Tlačidlo, ďalší, že je zaškrtávacie políčko,
a iný, že je tlačidlo Odoslať.
No, čo to robí všetci vlastne vyzerať?
Dobre, poďme sa pozrieť.
Budeme otvoriť v našej náhľadovom okne.
Všimnite si, že toto svojvoľné Prvý division-- je tu
žiadne vizuálne oddelenie tu.
To predsa nie je naozaj nič robiť, nie?
>> A potom mám formulár.
A ja som neurobil žiadnu špeciálnu formátovania.
Takže forma je len jedna veľká rada informácií.
Keby som formátované svoju formu inak, Možno som ho riadok po riadku po riadku.
Ale ja som neurobil žiadny štýl.
Opäť platí, že nehovoríme o CSS sem.
Sme sa rozprávali o HTML.
>> No v mojom textovej podobe môžem type-- pamätajte, že formy typu textu
takže môžem dať svoje meno.
A v mojej heslo, môžete zadať svoje heslo.
A pretože tejto oblasti je typu heslá,
neviete, čo moja heslo je.
Je to všetko bodky.
>> Ja si tiež vybrať zaškrtnúť vypnutie A radio tlačidlo alebo zaškrtnete zaškrtávacie políčko.
Alebo by som mohol odoslať svoj formulár.
A ja som nič neurobil, takže keď odošlem formu,
sa stránka iba obnoví.
Ale ja som mohol možno Konfigurovať Tlačidlo Odoslať robiť niečo iné.
A uvidíme, čo môžeme urobiť s že v budúcich video na PHP.
Ale to stavia veľmi jednoduchý formulár, ktoré sme
možno použiť na mať užívatelia komunikovať a predložiť informácie na našich webových stránkach.
>> Posledná poznámka pred my prejsť na niektorých iných značiek
je sa pozrieť na to Vstupné tag ešte raz.
Všimnite si, že som sa zvýrazní konce tagu v červenej farbe.
Každý druhý tag sme doteraz videli má mal počiatok a koniec, otvor
tag a uzatváracie tag.
>> Ale vstupné tag nie je.
Neexistuje žiadny text, ktorý premáva medzi vstupnými tagy.
Všetky informácie máme v úmysle oznámiť
je viazané ako súčasť atribúty tohto vstupu.
Všimnite si, máme vstupné názov rovná x.
Type rovná y.
To je naozaj všetko informácie, ktoré potrebujeme.
>> To sa nazýva self uzatvárací tag.
To nevyžaduje otvor a A blízky, pretože všetky informácie,
je obsiahnutá vo vnútri tag a jeho atribútov.
Takže niekedy uvidíte tohle taky.
Takže jednoducho byť vedomí toho, že ak máte tag, ktorý je úplne sebestačný,
sa otvorí a zatvorí sa s otvorená uholník na ľavej strane
a uhol lomka držiak na pravej strane.
Uvidíme, ďalší z tých, Práve teraz s image značky rovnako.
>> Predtým, než budeme hovoriť o obrazy, my Potrebujem hovoriť o hypertextové odkazy.
Ak chceme, aby naše webové stránky, aby interaktívne a nás pohybovať,
Bolo by pekné byť schopný kliknúť na jeden z tých,
to, čo býval typicky modrou odkaz.
To je v skutočnosti, ako staviame hypertextový odkaz na našej webovej stránke.
A je dosť zaujímavé je tu ďalší tag HTML
volal odkaz, ktorý nie je hypertextový odkaz.
Tu stojí na kotvu, a to je, ako sme sa označujú hypertextový odkaz.
>> A href rovná x znamená ísť do webová stránka X. A všetko
medzi otvorenou Tag a blízky Tag
Je to, čo to bude, že zdôraznil, modrý text, ktorý vyzerá ako odkaz
že sme oboznámení s.
Nižšie že máme značku obrázok, ktorý je samo uzatvárací tag pre zobrazovanie
obraz sa nachádza na X. A by ste mali byť schopní zmeniť
že obraz zadaním šírka a výška
a ďalšie atribúty v že dot dot dot tam.
>> Na samom dne tu máme veľmi zaujímavé
vyzerajúci tag, ktorý nie je majú uzatvárací tag.
Je to výkričník DOCTYPE HTML.
Takže HTML bol asi od začiatku 1990 pre vytváranie webových stránok,
a je to preč prešla niekoľko revízií od tej doby.
Naposledy v roku 2014 to podstúpilo revíziu
s názvom HTML5 ktorý je teraz aktuálna druh de facto štandard HTML.
>> Ak chcete označiť, že náš web Stránky sú zapísané pomocou HTML5,
to je, ako začať.
To môže byť vynechaná, ale čo to v podstate
znamená, nemôžete použiť niektorý z tagov ktoré sú HTML5 tagy, tieto nové značky.
Tak sme sa vždy začať ak sme pomocou HTML5.
A všetky tagy sme hovorili o skôr nie sú HTML5 tagy.
To by však ukazujú, že HTML5 tagy bude prítomný.
A tak máme zvolanie doctype HTML, ktorý
je na samom začiatku nášho HTML súboru, a potom po tom bod
v skutočnosti máme naše HTML open označiť a pokračujte odtiaľ.
>> Ten posledný je komentár tag, ktorý vyzerá trochu odlišný, taky.
Začína s uhlom držiak zvolanie pomlčka
pomlčka ale žiadne zatváranie držiak.
V období medzi týmito dvoma tam prvky je miesto, kde budete písať svoje komentáre.
A poďme sa pozrieť na obrázky a poznámky a odkazy v CS50 IDE.
>> Tak som tu súbor nazvaný ako odkaz dot HTML čo Idem otvoriť.
A všimnite si mám pár komentáre tu v mojich komentárov HTML.
Takže, rovnako ako v C a ďalšie programovacie jazyky,
HTML len tým, že je značkovací jazyk predsa má možnosť mať pripomienky.
A tak som zrejme bude umiestniť obrázok Rick Astley
niekde medzi tejto DIV tag, toto svojvoľné rozdelenie.
Zdá sa, že súbor je sa nachádza na Rick dot JPEG, ktorý
ak sa vydáme späť k môj súbor strom pre druhé,
je súbor, ktorý existuje v aktuálny adresár.
Tak to je v poriadku.
Môžem odkazovať.
>> Potom môžem mať interné odkazy.
Takže si všimnúť na riadku 11 sa tu môj href je ahoj bodka HTML.
Tak, že jednoducho sa odkazuje na ahoj dot HTML ktorý existuje v aktuálnom adresári.
A môžem mať aj externý väzby od len zadaním protokolu HTTPS
ukázať, že Nehovorím Súbor v mojom aktuálnom adresári.
Hovorím o súbore, ktorý existuje niekde na internete, ktorý mám
požiadať pomocou protokolu HTTP.
>> Takže poďme sa pozrieť na to, čo Táto stránka môže vyzerať ako
a pripravte sa na obraz Rick Astley sa ukázať na obrazovke.
Tak som si to pozrieť.
Je tu Rick Astley u samý vrchol v tomto svojvoľné
Divízie som ju na vrchole.
A potom sa dole I majú svoje odkazy, nie?
>> Mám odkaz na ahoj dot HTML.
A keď som kliknite na to, že som si prešiel na túto stránku
že sme veľmi dobre oboznámení s od samého začiatku nášho programu.
Keby som pop túto stránku otvoriť znova, či som pop odkaz otvoriť ešte raz,
Môžem tiež ísť externe na webové stránky CS50 je.
A tam sme see-- budem oddialiť trochu here--
uvidíme CS50 WWW stránky druh vložený v stredu stránke.
Takže som bol schopný vykonať interné prepojiť rovnako ako externý odkaz.
>> Posledné pravidlo s HTML, ktoré budeme hovoriť o tu
je, že vaše HTML by mal byť dobre tvarované.
V jazyku C sme veľa hovorili o rôzne syntaxe vecí.
V HTML syntaxe naozaj točí okolo značky.
Každá značka otvorenie je potrebné uzavrieť.
A v skutočnosti, každá značka otvorení by mali byť uzavreté v opačnom poradí.
>> Takže ak otvoríte odvážne značku, čo kurzíva tag, a potom podčiarknutie tag
robiť všetky tri do A konkrétny súbor textu,
mali by ste zatvoriť v opačnom poradí.
Takže ak ste otvorili tučne, kurzíva, podčiarknutie, vy
chcete zatvoriť podčiarknutie, kurzíva, tučné.
Tento druh zapuzdrenie je to, čo udržuje HTML pekné a organizovanej.
>> Na rozdiel od C, i keď, bude syntaktické chyby nie skutočne ochromiť váš HTML možná.
Váš HTML nemusí byť dobre tvoril ale bude stále fungovať.
A tak tieto chyby možno triediť z preparátu.
Záleží len na vás, aby ste naozaj ostražití.
Niekedy zlyhajú, ale Niekedy sa môžete dostať preč s ním.
>> To môže byť naozaj náročná úloha, aj keď,
sledovať pri otvorení tag, keď ju zavrel,
najmä ako HTML Súbory väčšie a väčšie.
Budete chcieť nejakú pomoc.
A tam sú on-line Validator nástroje, ktoré vám
možno použiť na sa pozrieť na váš web stránky a zistiť, či je to dobre tvarované HTML.
A vy by ste mali rozhodne sa pozrieť na tie,
a začať používať ich ako vy začať robiť nejakú prácu s HTML,
písanie HTML, len tak dostanete niektoré dobré návyky o organizácii
vaše HTML v dobrom slova zmysle a dobrý štýl a uistite sa,
že nerobíte nič, čo by mohol vytvoriť chybu syntaxe, ktorý
by spôsobiť trochu problém dole na ceste.
>> Som Doug Lloyd.
To je CS50.