1
00:00:00,230 --> 00:00:00,950
Welkom terug.

2
00:00:01,140 --> 00:00:11,930
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.

3
00:00:11,940 --> 00:00:17,820
Dus er zijn een paar dingen die elk document heeft altijd soort standaardtekst dat we gaan om te leren over.

4
00:00:17,820 --> 00:00:22,880
Dus om te beginnen gaan naar subliem en ik ga een nieuw bestand te maken.

5
00:00:23,100 --> 00:00:29,610
Dus bestand nieuwe bestand of commando en en dan ga ik naar het bestand op te slaan en geef het een naam.

6
00:00:29,610 --> 00:00:33,340
Dus bestand op te slaan of commando.

7
00:00:34,080 --> 00:00:37,040
Dus zodra ik dat we gaan om het een naam te geven.

8
00:00:37,140 --> 00:00:42,980
Laten we noemen het de eerste pagina van de pagina T.M. en dit deel is heel belangrijk.

9
00:00:42,990 --> 00:00:44,950
Dot h Timo.

10
00:00:45,690 --> 00:00:47,120
Dus ik raakte op te slaan.

11
00:00:47,670 --> 00:00:50,170
En dat dot elk team l vertellen subliem.

12
00:00:50,340 --> 00:00:55,790
En toen ik het te openen in Chrome vertelt chrome Dit is een h tim ik zal bestand behandeld als zodanig.

13
00:00:56,220 --> 00:00:58,000
Dus we kunnen hier schrijven Tim Allen.

14
00:00:58,260 --> 00:01:04,460
Dus we beginnen met slechts één tag die we hebben gezien tot nu toe zijn een van de labels die een H-1.

15
00:01:04,800 --> 00:01:06,740
En je zult merken dat het is gemarkeerd voor mij.

16
00:01:06,780 --> 00:01:08,040
Dus laten we vul deze in.

17
00:01:08,040 --> 00:01:19,020
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.

18
00:01:19,020 --> 00:01:19,950
In mijn geval.

19
00:01:20,130 --> 00:01:31,910
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.

20
00:01:31,920 --> 00:01:36,230
Dus om daadwerkelijk krijgen Chrome om het daar is een paar oplossingen te openen.

21
00:01:36,270 --> 00:01:41,370
De eerste is gewoon dubbelklikken op het en het zal openen in uw standaard browser.

22
00:01:41,490 --> 00:01:58,090
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.

23
00:01:58,470 --> 00:02:03,340
Zoals altijd kan ik mijn pagina bron te bekijken en je zult zien dat het gewoon een tag.

24
00:02:03,510 --> 00:02:07,470
Dus zeker eenvoudiger dan iets als dit.

25
00:02:09,330 --> 00:02:11,670
Maar de onderliggende ze zijn precies hetzelfde.

26
00:02:11,940 --> 00:02:15,910
En er is waarschijnlijk een H-1 op deze pagina ook.

27
00:02:15,960 --> 00:02:17,770
Dus een andere manier om dit te doen.

28
00:02:18,000 --> 00:02:27,720
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.

29
00:02:27,720 --> 00:02:33,470
Hetzelfde geldt voor sublimest goed dus als je per ongeluk het bestand te sluiten kun je deze hier slepen en het zal heropenen.

30
00:02:33,570 --> 00:02:40,200
Dus gewoon om te laten zien dat de klik en ik kan het openen.

31
00:02:40,440 --> 00:02:44,380
Dus helaas moet ik op het nieuws dat zijn eenvoudig te breken.

32
00:02:44,370 --> 00:02:47,650
Het is Tim L dat we tot nu toe heb geschreven is eigenlijk iets verkeerd.

33
00:02:47,850 --> 00:02:52,140
De e-mail tag zelf is prima, maar dit is geen geldig document.

34
00:02:52,140 --> 00:02:57,260
En dat komt omdat we missen de onderliggende structuur die elke pagina dient te beschikken.

35
00:02:57,840 --> 00:02:59,320
Dus het ziet er als volgt uit.

36
00:02:59,490 --> 00:03:01,370
Het is veel in vergelijking met wat we tot nu toe hebben gedaan.

37
00:03:01,380 --> 00:03:03,950
Maar het goede nieuws is dat er twee stukken van goed nieuws.

38
00:03:03,960 --> 00:03:05,560
Men is het altijd hetzelfde.

