1
00:00:00,420 --> 00:00:08,500
Deze video is gericht op HTML attributen attributen zijn dat we aanvullende informatie aan onze hem uit in de leeftijd elementen toe te voegen.

2
00:00:08,670 --> 00:00:13,590
Dus ze hebben de vorm van een sleutel waarde paar zul je die uitdrukking veel te horen.

3
00:00:13,590 --> 00:00:17,990
Het betekent in feite een woning en vervolgens een overeenkomstige waarde.

4
00:00:18,330 --> 00:00:28,030
Dus dat zou kunnen zijn iets als bron gelijk Corgies up PMG klasse gelijk geselecteerde tekst is gelijk aan minder de SS dus maak je geen zorgen wat die doen.

5
00:00:28,050 --> 00:00:29,300
We gaan ze allemaal te zien in de tijd.

6
00:00:29,460 --> 00:00:43,130
Maar het is dit formaat van een woord is gelijk aan iets in SMS-bericht een ontwikkelaar netwerk heeft een uitgebreid attribuut verwijzing net zoals zij heeft gedaan voor de elementen, maar voor alle attributen in gescherpt hem uit.

7
00:00:43,500 --> 00:00:48,050
Dus het eerste wat je opvalt als ik door te bladeren is dat er veel verschillende attributen.

8
00:00:48,360 --> 00:00:51,880
En net als bij de elementen die je niet hoeft te al deze kennen.

9
00:00:51,900 --> 00:01:01,130
In feite zullen de meeste ontwikkelaars geen gebruik van 80 procent van deze, dus er is echt een subset van vijf 10 misschien 15 attributen die ontwikkelaars gebruiken vrij vaak.

10
00:01:01,470 --> 00:01:05,480
Het is ook belangrijk om op te merken dat niet elk attribuut werkt op elk element.

11
00:01:05,490 --> 00:01:09,750
In feite attributen meeste alleen op 04:58 verschillende elementen.

12
00:01:09,750 --> 00:01:11,440
Sommigen werken alleen op één.

13
00:01:11,580 --> 00:01:16,520
Dus dit tweede kolom hier geeft de elementen die een bepaalde eigenschap werkt.

14
00:01:16,590 --> 00:01:20,980
Zo iets als code die is een attribuut Ik heb nog nooit ooit te gebruiken.

15
00:01:21,120 --> 00:01:27,580
Maar we kunnen zien aan hier het specificeert dat je uit een appel het is ingedeeld te worden geladen en uitgevoerd geweldig.

16
00:01:27,600 --> 00:01:33,250
Wat dat betekent en het werkt alleen op een applet element dat ik heb ook nog nooit te voor gebruik.

17
00:01:33,450 --> 00:01:49,360
Maar als we iets vaker als bron die ik zojuist zullen zoeken voor u kan zien dat de RC-attribuut werkt in een flink aantal verschillende elementen audio embed I-frame ingang script bronspoor video en we daadwerkelijk gebruik maken van de bron toeschrijven later in deze video.

18
00:01:49,380 --> 00:02:05,220
Dus de sleutel mee te nemen is er een heleboel attributen net alsof er een heleboel elementen, maar er is echt maar een paar belangrijke zijn en ik ga om te beginnen door te wijzen op twee van die welke zwaarden en HPF zijn en die twee attributen zijn echt belangrijk om beelden respectievelijk ankermarkeringen of koppelingen.

19
00:02:05,490 --> 00:02:09,880
Dus laten we teruggaan naar de dia's, zodat afbeeldingen echt leuk.

20
00:02:09,900 --> 00:02:12,010
Een belangrijk onderdeel van het maken van een website.

21
00:02:12,130 --> 00:02:14,490
Er zijn eigenlijk zeer korte markeringen te schrijven.

22
00:02:14,670 --> 00:02:21,630
En je zult merken dat ze er iets anders uitzien dan wat je hebt meegemaakt waar er geen openen en sluiten tag.

23
00:02:21,640 --> 00:02:25,570
Er is geen in-inhoud is er geen innerlijke HMO of innerlijke tekst.

24
00:02:25,680 --> 00:02:32,650
Eerder hebben we gewoon dit beeld De markering die opent en sluit en vervolgens een enkel attribuut.

25
00:02:33,450 --> 00:02:34,910
Dus ik zal je laten zien hoe dit te doen.

26
00:02:34,920 --> 00:02:39,090
Laten we beginnen natuurlijk door het vinden van een afbeelding.

27
00:02:40,180 --> 00:02:42,870
Ik hou van corgi mengt in het bijzonder.

28
00:02:42,870 --> 00:02:44,580
Ik hou van corgi husky mixen.

29
00:02:44,580 --> 00:02:45,770
Daar gaan we.

30
00:02:46,320 --> 00:02:47,850
Laten we alleen deze afbeelding.

