1
00:00:00,140 --> 00:00:01,700
OK we zullen terugkomen.

2
00:00:01,710 --> 00:00:09,320
Dus nu is de tijd waarin we eindelijk beginnen eigenlijk het schrijven van een stukje code en we gaan om te beginnen door te praten over HCM in de volgende les.

3
00:00:09,450 --> 00:00:24,360
We gaan een heleboel verschillende delen van het aan hem hoe gaan we om te leren door het einde hoe om eenvoudige leeftijd hem schrijven oude documenten wanneer begrijpen het verschil tussen de sluiting en zelfsluitende labels gelabeld met de attributen u bedekken willen zeker gebruik MD en een partij die je al hebt gezien.

4
00:00:24,360 --> 00:00:30,500
En aan het eind Ik zal je een afbeelding van een website en je moet in staat zijn om de corresponderende H.T. schrijven bedrag.

5
00:00:30,810 --> 00:00:33,650
Dus vertalen een afbeelding om eigenlijke code.

6
00:00:34,080 --> 00:00:38,170
Dus we gaan om te beginnen door te praten een beetje over de geschiedenis van HDMI.

7
00:00:38,550 --> 00:00:41,700
Dus nogmaals het staat voor HyperText Markup Language.

8
00:00:41,700 --> 00:00:52,690
Denk terug aan die eerste kennismaking met front-end video-HDMI-out is de structuur en inhoud van een pagina niet de styling niet de interactiviteit alleen de structuur en inhoud.

9
00:00:52,830 --> 00:01:04,010
Terug in de academische gemeenschap in het jaar 1989 het begin van 1990 is er is niet echt een moeilijk startdatum leeftijd Timo, maar in die tijd in principe mensen werden papieren te wisselen.

10
00:01:04,050 --> 00:01:10,220
Giant these papers en wetenschappelijke documenten technische documenten en ze hebben allemaal zeer specifieke opmaak.

11
00:01:10,560 --> 00:01:17,370
Maar wanneer ze worden uitgewisseld was er geen manier om daadwerkelijk over het internet te versturen dat het formatteren.

12
00:01:17,370 --> 00:01:21,670
Dus wat ik bedoel is laten we zeggen dat je wilde een papieren die eruit zag als deze.

13
00:01:21,690 --> 00:01:25,560
En dit is een stijlgids die ik vond op het schrijven van wetenschappelijke papers.

14
00:01:25,560 --> 00:01:27,680
Dus laten we gewoon de abstracte sectie.

15
00:01:27,900 --> 00:01:31,100
Dus je abstract lijkt erop dat er een rubriek hier.

16
00:01:31,260 --> 00:01:33,390
Het is een beetje vetgedrukt en grotere tekst.

17
00:01:33,600 --> 00:01:39,900
We hebben dit soort inleiding kreeg een deel van de abstracte en vervolgens een bos van bullet points.

18
00:01:40,260 --> 00:01:43,010
We hebben cursieve kregen en vetgedrukte tekst.

19
00:01:43,140 --> 00:01:47,130
En dan lijkt het een link naar een ander deel van het papier.

20
00:01:47,550 --> 00:01:50,310
En dan tot slot hebben we een aantal geneste bullet points.

21
00:01:50,460 --> 00:01:53,830
Dus deze informatie als ik wilde dit te sturen naar iemand.

22
00:01:54,090 --> 00:01:56,040
Maar alles wat ik kon sturen is tekst.

23
00:01:56,160 --> 00:02:00,420
Dus ik kan niet sturen een afbeelding van dit kan ik niet sturen, zoals de feitelijke structuur ervan.

24
00:02:00,430 --> 00:02:07,600
Alles wat ik kan sturen is een tekst zo dat zoiets zou kunnen zien.

25
00:02:07,620 --> 00:02:15,960
Het probleem is hoe kan ik deze tekst hier, die is dezelfde tekst als hier in Hadaway in de code van de structuur te nemen.

26
00:02:16,350 --> 00:02:20,420
Hoe kan ik zeggen dat deze abstracte die eigenlijk niet hier.

27
00:02:20,550 --> 00:02:26,890
Maar als ik dat toegevoegd aan hoe zou ik zeggen dat dit is vet en grotere teksten en dus is de functie.

28
00:02:27,090 --> 00:02:33,090
En er is een puntje hier en een ander puntje hier.

29
00:02:33,090 --> 00:02:35,590
Dus dat is wat elk team laat ons doen.

30
00:02:35,640 --> 00:02:40,650
Het laat ons tekst te nemen in de inhoud en alleen door het schrijven van een aantal andere tekst op de top van het.

31
00:02:40,650 --> 00:02:42,930
Het laat ons precies aan te geven.

32
00:02:42,930 --> 00:02:44,730
Dit is een rubriek is dit vet.

33
00:02:44,730 --> 00:02:46,140
Dit is een cursief.

34
00:02:46,230 --> 00:02:48,900
Dit is een link en dat laatste deel.

35
00:02:48,900 --> 00:02:51,360
Link is eigenlijk heel belangrijk.

36
00:02:51,870 --> 00:03:01,200
Dat is waar de naam vandaan komt HyperText Markup Language, omdat elk T.M. laat ons toe om hyperlinks en het koppelen van documenten samen te creëren is echt belangrijk.