39
00:03:05,900 --> 00:03:13,880
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.

40
00:03:14,280 --> 00:03:29,690
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.

41
00:03:30,000 --> 00:03:32,400
Dus laten we gaan over wat dit doet.

42
00:03:32,400 --> 00:03:33,460
Ten eerste gaan we redden.

43
00:03:33,570 --> 00:03:48,650
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.

44
00:03:48,690 --> 00:04:03,700
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.

45
00:04:03,720 --> 00:04:05,500
Hoe vind je het juiste antwoord.

46
00:04:05,520 --> 00:04:07,740
Ik ga een compleet gebroken record op dat.

47
00:04:07,770 --> 00:04:12,660
Mijn leerlingen lachen elke keer als ik praat over de kunst van het googlen, maar het is echt belangrijk.

48
00:04:12,930 --> 00:04:13,760
Dus ik ben hier.

49
00:04:13,800 --> 00:04:14,910
Laten we kijken.

50
00:04:15,030 --> 00:04:20,210
Het zegt de doc-type voor elke Timofei is eenvoudig aan te geven dat uw HMO inhoud maakt gebruik van HDMI.

51
00:04:20,210 --> 00:04:27,770
Vijf gewoon gebruik maken van doctype H-2 hem met een uitroepteken in de voorkant van het en we willen HMO 5 gebruiken.

52
00:04:27,870 --> 00:04:31,530
We zullen precies over wat een eikel van een 5 is en wat het niet is praten.

53
00:04:31,530 --> 00:04:32,580
In een volgende video.

54
00:04:32,790 --> 00:04:34,070
Maar we willen om het te gebruiken.

55
00:04:34,140 --> 00:04:36,720
Het is eigenlijk gewoon de nieuwste versie van hem in de leeftijd.

56
00:04:36,990 --> 00:04:38,660
Dus zetten we dit boven.

57
00:04:39,030 --> 00:04:42,330
Dus het volgende wat we gaan praten over de h t m l element.

58
00:04:42,510 --> 00:04:47,490
Dus dit is een beetje moeilijker te vinden door te zoeken die wel MT-NW een HMO.

59
00:04:47,670 --> 00:04:56,030
Als we alleen maar element daar gaan we ik altijd op zoek naar deze lege doel in de naam.

60
00:04:56,040 --> 00:05:01,350
En dat vertelt ons het hem in de leeftijd root element vormt de basis van een HMO document.

61
00:05:01,500 --> 00:05:04,930
Alle andere elementen moeten afstammelingen van dit element.

62
00:05:05,040 --> 00:05:06,500
Dus het is vrij vanzelfsprekend.

63
00:05:06,620 --> 00:05:10,310
In principe alles wat we schrijven behoeften naar binnen van elk element.

64
00:05:10,710 --> 00:05:22,640
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.

65
00:05:23,820 --> 00:05:28,140
Dus laten we eens kijken naar wat het hoofd is het hoofd element.

66
00:05:28,140 --> 00:05:36,010
Geef algemene informatie metadata over het document met inbegrip van de titel en links naar zijn definities van scripts en style sheets.

67
00:05:36,330 --> 00:05:41,200
Dus wat dat betekent in feite alles wat we niet zien op de pagina als gebruiker.

68
00:05:41,400 --> 00:05:53,200
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.

69
00:05:53,610 --> 00:05:57,210
Het vertegenwoordigt de inhoud van een leeftijd HTML-document.

70
00:05:57,210 --> 00:06:04,300
Dus als we hier terug Ik kan u verzekeren een ding dat is hoe om commentaar te schrijven en niched hem uit.

71
00:06:04,530 --> 00:06:21,000
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.

72
00:06:21,750 --> 00:06:26,580
Gelukkig dat zal niet werken omdat dit zal daadwerkelijk op de pagina.

73
00:06:26,720 --> 00:06:31,070
Het team zal dit als tekst te behandelen en ik wil het alleen maar om een ​​notitie te zijn voor mezelf.

74
00:06:31,230 --> 00:06:33,570
Dus dit is iets wat je kunt doen in elke programmeertaal.

75
00:06:33,690 --> 00:06:47,830
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.

76
00:06:49,050 --> 00:06:59,680
Dus hij kan typen die horen zelf handmatig invoeren en je kunt zien dat het soort gaat grijs in subliem.

