>> DOUG LLOYD: Dus brachten we about-- als mijn wiskunde is goed,
en ik denk dat op zoek back-- denk ik brachten we ongeveer 35 video's praten
over de verschillende aspecten van de C, misschien een beetje meer, misschien een beetje minder.
En we hebben geen betrekking op alles in C, maar we
bedekt een groot deel van de taal, de meeste ervan,
zeker voor gemeenschappelijk gebruik.
Nu gaan we praten over een andere taal, HTML.
En we gaan dekken in één video.
>> Maar dat gaat in orde te zijn.
Dat gaat eigenlijk geworden iets wat je gaat om te wennen aan.
Nu dat je de fundamenten van één taal,
het is eigenlijk vrij eenvoudig om te beginnen met het leren van anderen.
Dus we gaan om te beginnen een beetje een stap terug
en glans over de fundamentele verschillen tussen deze talen
en je een soort van verlaten om het.
Er is een hoop echt geweldig bronnen op het internet, die
we gaan beginnen met het leiden van u richting, omdat het internet is
een enorme opslagplaats van informatie.
En dus het is niet alsof je zult te verliezen noodzakelijkerwijs
door niet de informatie bedekt met een video.
U zult nog steeds in staat zijn om alles wat je nodig hebt en gebruik
de kennis die je al hebt opgebouwd door het begrijpen van C
om de leercurve voor deze maken andere talen eigenlijk een stuk vlakker.
Ik beloof.
>> Maar laten we praten over één taal dat is echt fundamenteel belang voor elke web
pagina, die is HTML.
HTML is de Hyper Text Markup Language.
HTML is een taal, maar het is geen programmeertaal.
>> HTML niet variabelen.
Het hoeft geen logica of functies of iets dergelijks.
We kunnen niet doen programmeren per se in HTML.
Soms hoor je mensen zelf omschrijven
HTML programmeurs, die is niet helemaal correct.
We kunnen geen HTML-programma's te schrijven.
>> HTML wordt slechts gebruikt voor het markeren tekst.
Het heet een opmaaktaal.
En wat dit does-- dit markup-- we tags in HTML en deze tags--
dit markup-- semantisch definieert de structuur van een pagina
en zorgt ervoor dat de platte tekst die bestaat tussen labels moeten worden uitgelegd
door browsers op verschillende manieren.
En misschien is het het beste om uit te leggen Deze bij wijze van illustratie.
>> Hier is een zeer eenvoudige HTML-pagina, niet een HTML-programma, opnieuw, een HTML-pagina.
En we weten dat het een HTML-pagina, omdat we hebben
begrensd alles met HTML-tags.
Dus dit is wat een HTML-tag eruit ziet.
Het is tussen punthaken.
En let op de top hebben we HTML en helemaal onderaan,
nadat we hebben gedaan wat is blijkbaar veel andere HTML,
we hebben hoekijzer slash HTML.
Dus dat soort is de grens tussen wat HTML is en wat niet.
En natuurlijk, conventioneel, net als je al je C programma schreef
met stip C extensies, al uw HTML-bestanden
zal eindigen met stip HTML extensies.
Maar er is meer aan de hand hier.
We hebben niet alleen deze tags.
We hebben dit blijkbaar ding heet een hoofd-tag.
Nou, OK, wat is dat?
>> Nou misschien is het het beste om onderscheiden door middel van een orgaan,
body waarbij de inhoud van de webpagina.
Dus misschien het hoofd tag definieert stuff dat is niet in het browservenster juiste,
maar is enigszins belangrijk voor ons webpagina correct wordt weergegeven.
Bijvoorbeeld, binnen de head tag hebben we title-tags.
>> Dus titel wordt Hallo wereld, dat is eigenlijk gaat wat worden
verschijnt in het tabblad in Chrome of op safari of Firefox--
welke browser u prefer-- dat is wat er te zien zijn in de titel.
En voordat tabbladen het zou laten zien in uw gehele browservenster
en u kunt slechts één pagina geopend in een browservenster tegelijk.
Dus dat gaat het worden titel van mijn pagina in het tabblad
of het browservenster bar, hello wereld.
En dan is de inhoud van mijn webpagina wereld, hallo.
Dus laten we eens kijken naar wat sommige zoiets eruit kan zien.
Dit is een vrij eenvoudige HTML-pagina.
Dus ik ben hier in mijn CS50 IDE en Ik heb ingezoomd een beetje.
En ik ga gewoon openstellen hello dot HTML
en laten zien dat dit is vrij veel de pagina-inhoud die we eerder zagen.
Mijn eenvoudige HTML, hoofd-tags, titeltags, body, enzovoort.
Ik heb ingesprongen schoon.
>> En dan wat ik kan doen in mijn IDE is slechts een voorbeeld van de pagina.
En daar gaan we.
De inhoud van mijn pagina is wereldberoemd, hallo, en ik zie niets
in van het hoofd-tags daar.
Het is gewoon de inhoud van het lichaam.
Wereld, hallo.
En weer het lichaam net zei, wereld, hallo.
Het andere deel wordt vermist.
>> Dus dat is eigenlijk alles wat het is.
Dit is een zeer eenvoudige eenvoudige HTML-pagina.
Ik heb nu mijn HTML ingesprongen op echt leuk en georganiseerd,
maar ik eigenlijk niet hoeft te doen.
Ik kon het er behoorlijk lelijk.
En dit zou nog steeds werken.
Dit zou exact dezelfde webpagina.
Ik heb net weggedaan alle van de witte ruimte.
>> Zo blijkt, witte ruimte is data.
En dus als we het verzenden van gegevens uit zender naar ontvanger, van server
client, data kost geld.
En dus het wegwerken van witruimte is eigenlijk een goed idee
als je iemand die fungeert een hoop van web content.
Het is een slecht idee als je iemand die is te leren dit spul
en je wilt hebben het mooi georganiseerd.
Dit is een stuk makkelijker om te ontleden dan dit.
Maar het is functioneel identiek.
>> De inspringen en dat soort dingen eigenlijk niet toe in HTML.
Het enige dat telt is het openen van markeringen en tags te sluiten in de juiste volgorde.
Let op wat hier gebeurd is, dat wel.
De opmaak geeft ons een manier om communiceren extra informatie
over wat we hebben geschreven.
Hello, Wereld deel was geïnterpreteerd als de titel.
En de wereld, hello deel was geïnterpreteerd als de inhoud
of wat zou moeten zijn zichtbaar op mijn webpagina.
>> Er zijn meer dan 100 van deze verschillende labels en tal van grote middelen
online om ze te vinden.
We gaan om te praten over een weinigen van hen in deze video, een aantal
van de echt fundamentele dingen.
Maar we gaan niet praten erover omdat zij
uitputtend te doen zijn.
>> Een ander ding dat je kunt doen, hoewel, is het openstellen van developer tools.
En als je te herinneren van onze video over HTTP,
Ik legde uit hoe om te openen up developer tools.
In Chrome is het meestal de F12-toets het openstellen van de werkbalk ontwikkelaar.
Dan in plaats van het kiezen van het netwerk tab, kunt u het tabblad Elementen.
En als u een webpagina laadt pagina vindt u eigenlijk
zie de HTML die die webpagina creëert.
En dus kun je veel leren over HTML door te kijken naar uw favoriete websites
en zien hoe ze bouwen de diverse stukken van hen die je leuk vindt.
Dus misschien is er dit koele patroon of iets dergelijks.
Hoe maken ze het met HTML?
Nou, je kunt gewoon open uw ontwikkelaar gereedschappen en zweven over dat element
en precies zien wat HTML maakt.
Dus dat is een echt goede manier om HTML te leren,
en ik raden dat je doet het zowel om te leren HTML
en ook een beetje leren beetje over enkele van de opties
u beschikbaar in developer tools, die
zal zeker van pas komen als u begint met het doen van een intensievere web
programmering.
>> Dus laten we een kijkje nemen op een paar gemeenschappelijke HTML-tags.
En we zullen springen en neem een ​​kijkje op wat deze tags ook zal maken
zoals door te kijken naar een aantal bestanden in mijn IDE.
Dus hier zijn drie zeer eenvoudige tags tweaken van de visuele weergave van tekst.
Er is B-tags, I-tags, en U-tags.
Respectievelijk wat ze doen is maken de tekst tussen hen in het vet,
cursief en onderstreept.
Dus laten we zien hoe dat eruit zou zien zoals op een echte webpagina in mijn IDE.
>> Dus hier in mijn IDE Ik heb een bestand genaamd BIU dot HTML.
BIU dot HTML gewoon vet, cursief, onderstrepen.
Ik zal het te openen.
>> En we zullen zien dat ik hier deze tekst is B-tags vet.
Deze tekst is ik-tags cursief.
En deze tekst is U-tags onderstreept.
Wat gaat dit eruit?
Weer goed, alles wat ik heb te doen is gaan hier
mijn browser, mijn dossier browser, klik Preview, en dit is wat omhoog komt.
>> De tekst tussen de B labels is inderdaad nu vet.
De tekst tussen de I labels is inderdaad nu cursief.
En de tekst tussen de U labels inderdaad nu onderstreept.
Dus dat is behoorlijk goed.
We weten nu hoe om tekst te maken ziet er een beetje meer luxe
of tekenen de nadruk op bepaalde dingen.
Nog een paar gemeenschappelijke labels zijn hier paragraaf-tags, P, en de header tags,
die ik hier heb weergegeven als HX.
>> Deze P-tags, deze paragraaf-tags, breken uw tekst tot in de punten.
Het is niet genoeg om alleen druk op Enter en laat ruimten,
want een computer is alleen maar om te doen wat je hem vertelt wat te doen
en het negeert wit ruimte grotendeels.
Dus we kunnen niet zomaar druk op enter en verwachten dat onze computer
te interpreteren die we willen om een ​​nieuwe paragraaf te beginnen.
We moeten dit zeer expliciet zeggen één paragraph-- dit another--
door omsluiten elk in een reeks van P-tags.
>> En we hebben ook deze opties voor H-tags, deze header tags.
We hebben zes verschillende niveaus headers, één, twee, drie,
vier, vijf, zes, die geleidelijk steeds grotere
headers.
En ze kleiner en kleiner en kleiner.
Dus we hebben een topniveau header, een tweede level header, enzovoorts, enzovoorts.
>> Laten we eens een kijkje nemen op misschien wat P-tags en een aantal header tags
in actie op een webpagina.
Dus hier in mijn IDE Ik heb een bestand genaamd PH dot HTML, PH zijnde paragrafen
en header tags.
Open die up.
Er is veel te doen hier omdat ik wat lorem hebt gezet
ipsum, sommige gewoon willekeurige tekst hier.
Dus ik zal uit te zoomen een beetje want er is zoveel aan de hand.
Maar let op dat ik aan het top hier heb ik een H1, een niveau één,
header tag.
Dan heb ik een paragraaf, die net een bos van willekeurige text-- lorem ipsum--
gewoon standaard standaard vulling in de tekst.
Dus ik heb twee paragrafen binnenkant van die niveau een header en dan beneden I
een level twee header hier op lijn 24, een tweede niveau header, en nog eens twee
paragrafen.
Nou wat betekent dit eruit als ik bekijk het in mijn voorbeeld?
Laten we kijken.
>> Zo merken dat de eerste niveau header hier
is eigenlijk best een beetje groter dan het tweede niveau header.
Dus we H1-tags.
En merkt dat de P-tags laten ons om dingen uit te breken in de punten.
Als we hadden gekregen ontdoen van die P-tags en eigenlijk gewoon openen of Returns
in tussen wat we hoopten zijn de verschillende onderdelen,
ze zouden allemaal bij elkaar slam en zou dit aardige paragraaf niet
scheiding met ruimte boven en onder.
En dus dat is wat paragraaf labels en header tags
worden vaak gebruikt om alsnog te trekken aandacht voor de delen van onze website
op die manier.
>> Next up zijn een aantal tags die we gebruiken te bouwen lijsten op onze website.
Dus we hebben ongeordende lists-- ULs-- die net zijn
opsommingen, besteld lijst die numbered-- zijn
OLs-- en de binnenkant van beide een van die we nodig hebben
sets van hoe te geven lijst items, LI.
En dus hebben we geopend UL tag en zetten we items binnenkant van het.
En toen we klaar zijn met dat kunnen we de UL-tag te sluiten.
>> En op soortgelijke wijze kunnen we een geordende of genummerde lijst
en zet lijst items binnenkant van dat.
Dus laten we eens een kijkje nemen op een paar lijsten
en wat ze zouden renderen Op CS50 IDE.
Dus ik heb hier in mijn IDE een bestand genaamd lijsten dot HTML.
Laten we kijken.
>> En let hier heb ik een ongeordende een lijst met vijf dingen in.
En dan heb ik een geordende lijst, en Ik heb de tag een beetje veranderd,
toch?
Ik heb gezegd start gelijk aan zes.
Het blijkt met een geordende lijst I kan het startpunt waar ingesteld
Ik want-- standaard wordt een-- zijn door gewoon het toevoegen van deze zogenaamde attribuut
mijn OL tag.
En dus is deze lijst beginnen te tellen op zes.
Zodat de elementen van die genummerde lijst moeten zes, zeven, acht, negen, tien,
omdat er vijf elementen in de lijst, in plaats van een,
twee, drie, vier, vijf, waarbij het geval zou zijn als ik OL had gezegd
zonder vermelding van het attribuut start.
>> Dus we alleen dit voorbeeld zodat u kunt een gevoel voor wat er aan de hand hier.
En daar gaan we.
Daar is mijn lijst.
De eerste vijf elementen zijn ongeordende of opsommingen.
En de volgende vijf elementen zijn een apart besteld lijst
vanaf zes.
Dus dat is hoe we kunnen bouwen lijsten met behulp van HTML.
Een ander ding dat je misschien wilt doen met HTML
is het bouwen van een lijst van informatie rijen en kolommen
om informatie op een in het bijzonder georganiseerde manier.
Om dit te doen met HTML kunnen we een hebben tabeldefinitie begin geopend beugel
tafel.
En dan de binnenkant van die tafel we kan een set rijen, TR tags
elke rij geven.
En dan TD-tags naar binnen gaan van de TR-tags een kolom in een rij opgeven.
>> Waarom heet het TD en niet Tc?
Nou, TD staat voor table data.
Meestal je het aantrekken uw informatie daar.
Dus dat is waarom het TD en niet TC.
Het is een beetje verwarrend.
>> Dus je hebt table-tags en binnenkant van uw tafel labels
heb je een aantal rijen, TR.
En in elke rij die u hebt TDS voor het aantal kolommen
dat je wilt hebben dat bepaalde rij.
Laten we eens een kijkje nemen op een zeer eenvoudige tafel over in CS50 IDE.
>> Dus ik heb hier een bestand riep tafel dot HTML.
Laten we eens een kijkje op hoe dat eruit ziet.
Er is veel te doen hier, maar als u merkt dat ik een tafel geopend.
Ik begin de definitie met een tafel.
En dan in mijn eerste rij ik blijkbaar vier kolommen, één, twee, drie,
vier.
En dan ben ik klaar met die rij.
>> Dan nog een rij te beginnen I en doen twee, vier, zes, acht.
Afwerking die rij.
Doe een andere rij, drie, zes, negen, 12.
En dan een laatste rij, vier, acht, 12 en hoewel het
een beetje hier afgesneden, 16.
>> Ik ben klaar met die rij.
Ik ben klaar met de tafel.
En dan ben ik klaar met mijn HTML.
Wat betekent dit eruit?
Nou, het is niet echt veel te zien.
Ik heb duidelijk mijn gegevens georganiseerd in een wat meer georganiseerde manier.
Maar het is niet super mooi hier.
En we gaan om te gaan met dat wanneer we praten over CSS.
We zullen dit idee van opnieuw wat we doen om een ​​table-- maken
misschien formatteren een beetje beter?
Maar ik heb nog vier rijen, elk met vier kolommen,
en echt wat dit neer op een eenvoudige vier bij vier vermenigvuldiging
tafel.
>> Slechts een paar meer tags we praten over.
Laten we praten over de Het concept van een HTML-formulier.
Dus je kan hebben gezien dit in de kader van het inloggen op een webpagina.
Meestal typt u in uw gebruikersnaam.
U typt in je wachtwoord, en je goed om te gaan.
Dit zou het begin van een vorm.
>> Negeer afd een seconde.
We hebben ook ingangen die soort passen binnen van formulieren.
Dit zijn de elementen die je bent eigenlijk te typen in,
of de radio knoppen die u bent tikken, of de cheque
dozen die je afvinken.
Zodat deze naar binnen gaan vormen.
En ze bestaan ​​eigenlijk elke rij van de vorm
Als uw formulier goed is geformatteerd.
Dan is er het concept van een div, die niet echt
past in een bepaalde categorie tags zoals die ik heb
eerder doen.
Het is gewoon een soort van markeert de begin van een willekeurig division--
div-- van de pagina.
Er is geen visuele pauze.
Er is geen lijn.
Het is niet verrekend als een automatisch aparte brok.
Je zou hebben om het stylen op die manier om dat te doen.
>> Het zegt enkel soort Ik wil een stuk van de ruimte op mijn website,
en ik ga gewoon om te bellen dat deze verdeling van mijn pagina.
We kunnen dingen binnen zetten van divs, en in feite,
als we hoofd over aan IDE in een tweede, zullen we
zien dat ik ben om mijn vormen binnen een div.
>> Dus ik heb hier in mijn IDE een bestand genaamd div vorm dot HTML.
Laten we open het.
Merk op dat zoals ik al zei, div is een soort van willekeur.
Rechts?
Het niet echt iets betekenen.
Dus ik heb een willekeurige eerste divisie van mijn pagina.
En dan in plaats van een andere div Later, vanaf lijn acht,
Ik heb dit formulier.
En de binnenkant van de vorm heb ik een aantal ingangen, velden van het formulier.
Dus ik heb een veld waarvan de naam is A-- die niet echt iets betekenen
rechts now-- die blijkbaar neemt tekst, een ander dat
neemt een wachtwoord, een ander dat is een Radio knop, een ander is dat een vakje,
en een ander dat is een Submit knop.
Nou, wat dit doet Alle eigenlijk uitzien?
Nou, laten we eens een kijkje nemen.
We zullen het te openen in onze preview-venster.
Merk op dat deze willekeurige eerste division-- er
geen visuele scheiding hier.
Het heeft niet echt iets te doen, toch?
>> En dan heb ik mijn vorm.
En ik had geen speciale opmaak niet.
Dus de vorm is slechts een grote rij van informatie.
Als ik mijn vorm anders had opgemaakt, Ik zou kunnen hebben deze lijn door lijn per lijn.
Maar ik had geen styling niet.
Nogmaals, we het niet over CSS hier.
We zijn net over HTML.
>> Welnu, in mijn tekstvorm ik kan Motortype- vergeet niet dat vormen van het type tekst
dus ik kan mijn naam te zetten.
En in mijn wachtwoord Ik kan mijn wachtwoord typen.
En omdat dat veld is van het type wachtwoord,
je weet niet wat mijn wachtwoord is.
Het is allemaal puntjes.
>> Ik kan er ook voor kiezen om afvinken een radioknop of afvinken een selectievakje.
Of ik kon mijn formulier.
En ik deed niets, dus toen ik mijn formulier,
de pagina net vernieuwd.
Maar ik kon misschien configureren mijn Submit knop om iets anders te doen.
En we zullen zien wat we kunnen doen met dat in een toekomstige video op PHP.
Maar dit bouwt een zeer eenvoudige vorm die we
kunnen gebruiken om gebruikers te communiceren en indienen informatie op onze website.
>> Een laatste opmerking voordat we overgaan tot een aantal andere labels
zijn om een ​​kijkje te nemen op dit ingang tag nog een keer.
Merk op dat ik heb gewezen op de uiteinden van het label in het rood.
Elke andere tag die we tot nu toe gezien heeft had een begin en een einde, een opening
tag en een afsluitende tag.
>> Maar een input-tag niet.
Er is geen tekst die gaat tussen ingang markeringen.
Alle informatie we zijn van plan over te brengen
wordt gebonden als deel van de attributen van die ingang.
Merken we hebben inbreng naam is gelijk aan x.
Soort gelijk aan y.
Dat is echt de informatie die we nodig hebben.
>> Dit heet een zelfsluitende tag.
Het maakt niet een opening en een vereisen dicht omdat alle informatie
is opgenomen in de tag en zijn attributen.
Dus soms zult dit zien, ook.
Dus gewoon bewust dat als je een tag die is volledig self-contained,
opent en sluit zich door de open hoek beugel aan de linkerzijde
en de schuine streep hoek beugel aan de rechterkant.
We zullen weer een van die zien nu met image-tags ook.
>> Voordat we praten over beeldvorming, moeten praten over hyperlinks.
Als we willen dat onze webpagina te zijn interactief en bewegen ons rond,
het zou mooi zijn in staat te klikken op een van die
wat typisch is een blauwe link.
Dit is eigenlijk de manier waarop we bouwen een hyperlink in onze webpagina.
En interessant genoeg er is nog een HTML-tag
noemde verbinding, die geen hyperlink.
Een staat hier voor anker, en dat is hoe we wijzen op een hyperlink.
>> Een href gelijk x middelen naar webpagina X. En alles
tussen de open Een tag en het sluiten van een tag
is wat er gaat dat onderstreepte blauwe tekst die eruit ziet als een link
dat we kennen.
Onder dat hebben we een beeld tag, die is een zelfsluitende tag voor het weergeven
een beeld gelegen op X. En je zou kunnen veranderen
dat het door het specificeren breedte en hoogte
en andere attributen dat dot dot dot daar.
>> Helemaal onderaan hier We hebben een zeer interessante
zoek tag die niet doet een afsluitende tag.
Het uitroepteken doctype HTML.
Dus HTML is al sinds het geweest vroege jaren 1990 voor het bouwen van webpagina's,
en het is ondergaan gegaan een aantal wijzigingen sindsdien.
Het meest recent in 2014 onderging een herziening
genaamd HTML5 die nu de huidige soort de facto standaard HTML.
>> Om aan te geven dat onze web pagina's worden geschreven in HTML5,
dit is hoe we beginnen.
Het kan worden weggelaten, maar wat dat eigenlijk
betekent is dat je niet een van de tags die HTML5-tags, die nieuwe labels.
Dus we beginnen altijd uitgeschakeld als we met behulp van HTML5.
En alle labels die we hebben gesproken over voorheen niet HTML5-tags.
Maar dit zou aangeven dat HTML5-tags zullen aanwezig zijn.
En dus hebben we uitroepteken doctype HTML, die
is aan het begin van onze HTML-bestand, en dan na dat punt
we eigenlijk hebben onze HTML geopend taggen en ga vanaf daar.
>> De laatste is een commentaar tag, die ziet er iets anders, ook.
Het begint met een hoek beugel uitroepteken dash
dash maar geen haakje sluiten.
Tussen deze twee elementen zijn is waar je schrijft uw commentaar.
En laten we eens kijken naar beelden en commentaar en links in CS50 IDE.
>> Dus ik heb hier een bestand genaamd afbeelding link dot HTML die ik ga te openen.
En zie ik heb een paar kreeg hier commentaar in mijn HTML opmerkingen.
Dus net als in C en andere programmeertalen,
HTML gewoon door een markup language heeft de mogelijkheid om opmerkingen te hebben.
En dus ben ik blijkbaar gaan Plaats een foto van Rick Astley
ergens tussen deze div tag, deze willekeurige verdeling.
Blijkbaar is dat bestand is gevestigd bij Rick dot JPEG, die
Als we terug naar mijn dossier boom voor een tweede,
is een bestand dat bestaat in de huidige directory.
Dus dat is OK.
Ik kan het verwijzen.
>> Dan kan ik interne links.
Zo merkt op lijn 11 hier mijn href is hallo dot HTML.
Zodat alleen verwijst naar hello dot HTML die bestaat in de huidige directory.
En ik kan ook externe verbindingen door gewoon te specificeren HTTPS
om aan te geven dat ik niet praten over een bestand in mijn huidige directory.
Ik heb het over een bestand dat bestaat ergens op het internet, die ik heb
te vragen via het HTTP-protocol.
>> Dus laten we eens kijken naar wat Deze pagina eruit zou kunnen zien
en maak je klaar voor een foto van Rick Astley te laten zien op je scherm.
Dus ik zal dit een voorbeeld van.
Er is Rick Astley op top in deze willekeurige
divisie Ik zet het op de top.
En dan beneden I heb mijn links, rechts?
>> Ik heb een link naar hallo dot HTML.
En als ik die klik, krijg ik verplaatst naar deze pagina
dat we zeer vertrouwd met uit het begin van ons programma.
Als ik pop die pagina weer open, als ik pop afbeelding link openen nog een keer,
Ik kan ook extern gaan naar de website CS50's.
En daar see-- we Ik zal uitzoomen een beetje hier--
we zullen zien CS50's website soort ingebed in het midden van onze pagina.
Dus ik was in staat om een ​​intern maken evenals koppelen als een externe link.
>> De laatste regel met HTML die gaan we praten hier over
is dat uw HTML goed moeten worden gevormd.
In C spraken we veel over de verschillende syntaxis van de dingen.
In de HTML syntax echt draait om labels.
Elke tag u opent moet worden gesloten.
En in feite, elke tag u opent dient in de omgekeerde volgorde worden gesloten.
>> Dus als je een vette tag te openen, een cursief tag, en daarna een onderstreping tag
doen alle drie een bepaalde set van de tekst,
moet je ze sluiten in omgekeerde volgorde.
Dus als je vet geopend, cursief, onderstrepen, je
willen onderstrepen, cursief sluiten, vet.
Dit soort van inkapseling is wat houdt HTML mooi en georganiseerd.
>> In tegenstelling tot C, echter, zal syntaxisfouten niet eigenlijk verlamde uw HTML mogelijk.
HTML kan niet goed zijn gevormd, maar zou nog steeds werken.
En zo deze fouten kunt sorteren van dia door.
Het is aan jou om heel waakzaam te zijn.
Soms zullen ze niet, maar soms kun je wegkomen met het.
>> Het kan een echt moeilijke taak, hoewel,
om bij te houden wanneer u geopend te houden een tag, als je het gesloten,
vooral als uw HTML Bestanden worden groter en groter.
U zult wat hulp willen.
En er zijn online validator tools die je
kunt gebruiken om een ​​blik op uw web hebben pagina en kijk of het is goed gevormd HTML.
En je moet zeker een kijkje nemen op deze
en beginnen om ze te gebruiken als je beginnen met het doen van wat werk met HTML,
het schrijven van HTML, zodat je krijgt een aantal goede gewoonten over het organiseren
je HTML op een goede manier en goede stijl en ervoor te zorgen
dat je niets doet dat zou een syntax fout maken dat
zou ertoe leiden dat u een beetje een probleem op de weg.
>> Ik ben Doug Lloyd.
Dit is CS50.