31
00:02:48,270 --> 00:02:49,610
Schattige hond.

32
00:02:49,950 --> 00:02:53,340
En laten we naar een aantal eeuwenoude document.

33
00:02:53,340 --> 00:02:55,550
Nogmaals, ik ga gewoon terug naar wat we hebben gewerkt aan te gaan.

34
00:02:55,560 --> 00:03:00,060
Maar dit is duidelijk niet een langdurige site die we gaan echt te bouwen.

35
00:03:00,060 --> 00:03:02,640
Dit is net als een kladblok voor HMO.

36
00:03:03,570 --> 00:03:07,500
Dus laten we gaan ergens op de pagina en typ het woord.

37
00:03:07,500 --> 00:03:08,870
Ik ben g.

38
00:03:09,150 --> 00:03:14,790
We hoeven niet de afsluitende-tags, zodat we dit niet doen.

39
00:03:14,790 --> 00:03:16,920
Dit is een zelfsluitende tag.

40
00:03:17,370 --> 00:03:31,000
En dan is er één eigenschap die we moeten hebben die S R C staat voor de bron en het is de rol van het beeld dat we proberen om deze tag gebruik te maken, zodat je iets dat wordt gehost kan worden.

41
00:03:31,140 --> 00:03:38,800
Dus dit beeld hier, maar het kan ook een beeld dat ik op mijn machine hebt opgeslagen zijn.

42
00:03:39,420 --> 00:03:48,410
Het zou kunnen zijn in dezelfde map die ik ben of dezelfde map in dat geval zou ik gewoon verwijzen het als hond te JPAC.

43
00:03:49,110 --> 00:03:52,200
Voor nu gaan we om te gaan met deze online afbeeldingen.

44
00:03:52,220 --> 00:03:58,080
We zullen wat meer tijd besteden aan het praten over waar de dingen waar we onze foto's en al die later te herstructureren.

45
00:03:58,260 --> 00:03:59,300
Red Dit.

46
00:03:59,610 --> 00:04:02,630
Laten we het openstellen van dit bestand.

47
00:04:03,690 --> 00:04:04,710
En daar gaan we.

48
00:04:04,710 --> 00:04:06,590
We hebben een beeld tag gekregen.

49
00:04:07,440 --> 00:04:13,510
Dus een ander type tag dat een attribuut gebruikt is een label dat is hoe we koppelingen.

50
00:04:13,680 --> 00:04:16,560
Dus de tag sensor anchor tag is echt belangrijk.

51
00:04:16,560 --> 00:04:19,680
Het is hoe we koppelingen naar andere webpagina's.

52
00:04:19,740 --> 00:04:24,450
Het is hoe op Google wanneer u zoekt naar iets elk resultaat dat u op klikken.

53
00:04:24,570 --> 00:04:25,490
Dat is een anker-tag.

54
00:04:25,500 --> 00:04:38,000
Elk van deze links of op een website als er jij waar alle social media knoppen Facebook Instagram Twitter al die knoppen zijn eigenlijk koppelingen waarop u klikt op hen en ze brengen je naar een andere pagina.

55
00:04:38,730 --> 00:04:40,740
Zodat de indeling is als volgt.

56
00:04:41,070 --> 00:04:45,550
Een tag opening en wat tekst binnen sluiten.

57
00:04:45,840 --> 00:04:51,100
En dan elke ref attribuut is gelijk aan wat je URL.

58
00:04:51,180 --> 00:04:52,710
Dus ik zal je hier laten zien een voorbeeld.

59
00:04:52,740 --> 00:04:54,250
We gaan een een tag te maken.

60
00:04:54,960 --> 00:04:59,160
En dit is slechts gaat om een ​​link naar Google zijn.

61
00:04:59,550 --> 00:05:07,700
Dus we gaan om te bepalen dat ref toeschrijven ref gelijk is aan GWW dot Google dot com.

62
00:05:07,740 --> 00:05:08,910
Dus dat is waar de link gaat.

63
00:05:08,910 --> 00:05:17,710
Wanneer ik klik er natuurlijk als ik de pagina nu vernieuwen Ik zou eigenlijk niets zien, omdat deze link is onzichtbaar.

64
00:05:17,730 --> 00:05:19,890
Er is geen tekst is er niets om te klikken op.

65
00:05:20,100 --> 00:05:30,710
Dus in de tags in het binnenste inhoud die ik ga zeggen click me zegt: ga naar Google.

66
00:05:31,980 --> 00:05:32,250
OK.

67
00:05:32,250 --> 00:05:35,190
Dus zoals je kunt zien het maakt me een mooie link die ik kan klikken.

68
00:05:35,190 --> 00:05:38,180
Ook zult u merken dat het een inline element.

69
00:05:38,190 --> 00:05:39,740
Het duurt niet een eigen blok.