77
00:07:00,000 --> 00:07:21,160
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.

78
00:07:21,180 --> 00:07:24,230
Dus in het geval u dit vergeet en je wilt niet om het uit te schrijven.

79
00:07:24,260 --> 00:07:25,200
Een ander leuk ding.

80
00:07:25,250 --> 00:07:30,380
Laten we zeggen dat ik had een bos van nota's aan mezelf dat ik kan ze allemaal te selecteren en hetzelfde doen.

81
00:07:30,420 --> 00:07:33,000
Command slash.

82
00:07:34,440 --> 00:07:35,320
Grote.

83
00:07:35,400 --> 00:07:38,860
Dus ik ga hier deze opmerkingen die zijn gewoon notities voor mezelf te houden.

84
00:07:39,000 --> 00:07:40,740
Mijn inhoud gaat in het lichaam.

85
00:07:40,830 --> 00:07:43,000
Het gaat in de weg.

86
00:07:43,830 --> 00:07:51,670
Dus dat betekent dat als we het volgen van onze eigen notities onze inhoud moet gaan binnenkant van ons lichaam.

87
00:07:52,680 --> 00:07:57,450
Dus moeten we niets rondzweven buiten het H Tim L element behalve voor doctype hebben.

88
00:07:57,540 --> 00:08:02,280
Al het andere gaat in het hoofd of in het lichaam.

89
00:08:02,280 --> 00:08:06,570
Dus laten we gaan vooruit en open dit op ervoor te zorgen dat het ziet er hetzelfde als vóór.

90
00:08:06,570 --> 00:08:07,470
Dubbelklik.

91
00:08:07,620 --> 00:08:09,250
Je kunt zien is identiek uitziet.

92
00:08:09,420 --> 00:08:12,960
Laten we bekijken de pagina source ziet er hetzelfde uit.

93
00:08:12,960 --> 00:08:17,580
Merk op dat onze opmerkingen niet zijn komen opdagen natuurlijk alleen onze H-1 verschijnt.

94
00:08:17,580 --> 00:08:20,590
Een ding dat we missen terwijl we hier zijn is een titel.

95
00:08:20,880 --> 00:08:27,670
Een titel is belangrijk omdat het laat zien op de pagina zal niet te zien in onze huidige pagina hier.

96
00:08:27,690 --> 00:08:28,980
Vergeet niet dat het in het hoofd.

97
00:08:29,040 --> 00:08:32,660
Dus het is gewoon metadata wat het wel doet is twee dingen.

98
00:08:32,700 --> 00:08:37,270
Één het gaat om de naam of de tekst die verder gaat in onze tabblad worden weergegeven te bepalen.

99
00:08:37,740 --> 00:08:49,890
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.

100
00:08:49,880 --> 00:08:52,770
Deze komen uit de titel elementen.

101
00:08:52,760 --> 00:08:58,070
Dus bijvoorbeeld M.D. en viert 10 jaar van het document in uw web u klikt op dat.

102
00:08:58,470 --> 00:09:02,120
U kunt zich hier zien het zegt MDA en viert het wordt afgesneden.

103
00:09:02,190 --> 00:09:07,500
U kunt controleren de pagina eruit voor een titel element.

104
00:09:07,500 --> 00:09:08,730
Dus een heleboel dingen hier gaan we.

105
00:09:08,760 --> 00:09:12,250
Titel en viert 10 jaar van het documenteren van uw web.

106
00:09:12,600 --> 00:09:13,810
De mizzle blog.

107
00:09:14,340 --> 00:09:16,340
Zodat opname is belangrijk.

108
00:09:17,070 --> 00:09:25,680
Dus laten we het eens ArcSight een titel laten we noemen het mijn eerste pagina refresh horloge rechts hier en het werkt.

109
00:09:25,710 --> 00:09:27,080
Dat is het voor nu.

110
00:09:27,090 --> 00:09:28,420
Vergeet niet twee dingen.

111
00:09:28,540 --> 00:09:31,640
Deze standaardtekst kan enkel type H hem tabblad l.

112
00:09:31,770 --> 00:09:33,720
Je zou nooit meer dan één in het document.

113
00:09:33,890 --> 00:09:37,850
Maar net zo je nog html tab en opmerkingen.

114
00:09:37,980 --> 00:09:41,880
U kunt dit doen met de opdracht slash kan ze aan en uit te richten.