>> DOUG LLOYD: Deci, am petrecut about-- dacă matematica mea are dreptate,
Și cred că în căutarea back-- cred ne-am petrecut aproximativ 35 de videoclipuri vorbesc
despre diferite aspecte ale C, poate un pic mai mult, poate un pic mai puțin.
Și nu am acoperi totul în C, dar am
acoperit o bucată mai mare al limbă, marea majoritate a acesteia,
siguranță pentru utilizări comune.
Acum vom vorbi despre o altă limbă, HTML.
Și am de gând să acopere l într-o singură video.
>> Dar asta va fi OK.
Care va deveni efectiv ceva ai de gând să te obișnuiești.
Acum, că aveți Bazele o singură limbă,
este de fapt destul de ușor pentru a începe altele de învățare.
Deci vom începe să-și intensifice un pic înapoi
și luciu peste de bază diferențele dintre aceste limbi
și un fel de a pleca să-l.
Există o mulțime de foarte mare resurse de pe internet, care
vom începe conducerea te spre deoarece internetul este
un depozit vast de informații.
Și așa nu te place vei fie pierde în mod necesar
prin faptul că nu au informații acoperit într-un video.
Veți fi în continuare posibilitatea de a obține tot ce ai nevoie și de a folosi
cunoștințele ai deja construit prin înțelegerea C
pentru a face curba de învățare pentru aceste alte limbi de fapt, o mulțime. plate
Eu promit.
>> Dar hai sa vorbim despre o limbă că într-adevăr fundamental pentru fiecare web
pagină, care este HTML.
HTML este textul Hyper Markup Language.
HTML este un limbaj, dar este nu un limbaj de programare.
>> HTML nu are variabile.
Nu are logică sau funcții sau ceva de genul asta.
Nu putem face nici o programare în sine în HTML.
Uneori, veți auzi oamenii se descriu
ca programatori HTML, care nu este în întregime corecte.
Noi nu putem scrie programe HTML.
>> HTML este folosit doar pentru a marca textul.
Se numește un limbaj de marcare.
Și ce does-- acest acest markup-- vom folosi tag-uri HTML în și aceste tags--
acest markup-- semantic definește structura unei pagini
și provoacă textul clar că există între tag-uri trebuie să fie interpretat
de browsere în diferite moduri.
Și poate că e mai bine să explice acest cu titlu de ilustrare.
>> Iată o pagină HTML foarte simplu, nu un program de HTML, din nou, o pagină HTML.
Și știm că este o Pagina HTML pentru că ne-am
delimitate totul cu tag-uri HTML.
Deci, asta este ceea ce o etichetă HTML arată.
E între paranteze unghiulare.
Și observați în partea de sus avem HTML și în partea de jos,
după ce am făcut ceea ce este aparent o mulțime de alte HTML,
avem unghi suport slash HTML.
Deci, acest tip de este limita între ceea ce este HTML și ceea ce nu este.
Și, bineînțeles, în mod convențional, doar cum ai scris toate programele C
cu extensii punct C, toate fișierele HTML
se va încheia cu extensii HTML dot.
Dar e mai mult se întâmplă aici.
Noi nu avem doar aceste tag-uri HTML.
Noi se pare că avem această lucru numit o etichetă cap.
Ei bine, OK, ce e asta?
>> Ei bine, poate e mai bine să distinge printr-un corp,
corp fiind conținutul paginii web.
Deci, poate eticheta cap definește lucruri care nu este în fereastra browser-ului propriu-zis,
dar într-un fel de important este să ne Pagina web a fost prestate în mod corect.
De exemplu, în interiorul tag cap avem etichete titlu.
>> Deci titlul mondial fiind salut, Asta este de fapt ceea ce va fi
apare în fila din Chrome sau în safari sau Firefox--
indiferent de browser-ul vă prefer-- asta e ce se întâmplă să apară în titlu.
Și înainte de file-ar arăta în întreaga fereastră a browserului
și puteți avea doar o singură pagină deschide într-o fereastră de browser la un moment dat.
Așa că va să fie titlul de pagina mea de până în fila
sau bara de fereastra browser-ului, salut lume.
Și apoi conținutul meu Pagina web va fi lumea, salut.
Deci, haideți să aruncăm o privire la ceea ce unii lucru ca acest lucru s-ar putea arata.
Aceasta este o pagină HTML destul de simplu.
Deci, eu sunt aici, în IDE mea CS50 și Am mărită un pic.
Și eu doar de gând să deschide salut punct HTML
și vă arată că acest lucru este destul de mult conținutul paginii pe care am văzut înainte.
Simplu mele tag-uri HTML, cap, tag-uri titlu, corp, și așa mai departe.
Am indentat să fie curate.
>> Și apoi ce pot face în meu IDE este doar examinați pagina.
Și acolo mergem.
Conținutul pagina mea este lumea, salut, și nu văd nimic
de la tag-uri cap acolo.
E doar conținutul corpului.
Lume, salut.
Și din nou corpul doar a spus, lumea, salut.
Pe de altă parte lipsește.
>> Așa că într-adevăr tot ce este.
Aceasta este o foarte simplu pagină HTML de bază.
Acum am indentat HTML mea fi într-adevăr frumos și organizat,
dar nu am de fapt, la.
Aș putea face să arate destul de urât.
Și acest lucru ar lucra în continuare.
Acest lucru ar fi aceeași pagină web exact.
Am doar scăpat de tot spațiul alb.
>> După cum se dovedește, spatiu alb este de date.
Și așa că atunci când suntem trimiterea datelor de la expeditor la destinatar, de la serverul
la client, costurile de date de bani.
Și astfel a scăpa de spațiu este de fapt o idee bună
daca esti cineva care servește o mulțime de conținut web.
E o idee proastă, dacă sunteți cineva care învață aceste lucruri
și doriți să aveți l frumos organizat.
Acesta este mult mai ușor de a analiza decât aceasta.
Dar e funcțional identice.
>> Amprentei și chestii de genul asta Nu contează de fapt, în HTML.
Tot ce contează este etichete de deschidere si închiderea tag-uri în ordinea corectă.
Observați ce sa întâmplat aici, totuși.
Marcare ne oferă o modalitate de a comunice informații suplimentare
despre ceea ce am scris.
Partea Hello, World a fost interpretat ca titlu.
Și lumea, salut parte a fost interpretat în conținutul
sau ceea ce ar trebui să fie vizibil pe pagina mea de web.
>> Există peste 100 de de aceste diverse tag-uri și o mulțime de mare de resurse
on-line pentru a le găsi.
Vom vorbi despre o câteva dintre ele în acest film, unele
din lucrurile într-adevăr fundamental.
Dar noi nu vom vorbi despre toate, pentru că
ar fi exhaustivă a face acest lucru.
>> Un alt lucru pe care îl poate face, însă, este deschide instrumente pentru dezvoltatori.
Și dacă vă amintiți de la videoclipul nostru pe HTTP,
I-am explicat cum de a deschide up instrumente de dezvoltare.
În Chrome este, de obicei, tasta F12 pentru a deschide bara de instrumente pentru dezvoltatori.
Apoi, în loc de a alege Rețelei fila, puteți alege fila Elemente.
Și dacă încărcați un web pagină, veți fapt
vedea HTML care creează acea pagină web.
Și astfel încât să puteți învăța o mulțime despre HTML uitandu-te la site-urile tale favorite
și văzând cum Ele constituie diverse piese ale acestora care iti plac.
Asa ca poate nu e misto acest model sau ceva de genul asta.
Cum se face cu HTML?
Ei bine, puteți deschide doar până dezvoltator dvs. Unelte și treceți peste acest element
și a vedea exact ceea ce face HTML.
Așa că e un foarte modalitate buna de a învăța HTML,
și am recomanda cu tărie că o faci atât pentru a învăța HTML
și, de asemenea, să învețe un pic bit despre unele dintre opțiunile
disponibile în instrumente de dezvoltare, care
va veni cu siguranță la îndemână ca a începe a face web mai intensă
Programarea.
>> Deci, haideți să aruncăm o privire la o pereche de tag-uri comune HTML.
Și vom sări și să ia o privire la ce aceste tag-uri va face, de asemenea,
cum uitandu-te la unele fișiere din IDE mea.
Deci, aici sunt trei etichete foarte simple pentru tweaking aspectul vizual al textului.
Există etichete B, I, tag-uri și tag-uri U.
Și, respectiv, ceea ce fac ei este face textul între ele cu litere aldine,
italice, și subliniind.
Deci, haideți să vedem ce ar arata ca pe o pagină web reală în IDE mea.
>> Deci, aici, în IDE meu am o fișier numit BIU punct HTML.
BIU dot HTML doar a fi bold, italic, subliniere.
Voi deschide.
>> Și vom vedea că aici am au acest text este tag-uri B îndrăzneț.
Acest text este tag-uri I italic.
Și acest text este tag-uri U subliniat.
Ce se întâmplă acest lucru pentru a arata ca?
Ei bine, din nou, tot ce am să faceți este să mergeți aici
la browser-ul meu, browser-ul meu fișier, faceți clic pe Preview, iar acest lucru este ceea ce vine.
>> Textul între B tag-uri este într-adevăr acum îndrăzneț.
Textul între I tag-uri este într-adevăr acum italic.
Iar textul între U tag-uri este într-adevăr acum subliniat.
Așa că e destul de bun.
Acum știm cum să facă textul uite un pic mai mult de lux
sau trage accentul pe anumite lucruri.
Un alt cuplu de tag-uri comune sunt aici Tag-uri alineat, tag-uri P, și antet,
care l-am făcut aici ca HX.
>> Aceste etichete P, aceste tag-uri, punctul rupe textul în sus în paragrafe.
Nu este de ajuns doar la apăsați Enter și se lasă spații,
deoarece un calculator este doar de gând de a face ceea ce-l spun să faci
și ignoră alb spațiu pentru cea mai mare parte.
Așa că nu se poate lovi doar să introduceți și se așteaptă calculatorul nostru
să interpreteze că dorim pentru a începe un nou paragraf.
Noi trebuie să spunem foarte clar acest lucru este una paragraph-- aceasta este another--
prin anexând fiecare într-un set de tag-uri P.
>> Si ne-am, de asemenea, aceste opțiuni pentru tag-uri H, aceste tag-uri antet.
Avem șase niveluri diferite de antete, unu, doi, trei,
patru, cinci, șase, care sunt progresiv în ce mai mare
Cap.
Și ei a lua mai mici si mai mici și mai mici și mai mici.
Deci, avem un antet de nivel superior, un al doilea antet nivel, și așa mai departe, și așa mai departe.
>> Să aruncăm o privire la unele poate Tag-uri P și unele tag-uri antet
în acțiune pe o pagină web.
Deci, aici, în IDE meu am un fișier numit PH dot HTML, PH fiind punctele
și tag-uri antet.
Deschide asta.
Există o mulțime întâmplă aici pentru că am pus niște Lorem
ipsum, un text doar întâmplare aici.
Așa că voi micșora un pic pentru că există atât de mult se întâmplă.
Dar observați că am la foarte Sus aici am o H1, un nivel unu,
tag header.
Atunci am un paragraf, care este doar o grămadă de Lorem text-- aleatoare ipsum--
doar implicit de umplere standard in text.
Așa că am două paragrafe din interiorul care nivelul unu header și apoi în jos de mai jos am
au un nivel de două antet aici pe linia 24, un al doilea nivel de antet, și alte două
punctele.
Ei bine, ce arata ca acest dacă am vedea în previzualizare meu?
Sa vedem.
>> Deci observați că antet primul nivel aici
este de fapt destul de un pic mai mare decât al doilea antetul nivel.
Așa că am folosit tag-uri H1.
Și observați că etichetele P ne permite pentru a sparge lucrurile în paragrafe.
Dacă am fi scăpat de aceste etichete P și de fapt, doar a pus intră sau Returnare
în între ceea ce am sperat ar fi diferite paragrafe,
s-ar doar toate împreună și slam nu ar avea acest paragraf frumos
separare cu spațiu deasupra și de mai jos.
Și așa mai departe asta e ceea ce alineat tag-uri și tag-uri antet
sunt de obicei utilizate pentru a face pentru a trage atenție la porțiuni de site-ul nostru
in acest mod.
>> Up pentru următoarele câteva etichete pe care le folosim pentru a construi liste de pe site-ul nostru.
Deci avem neordonate lists-- ULs-- care sunt doar
liste de marcatori, ordonate Lista care sunt numbered--
OLs-- și în interiorul, fie unul dintre cei avem nevoie
seturi de modul de a indica elementele de listă, LI.
Și așa ne-am tag-UL deschis si am pus elemente din interiorul acesteia.
Și apoi, când am terminat cu care, putem închide eticheta UL.
>> Și în mod similar putem avea o listă ordonată sau numerotată
și a pus elementele de listă în interiorul asta.
Deci, haideți să aruncăm o privire la o pereche de liste
și ceea ce ar fi face ca pe IDE CS50.
Așa că am aici, în IDE mea o fișier numit liste dot HTML.
Hai să aruncăm o privire.
>> Și Observații Aici am o neordonate lista cu cinci lucruri în ea.
Și apoi am o lista ordonata, și M-am schimbat eticheta un pic,
dreapta?
Am spus de pornire este egal cu șase.
Se pare cu o listă ordonată I se poate seta punctul de plecare ori de câte ori
Am o doresti, implicit, va fi Unu prin adăugarea doar acest așa-numit atribut
pentru tag-ul meu OL.
Și așa această listă va începe numărarea de la șase.
Deci elementele care listă numerotată ar trebui să fie de șase, șapte, opt, nouă, zece,
pentru că există cinci elemente în lista, spre deosebire de unul,
doi, trei, patru, cinci, care ar fi cazul dacă aș fi spus OL
fără a preciza atributul start.
>> Asa ca vom examina doar acest astfel încât să puteți obține un sentiment de ceea ce se întâmplă aici.
Și acolo mergem.
Nu e lista mea.
Primele cinci elemente sunt liste neordonate sau marcatori.
Și în următorii cinci elemente sunt o lista ordonata separată
pornind de la sase.
Deci, asta e cum putem construi liste folosind HTML.
Un alt lucru s-ar putea vrei sa faci cu HTML
este construit un tabel de Informatiile de rânduri și coloane
să prezinte informații într-un în special mod organizat.
Pentru a face acest lucru cu HTML, putem avea o definiție de masă începând suport deschis
masa.
Și apoi în interiorul a tabelului ne ar putea avea un set de rânduri, tag-uri TR
pentru a indica fiecare rând.
Și apoi tag-uri TD merge în interiorul tag-uri de TR pentru a specifica o coloană într-un rând.
>> De ce se numește TD și nu Tc?
Ei bine, TD reprezintă date tabel.
De obicei, te pune informații acolo.
Deci, de aceea este TD și nu TC.
E un pic confuz.
>> Deci ai tag-uri de masă și interiorul etichetele de masă
aveți un număr de rânduri, TR.
Și în interiorul fiecare rând aveți TDS pentru numărul de coloane
pe care doriți să aveți în acel rând special.
Să aruncăm o privire la o foarte tabel simplu peste in IDE CS50.
>> Deci, am aici un fișier numita masă dot HTML.
Să aruncăm o privire la ceea ce arata ca asta.
Există o mulțime întâmplă aici, dar dacă observați că am o masă deschisă.
Încep definiția cu masa.
Și apoi, în primul rând am mea aparent au patru coloane, unul, doi, trei,
patru.
Și apoi am terminat cu acel rând.
>> Apoi am început un alt rând și face două, patru, șase, opt.
Termină acel rând.
Face un alt rând, trei, sase, noua, 12.
Si apoi un ultim rând, patru, opt, 12 și, deși e
un pic de tăiat aici, 16.
>> Am terminat acel rând.
Am terminat masa.
Și apoi am terminat cu HTML meu.
Ce înseamnă acest arata ca?
Ei bine, nu e chiar mult pentru a vedea.
Am organizat clar informațiile mele într-un mod ceva mai organizat.
Dar nu e foarte frumos aici.
Și vom să se ocupe de că, atunci când vorbim despre CSS.
Vom revizui această idee de ceea ce facem pentru a face o table--
Poate că formatați un pic mai bine?
Dar eu nu mai avem patru rânduri, fiecare dintre care are patru coloane,
și într-adevăr ceea ce se ridică acest lucru este o foarte simplu patru de patru multiplicare
masa.
>> Doar câteva mai multe tag-uri vom vorbi despre.
Să vorbim despre Conceptul de un formular HTML.
Deci este posibil să fi văzut acest lucru în contextul logare într-o pagină web.
De obicei, tastați numele de utilizator.
Tastați în parola, si tu esti bine să plec.
Asta ar fi începutul unei forme.
>> Trecând peste div un al doilea.
Avem, de asemenea intrări care un fel de a se potrivi in ​​interiorul forme.
Acestea sunt elementele care esti de fapt tastarea în,
sau butoanele radio ești ticăie, sau verificarea
cutii care te bifând.
Deci, acestea merge în interiorul formelor.
Și acestea cuprind practic fiecare rând de forma
în cazul în care formularul este formatat bine.
Apoi, există este acest concept de un div, care nu prea
se potrivesc în orice categorie special de tag-uri, cum ar fi cele de care am
făcut anterior.
Este doar un fel de delimitează începând de unele division-- arbitrare
div-- a paginii.
Nu e nici o pauză vizual.
Nu e nici o linie.
Nu este pornit ca un bucată separată în mod automat.
Va trebui să-l stil în acest fel de a face asta.
>> Este doar un fel de spune Vreau o bucată de spațiu pe pagina mea de web,
și eu sunt doar de gând să sun ea această divizie de pagina mea.
Putem pune lucrurile în interiorul de divuri, și în fapt,
când ne-am peste cap de la IDE într-o a doua, vom
vezi că eu sunt punerea mea forma condens în interiorul unui div.
>> Așa că am aici, în IDE mea o fișier numit div formă punct HTML.
Să-l deschidem.
Observați că cum am spus, div este un fel de arbitrar.
Dreapta?
Asta nu înseamnă nimic.
Deci, am un arbitrar prima divizie de pagina mea.
Și atunci în loc de un alt div mai târziu, începând cu linia opt,
Am acest formular.
Și în interiorul de forma am o numărul de intrări, domenii de forma.
Deci, am un câmp al cărui nume este un-- ceea ce nu înseamnă nimic
now-- dreapta care aparent ia text, un altul care
ia o parolă, un alt că este un radio buton, un alt că este o casetă de selectare,
si un altul care este un buton Submit.
Ei bine, ceea ce face acest toate arata de fapt ca?
Ei bine, haideți să aruncăm o privire.
Vom deschide în fereastra de previzualizare nostru.
Observați că această arbitrară Primul division-- există
nici o separare vizuală aici.
Acesta nu a făcut nimic, nu?
>> Și apoi am forma mea.
Și nu a făcut nici formatare specială.
Deci forma este doar un rând mare de informații.
Dacă aș fi formatat forma mea diferit, S-ar putea să-l linie cu linie cu linie.
Dar nu am făcut nici un stil.
Din nou, nu vorbim despre CSS aici.
Noi vorbim doar despre HTML.
>> Ei bine, în formă de text mea pot type-- amintiți-vă că formele de tip text
așa că am putea pune numele meu.
Și în parola I posibilitatea să tastați parola.
Și pentru că acest domeniu este de tip parolă,
nu știi ce parola este.
Este toate punctele.
>> Pot alege să bifeze o buton radio sau bifeze o casetă de selectare.
Sau aș putea să prezinte forma mea.
Și nu am făcut nimic, asa ca atunci cand am prezinte forma mea,
pagina doar reîmprospătează.
Dar am putea configura, probabil, mi Butonul Submit pentru a face altceva.
Și vom vedea ce putem face cu că într-un viitor film pe PHP.
Dar acest lucru se bazează foarte formular simplu că noi
pot utiliza pentru a avea utilizatorii interacționează și să prezinte informații pe site-ul nostru.
>> Un ultim comentariu înainte de a ne trece la alte tag-uri
trebuie să ia o privire la acest tag intrare încă o dată.
Observați că am evidențiat capetele etichetei în roșu.
Orice altă etichetă am văzut până acum are a avut un început și un sfârșit, o deschidere
tag-ul și o etichetă de închidere.
>> Dar o etichetă de intrare nu.
Nu e nici un text care merge între tag-uri de intrare.
Toate informațiile suntem intenționează să transmită
este legat, ca parte a atribute de care de intrare.
Observați avem nume de intrare este egal cu x.
Tipul este egal y.
Asta e într-adevăr tot informații avem nevoie.
>> Aceasta se numește o etichetă auto închidere.
Ea nu are nevoie de o deschidere și o aproape că toate informațiile
este conținut în interiorul tag-ul și atributele sale.
Astfel încât, uneori veți vedea acest lucru, de asemenea.
Deci, doar să fie conștienți de faptul că, dacă aveți o tag că este în întregime de sine stătător,
acesta se deschide și se închide cu suportul unghi deschis pe stânga
și unghiul slash suport pe dreapta.
Vom vedea un alt unul dintre cele acum cu tag-uri de imagine, de asemenea.
>> Înainte de a vorbi despre imagini, vom Trebuie să vorbim despre hyperlink.
Dacă vrem pagina noastră de web pentru a fi interactive și pentru a muta în jurul valorii de noi,
ar fi frumos să poată să faceți clic pe unul dintre cei
ceea ce a fost de obicei un link albastru.
Aceasta este de fapt modul în care ne construim un hyperlink la site-ul nostru.
Și destul de interesant există o altă etichetă HTML
numit link-ul, care nu este un hyperlink.
Un aici standuri pentru ancora, și care este modul în care ne indică un hyperlink.
>> A href este egal cu X reprezintă merge la Pagina web X. Si totul
între a deschide o etichetă și închide o etichetă
este ceea ce se întâmplă să fie că a subliniat Textul albastru care arata ca un link
că suntem familiarizați cu.
Mai jos că avem o etichetă de imagine, care este o auto închidere etichetă pentru afișarea
o imagine situat la X. Și s-ar putea fi capabil de a schimba
imaginea prin specificarea lățime și înălțime
și alte atribute în că dot dot dot acolo.
>> În partea de jos aici avem o foarte interesant
cauta tag-ul, care nu au o etichetă de închidere.
E semn de exclamare punct DOCTYPE HTML.
Deci, HTML a fost în jur de începutul anilor 1990 pentru construirea de pagini web,
și a dispărut suferit mai multe revizuiri de atunci.
Cel mai recent în 2014 a suferit o revizuire
numit HTML5 care este acum curent un fel de standard de facto HTML.
>> Pentru a indica faptul că-ul nostru Paginile sunt scrise folosind HTML5,
acest lucru este modul în care începe.
Acesta poate fi omisă, dar ce că de fapt
mijloace este că nu se poate utiliza oricare cuvant că sunt tag-uri HTML5, aceste tag-uri noi.
Așa că am întotdeauna începe dacă folosim HTML5.
Și toate etichetele care le-am vorbit despre anterior nu sunt tag-uri HTML5.
Dar acest lucru ar indica faptul că Tag-uri HTML5 va fi prezent.
Și așa ne-am exclamație HTML DOCTYPE, care
este la început de nostru Fișier HTML, și apoi după acel punct
am de fapt, trebuie HTML nostru deschis tag-ul și continua de acolo.
>> Ultima este un comentariu tag-ul, care arată ușor diferit, de asemenea.
Acesta incepe cu unghi Suport exclamație liniuță
bord dar nu suport de închidere.
În între cele două elemente de acolo este locul unde scrie comentariile tale.
Și haideți să aruncăm o privire la imagini și comentarii și link-uri în IDE CS50.
>> Deci, am aici un link imagine fișier numit dot HTML pe care am de gând să se deschidă.
Și observați am o pereche de Comentariile aici, în comentariile mele HTML.
Deci, la fel ca în C și alte limbaje de programare,
HTML doar prin a fi un limbaj de markup are capacitatea de a avea comentarii.
Și așa am de gând să se pare puneți o imagine de Rick Astley
undeva între acest div tag-ul, aceasta divizie arbitrară.
Aparent acel fișier este situat la Rick punct JPEG, care
dacă ne întoarcem pe la copacul meu fișier pentru un al doilea,
este un fișier care există în directorul curent.
Așa că e OK.
Pot să referință.
>> Atunci pot avea link-uri interne.
Deci observați pe linia 11 aici href mea este salut punct HTML.
Așa că doar se referă la salut dot HTML care există în directorul curent.
Și pot avea, de asemenea extern Link-uri de doar specificând HTTPS
pentru a indica faptul că nu vorbesc despre un fișier în directorul meu curent.
Vorbesc despre un fișier care există undeva pe internet, pe care am
să solicite utilizând protocolul HTTP.
>> Deci, haideți să aruncăm o privire la ceea ce aceasta pagina ar putea arata ca
și gata pentru o imagine de Rick obține Astley să apară pe ecran.
Asa ca voi examina această.
Nu e Rick Astley la foarte sus în acest arbitrară
Divizia am pus în partea de sus.
Și apoi în jos de mai jos am au legături meu, nu?
>> Am un link către salut dot HTML.
Și dacă faceți clic pe asta, mă sa mutat pe la această pagină
că suntem foarte familiarizat cu de la încă de la începutul programului nostru.
Dacă aș pop pagina deschisă, din nou, în cazul în care am link imagine pop deschide încă o dată,
De asemenea, pot merge pe plan extern la site-ul CS50 lui.
Și acolo am see-- Voi micșora un pic here--
vom vedea CS50 site-ul fel de încorporat în mijlocul paginii noastre.
Așa că am fost în stare să facă o intern link-ul, precum și un link extern.
>> Ultima regula cu HTML care vom vorbi despre aici
este faptul că HTML trebuie să fie bine formate.
În C am vorbit foarte mult despre diferite sintaxa de lucruri.
În HTML sintaxa într-adevăr se invarte in jurul tag-uri.
Fiecare tag deschideți trebuie să fie închise.
Și, de fapt, fiecare tag când deschideți ar trebui să fie închise în ordine inversă.
>> Deci, dacă deschideți o etichetă bold, italic o tag-ul, și apoi o etichetă subliniere
să facă toate cele trei la un set special de text,
ar trebui să le închidă în ordine inversă.
Deci, dacă ați deschis îndrăzneț, italic, subliniat, tu
doriți să închideți subliniat, italic, bold.
Acest tip de încapsulare este ceea ce păstrează HTML frumos și organizat.
>> Spre deosebire de C, deși, erori de sintaxă nu va infirm de fapt HTML posibil.
HTML-ul nu poate fi de bine format, dar ar funcționa în continuare.
Și astfel aceste erori pot sorta de diapozitiv de.
Este până la tine pentru a fi cu adevărat vigilenți.
Uneori, ei vor eșua, dar uneori puteți obține departe cu ea.
>> Acesta poate fi un adevărat sarcină dificilă, deși,
pentru a urmări atunci când ai deschis o etichetă, atunci când ați închis,
mai ales ca HTML fișiere obține mare și mai mare.
Veți nevoie de ajutor.
Și suntem online instrumente validator pe care le
poate folosi pentru a avea o privire la dvs. de web pagină și a vedea dacă este bine format HTML.
Și ar trebui să siguranta aruncăm o privire la cele
și să înceapă să le utilizeze ca tine începe a face unele de lucru cu HTML,
scris HTML, doar astfel încât să obțineți unele obiceiuri bune despre organizarea
HTML într-un mod bun și stil bun și de a face sigur
că nu faci nimic care ar putea crea o eroare de sintaxă care
v-ar provoca un pic de o problemă pe drum.
>> Sunt Doug Lloyd.
Acest lucru este CS50.