70
00:05:39,750 --> 00:05:41,220
Het duurt niet haar eigen lijn.

71
00:05:41,220 --> 00:05:44,460
inhoud Force op een nieuwe regel eronder.

72
00:05:44,460 --> 00:05:48,100
Het is dus in de lijn en dit moet ons naar Google wanneer ik erop klik.

73
00:05:48,120 --> 00:05:50,850
Het heeft echter niet helemaal werk.

74
00:05:51,090 --> 00:05:57,330
Neem een ​​kijkje op dat jullie allemaal dat het duurt me te dikke darm slash slash in te dienen.

75
00:05:57,330 --> 00:06:00,330
Dit is gewoon het bestand zelf.

76
00:06:00,330 --> 00:06:03,180
En dan www.youtube.com.

77
00:06:03,180 --> 00:06:22,670
Dus zonder al te veel in detail, want we dekken dit veel wanneer we naar de back-end gedeelte wat er gebeurt is dat ik ben op de file protocol dat is wat er gebeurt als je gewoon een bestand te openen en toen ik deze link te klikken gewoon denkt dat ik wil een bestand protocol opnieuw te gebruiken en ga je gewoon naar Google dot com.

78
00:06:22,740 --> 00:06:31,460
Maar wat ik eigenlijk wil doen is naar Google dot com op de HTP-protocol.

79
00:06:31,530 --> 00:06:34,050
Dus ik moet ervoor zorgen dat mijn link is expliciet.

80
00:06:34,050 --> 00:06:38,500
Dus toen ik vernieuwen mijn click click me te gaan naar Google.

81
00:06:38,520 --> 00:06:48,110
Het kost me eigenlijk naar Google omdat ik aangegeven deze moet HTP colon slash slash www.youtube.com.

82
00:06:48,180 --> 00:06:55,180
Met dat zei dat ik soms wil om te linken naar een andere pagina die niet op HTP.

83
00:06:55,350 --> 00:06:57,020
Dus ik zal u een voorbeeld geven.

84
00:06:57,150 --> 00:06:58,250
Het is een van een tag.

85
00:06:58,470 --> 00:07:05,290
En ik ga gewoon noemen ga naar pagina 2 dat HVM L die niet bestaat.

86
00:07:05,640 --> 00:07:07,710
Ga naar pagina 2.

87
00:07:08,640 --> 00:07:21,510
En nu, wat ik ga hoeft te doen is te maken van een pagina en deze pagina ook gaat echt heel eenvoudig zijn slechts een enkele paragraaf.

88
00:07:21,510 --> 00:07:28,530
Dit is pagina 2 en ik sla het daar in dezelfde map samen op mijn bureaublad.

89
00:07:28,530 --> 00:07:36,340
Je kunt zien heb ik de eerste pagina en pagina 2 en deze link gaat gewoon om pagina die HMO.

90
00:07:36,510 --> 00:07:39,980
Dus Vernieuw de pagina zie ik ga naar pagina 2.

91
00:07:40,330 --> 00:07:43,680
Ik klik erop en je ziet mijn uro is veranderd.

92
00:07:43,950 --> 00:07:52,050
Dus dit brengt me nu exact dezelfde plek, behalve het is nu Page 2 die leeftijd HTML in plaats van de eerste pagina studie Timo.

93
00:07:52,500 --> 00:07:55,120
Dus zien we twee soorten van u of anders hier.

94
00:07:55,230 --> 00:08:10,450
Een daarvan is een relatief pad wat betekent dat ten opzichte van waar ik ben houden alles hetzelfde en add-on splash pagina aan dat HMO of maakt het niet uit waar ik ben, want ik wil naar Google heel andere plaats genoemd.

95
00:08:10,590 --> 00:08:12,960
Beiden zijn ATAX.

96
00:08:13,320 --> 00:08:16,530
Dus dit type gebruik is eigenlijk heel vaak voor.

97
00:08:16,800 --> 00:08:30,940
Wanneer u een portfolio site en je hebt een pagina Over mij en je hebt een pagina voor projecten en je cv en contactgegevens die zou kunnen zijn allemaal verschillend HMO bestanden die u maakt en dan moet je gewoon koppelen ze samen met ATAX.

98
00:08:31,290 --> 00:08:33,450
En dit use case is ook heel vaak voor.

99
00:08:33,600 --> 00:08:41,660
Als u wilt koppelen aan uw Facebook-verbindingen en uw Google Google Plus ik denk dat als iemand gebruik maakt van die of uw Instagram en ga zo maar door.

100
00:08:42,030 --> 00:08:45,870
Dus om dit samen te vatten we hebben een tag we hebben image-tags.

101
00:08:45,870 --> 00:08:51,720
Beiden gebruiken attributen en attributen zijn slechts manieren waar wij informatie door te geven in.