Welkom terug.
Dus in deze les gaan we beginnen met het maken van een nieuw bestand daadwerkelijk te vullen met h t m l een opening in de browser en we ook gaan om te leren over de onderliggende structuur van elke HTML-document.
Dus er zijn een paar dingen die elk document heeft altijd soort standaardtekst dat we gaan om te leren over.
Dus om te beginnen gaan naar subliem en ik ga een nieuw bestand te maken.
Dus bestand nieuwe bestand of commando en en dan ga ik naar het bestand op te slaan en geef het een naam.
Dus bestand op te slaan of commando.
Dus zodra ik dat we gaan om het een naam te geven.
Laten we noemen het de eerste pagina van de pagina T.M. en dit deel is heel belangrijk.
Dot h Timo.
Dus ik raakte op te slaan.
En dat dot elk team l vertellen subliem.
En toen ik het te openen in Chrome vertelt chrome Dit is een h tim ik zal bestand behandeld als zodanig.
Dus we kunnen hier schrijven Tim Allen.
Dus we beginnen met slechts één tag die we hebben gezien tot nu toe zijn een van de labels die een H-1.
En je zult merken dat het is gemarkeerd voor mij.
Dus laten we vul deze in.
Dit is mijn eerste tag en sla dit bestand en je zult zien sublieme weet dat het H D M L zo wijst hij op het maakt bijbehorende labels rood.
In mijn geval.
Nu wat we willen doen is dit bestand daadwerkelijk te openen en te bekijken, want vergeet niet iedere keer uit het is gewoon de tekst, maar onze browser interpreteert het en verandert het in iets als dit of dit.
Dus om daadwerkelijk krijgen Chrome om het daar is een paar oplossingen te openen.
De eerste is gewoon dubbelklikken op het en het zal openen in uw standaard browser.
Als dat niet is chroom het werkt nog steeds, maar het zal het te openen in Safari of Firefox of Internet Explorer en je kunt wel zien als het opent hij het niet laten zien me de eigenlijke HTML is het nemen van de h hem eraan ten grondslag liggen en draaien in dit mooie visuele representatie.
Zoals altijd kan ik mijn pagina bron te bekijken en je zult zien dat het gewoon een tag.
Dus zeker eenvoudiger dan iets als dit.
Maar de onderliggende ze zijn precies hetzelfde.
En er is waarschijnlijk een H-1 op deze pagina ook.
Dus een andere manier om dit te doen.
U kunt het bestand te nemen klik met de rechtermuisknop en klik op open met Google Chrome of u kunt klikken op en sleep het naar Chrome en dat zal openen ook.
Hetzelfde geldt voor sublimest goed dus als je per ongeluk het bestand te sluiten kun je deze hier slepen en het zal heropenen.
Dus gewoon om te laten zien dat de klik en ik kan het openen.
Dus helaas moet ik op het nieuws dat zijn eenvoudig te breken.
Het is Tim L dat we tot nu toe heb geschreven is eigenlijk iets verkeerd.
De e-mail tag zelf is prima, maar dit is geen geldig document.
En dat komt omdat we missen de onderliggende structuur die elke pagina dient te beschikken.
Dus het ziet er als volgt uit.
Het is veel in vergelijking met wat we tot nu toe hebben gedaan.
Maar het goede nieuws is dat er twee stukken van goed nieuws.
Men is het altijd hetzelfde.
En twee sublieme heeft een mooie shortcut dat deze structuur heel erg snel aan ons geeft met slechts vier letters die we hebben om te typen.
Dus we gaan te gaan over deze stukken individueel en maar een klein beetje, maar ik ga om te beginnen door gewoon je laten zien hoe het te krijgen in sublieme zo subliem in plaats van h tim l bestand dat we het woord h tim L kunt typen en daarna tab en we krijgen automatisch deze structuur.
Dus laten we gaan over wat dit doet.
Ten eerste gaan we redden.
Dus er is dit doc type H hem uit tot de top en het is een beetje raar omdat er niet een overeenkomstige afsluiting van het type doc alsof er H-G M-L en het hoofd en de titel en het lichaam doc type is op zijn eigen.
Dus laten we naar MD en gewoon laten zien hoe je daar zou krijgen zou ik typ MT-NW en dan doc type en het zou dom om echt te praten over dat lijken, maar dit is van belang omdat het vinden van deze informatie die is echt wat als een ontwikkelaar googlen iets.
Hoe vind je het juiste antwoord.
Ik ga een compleet gebroken record op dat.
Mijn leerlingen lachen elke keer als ik praat over de kunst van het googlen, maar het is echt belangrijk.
Dus ik ben hier.
Laten we kijken.
Het zegt de doc-type voor elke Timofei is eenvoudig aan te geven dat uw HMO inhoud maakt gebruik van HDMI.
Vijf gewoon gebruik maken van doctype H-2 hem met een uitroepteken in de voorkant van het en we willen HMO 5 gebruiken.
We zullen precies over wat een eikel van een 5 is en wat het niet is praten.
In een volgende video.
Maar we willen om het te gebruiken.
Het is eigenlijk gewoon de nieuwste versie van hem in de leeftijd.
Dus zetten we dit boven.
Dus het volgende wat we gaan praten over de h t m l element.
Dus dit is een beetje moeilijker te vinden door te zoeken die wel MT-NW een HMO.
Als we alleen maar element daar gaan we ik altijd op zoek naar deze lege doel in de naam.
En dat vertelt ons het hem in de leeftijd root element vormt de basis van een HMO document.
Alle andere elementen moeten afstammelingen van dit element.
Dus het is vrij vanzelfsprekend.
In principe alles wat we schrijven behoeften naar binnen van elk element.
En wat nog belangrijker is in het kader van toegestane inhoud het vertelt ons één hoofd element gevolgd door één lichaam en dat is wat we hebben één hoofd en één lichaam.
Dus laten we eens kijken naar wat het hoofd is het hoofd element.
Geef algemene informatie metadata over het document met inbegrip van de titel en links naar zijn definities van scripts en style sheets.
Dus wat dat betekent in feite alles wat we niet zien op de pagina als gebruiker.
Dus dingen zoals font-bestanden in onze stylesheet bestanden of JavaScript-bestanden al die gaan in het hoofd en dan is het lichaam waar we al onze content.
Het vertegenwoordigt de inhoud van een leeftijd HTML-document.
Dus als we hier terug Ik kan u verzekeren een ding dat is hoe om commentaar te schrijven en niched hem uit.
Als ik wilde een briefje te schrijven voor mezelf als ik schreef deze inhoud gaat in het lichaam en dan verschijnen schreef ik een data gaat in het hoofd.
Gelukkig dat zal niet werken omdat dit zal daadwerkelijk op de pagina.
Het team zal dit als tekst te behandelen en ik wil het alleen maar om een ​​notitie te zijn voor mezelf.
Dus dit is iets wat je kunt doen in elke programmeertaal.
U kunt deze om te zetten in een reactie en een reactie lijkt erop dat dit net begint met een kleiner dan teken uitroepteken twee streepjes en dan wat de inhoud en vervolgens aan de andere zijde twee streepjes en een groter dan teken.
Dus hij kan typen die horen zelf handmatig invoeren en je kunt zien dat het soort gaat grijs in subliem.
Maar een ander echt handige snelkoppeling is dat u een lijn die je niet hoeft te selecteert u deze gewoon naar uit te lijnen en druk op commando slash kunt selecteren en je kunt ook zien dat het kan oplopen tot en je kunt naar toggle commentaar commentaar te geven.
Dus in het geval u dit vergeet en je wilt niet om het uit te schrijven.
Een ander leuk ding.
Laten we zeggen dat ik had een bos van nota's aan mezelf dat ik kan ze allemaal te selecteren en hetzelfde doen.
Command slash.
Grote.
Dus ik ga hier deze opmerkingen die zijn gewoon notities voor mezelf te houden.
Mijn inhoud gaat in het lichaam.
Het gaat in de weg.
Dus dat betekent dat als we het volgen van onze eigen notities onze inhoud moet gaan binnenkant van ons lichaam.
Dus moeten we niets rondzweven buiten het H Tim L element behalve voor doctype hebben.
Al het andere gaat in het hoofd of in het lichaam.
Dus laten we gaan vooruit en open dit op ervoor te zorgen dat het ziet er hetzelfde als vóór.
Dubbelklik.
Je kunt zien is identiek uitziet.
Laten we bekijken de pagina source ziet er hetzelfde uit.
Merk op dat onze opmerkingen niet zijn komen opdagen natuurlijk alleen onze H-1 verschijnt.
Een ding dat we missen terwijl we hier zijn is een titel.
Een titel is belangrijk omdat het laat zien op de pagina zal niet te zien in onze huidige pagina hier.
Vergeet niet dat het in het hoofd.
Dus het is gewoon metadata wat het wel doet is twee dingen.
Één het gaat om de naam of de tekst die verder gaat in onze tabblad worden weergegeven te bepalen.
En het is ook belangrijk voor zoekmachines en voor de andere pagina's wanneer andere pagina's gekoppeld aan uw site of als je naar Google en u zoeken naar MDA op deze namen hier.
Deze komen uit de titel elementen.
Dus bijvoorbeeld M.D. en viert 10 jaar van het document in uw web u klikt op dat.
U kunt zich hier zien het zegt MDA en viert het wordt afgesneden.
U kunt controleren de pagina eruit voor een titel element.
Dus een heleboel dingen hier gaan we.
Titel en viert 10 jaar van het documenteren van uw web.
De mizzle blog.
Zodat opname is belangrijk.
Dus laten we het eens ArcSight een titel laten we noemen het mijn eerste pagina refresh horloge rechts hier en het werkt.
Dat is het voor nu.
Vergeet niet twee dingen.
Deze standaardtekst kan enkel type H hem tabblad l.
Je zou nooit meer dan één in het document.
Maar net zo je nog html tab en opmerkingen.
U kunt dit doen met de opdracht slash kan ze aan en uit te richten.