37
00:03:01,200 --> 00:03:07,520
Vele wetenschappelijke papers zullen worden verwijzen naar andere wetenschappelijke papers voetnoten en allerlei citaten.

38
00:03:07,640 --> 00:03:13,110
H tim l vergemakkelijkt dat en maakte een echt grote impact en daarna in principe betrapt op.

39
00:03:13,110 --> 00:03:15,210
Mensen beseften het is vrij simpel.

40
00:03:15,210 --> 00:03:23,850
Het is niet een zeer intimiderend ding zo ontroerd soort afstand van zuiver academische situaties soort ruimer gebruik helemaal tot aan mijn plaats.

41
00:03:23,860 --> 00:03:29,780
Er zijn maar weinig herinneren mijn ruimte of als u ooit een myspace moest je kon eigenlijk uw profiel bewerken gewoon door te schrijven HDMI.

42
00:03:29,970 --> 00:03:39,450
Dus er zijn mensen die absoluut geen technische en ze waren nog steeds in staat om te schrijven H T M L en C Ss een aantal interessante functies toe te voegen aan de pagina om een ​​aantal aangepaste visuals te maken.

43
00:03:39,720 --> 00:03:40,270
OK.

44
00:03:40,380 --> 00:03:41,760
Dus laten we dat in gedachten houden.

45
00:03:41,760 --> 00:03:46,030
We hebben deze gigantische ding van de tekst die we willen zijn in staat om wat structuur te coderen.

46
00:03:46,050 --> 00:03:52,560
En ik wil zeggen is dit vet of dit is een kogel punt en ga zo maar door.

47
00:03:52,840 --> 00:03:57,060
Tim L stelt ons in staat om dat te doen met behulp van H.T. labels.

48
00:03:57,060 --> 00:04:03,870
Dus wat we eigenlijk doen is nemen we deel van de inhoud in het midden en we sandwich dat tussen een openingstag en een afsluitende tag.

49
00:04:03,990 --> 00:04:18,620
Dit laat me specifieke delen van de pagina op te geven of van de paragraaf voor de inhoud, dat ik precies tussen deze twee tags kunnen zeggen dat is een gedurfde precies tussen deze twee is een verband precies tussen deze twee is de tekst cursief en ga zo maar door.

50
00:04:18,630 --> 00:04:22,830
Dus ik zal je laten zien dat we door konden gaan hier en beslissen OK.

51
00:04:22,860 --> 00:04:30,360
Dit gaat om een ​​rubriek op onze pagina en we zullen het verpakken in een H1-tag die we nog niet hebben ingevoerd.

52
00:04:30,360 --> 00:04:31,430
We komen er wel.

53
00:04:31,530 --> 00:04:36,560
Maar voor nu laten we gewoon aangeven dat dit de grootste rubriek op onze pagina.

54
00:04:36,930 --> 00:04:40,440
Het volgende wat we zouden willen doen is ga je gang en maak dit hier vet.

55
00:04:40,710 --> 00:04:48,420
Dus de manier waarop we dingen vet zijn er een paar van de simpelste is om het te verpakken in een zogenaamde B.Tech om te zeggen dat het vet.

56
00:04:48,450 --> 00:04:52,160
Voor degenen onder u die hem Ik weet dat de tag is eigenlijk op zijn weg naar buiten.

57
00:04:52,320 --> 00:04:56,920
Het wordt afgekeurd, wat betekent dat je eigenlijk dat je niet de bedoeling om het niet meer te gebruiken.

58
00:04:56,940 --> 00:04:58,260
Het werkt prima.

59
00:04:58,260 --> 00:04:59,070
Er is een alternatief.

60
00:04:59,080 --> 00:05:01,120
We zullen bespreken in een klein beetje.

61
00:05:01,210 --> 00:05:04,910
Eveneens Ik zou willen maken iets laten we zeggen een aparte paragraaf.

62
00:05:04,920 --> 00:05:09,940
Dus wilde ik wat afstand tussen deze lijn en de volgende regel toe te voegen.

63
00:05:10,020 --> 00:05:18,170
Dus ik voeg een paragraaf en wat dat zal doen is wat tussen deze twee labels gaat op zijn eigen lijn en heeft in principe terug aan beide zijden.

64
00:05:18,660 --> 00:05:26,660
Dus zoals je kunt zien dat de algemene regel geldt voor alle tags die we hebben gezien of we hadden een H1 of vet tag of een paragraaf tag.

65
00:05:26,910 --> 00:05:29,130
Nu nog niet focussen op de labels zelf.

66
00:05:29,130 --> 00:05:33,610
We gaan veel video's te bespreken individuele ins en outs van alle tags.

67
00:05:33,720 --> 00:05:40,960
Maar nogmaals onthoud dit patroon hebben wij tag naam die begint tag naam sluiten van bepaalde inhoud in tussen.

68
00:05:41,370 --> 00:05:49,060
OK dus de volgende video die we nu gaan om daadwerkelijk een nieuwe real Tim efile niet alleen een wetenschappelijk document bepaalde tekst, maar een echte bestand.

69
00:05:49,170 --> 00:05:51,770
En we gaan het in de browser te openen en eigenlijk zien de leeftijd T.M.