Dus laten we gaan over een oplossing voor deze oefening.
Zoals altijd kun je een kijkje nemen op de code te nemen meteen als je wilt om mee te volgen.
Beginnen vanaf nul met mij.
Voel je vrij om dat te doen.
Dus het eerste wat we moeten doen is het maken van een nieuw bestand Ik noem het Pokémon die elk team onze standaardtekst zal creëren en laten we in de titel te vullen aan te passen waar het zou moeten zijn.
Oh kom op grafiek.
Dus we weten dat dit gaat een H-1 up top te hebben en dat een ieder is gewoon eerste echte hokum op de kaart.
En we weten dat er gaat een tafel in die tabel zijn en een T hoofd en een t lichaam dat alleen maar om je geheugen op te frissen heeft geen invloed op niets over hoe de tafel eruit ziet en zich gedraagt.
Het is puur om het maken van onze markup zo semantisch mogelijk waardoor het zo dat een zoekmachine of een webcrawler weet dat dit de hoedenmaker rechter verschijnen en dit is het lichaam.
Dus gewoon een goed idee dat is de praktijk.
Dus de volgende gaan we aan onze top vier rubrieken dus voor tieners hebben we het type naam en evolueert naar.
Dus laten we gaan en maar eens kijken hoe dit eruit ziet in orde.
Daar is onze tafel tot nu toe.
Het eerste wat we zullen waarschijnlijk willen doen is alleen maar om het te laten overeenkomen met wat we moesten geven we het een grens.
Onthoud wel dat we niet echt willen om dit te doen later in de klas dus zodra we praten over C S s we allemaal van de styling doen door middel van C S S.
Dit is gewoon puur om dingen visuele nu te maken.
Het is geen slecht idee om te weten, maar het is een beter idee echt om dit professioneel te doen.
OK dus laten we gaan neemt een deel van deze gegevens.
Als het kopiëren naar beneden alleen maar om de bodem hier en commentaar het allemaal uit en dan gaan doen is het creëren van mijn eerste rij zo zal beginnen met Bulbasaur.
Dus in plaats van het lichaam nodig is om uw plaats daarvan TR We hebben 40.
De naam zal beantwoorden onze tweede Th.
Dus ik ga het in de tweede t d daar te zetten.
Het beeld gaat eerst.
Dus ik ga naar de afbeelding te kopiëren u rl en dan ga ik om een ​​beeld tag en zet de bron gelijk is aan dat je echt de binnenkant van die tiddy als je wilt u het misschien gespreid een beetje zoals deze .
Dus je hebt je weet dat dit niet iets is het gewoon puur esthetische invloed in onze code, zodat we de relaties die dit beeld is genest in de TV dat als we naam naast hebben we type dat is gras en vergif kunnen zien.
En dan tot slot hebben we nog meer complex waar we een AI-tag.
Vergeet niet dat het nodig heeft om te kijken als dit een tag die zegt Ivey's of zo dat e-tag laten we kopieer de link die het nodig heeft om te gaan en dan laten we kopiëren de naam van die inhoud en dan ga ik om verder te gaan en zich te ontdoen van dit op om zich te ontdoen van de commentaren te krijgen.
Goed te ontdoen van dat gewoon zo dat we dit opruimen een beetje.
Laten we vernieuwen en er is onze eerste binnenkomst.
Double check dat het werkt.
Of kan ik pijnlijk.
Grote.
OK.
Dus we eigenlijk gaan om de exacte hetzelfde proces te herhalen.
En omwille van de tijd dat ik ga gewoon om dit te kopiëren.
Dus dit hele rij en vergeet niet je zou kunnen doen Controle-C en plak het met controle-V en commando C in opdracht leveren wij ook heeft deze mooie snelkoppeling waar u kunt selecteren en command verschuiven de opdracht shifty twee keer als je wilde.
En dat zal het twee keer dupliceren.
Dus nu hebben we die automatisch verdubbeld en we hoeven alleen maar om door te gaan en een aantal van de veranderingen.
Dus de eerste naam is char Mandar de afbeelding die u bent Uil en we moeten Tamilian.
Het is een vuur type en u bent allen hier geplakt.
Laten we eens kijken op die.
Dus we moeten naar open source, omdat we te kopiëren en te plakken in de koppeling correct is.
Grote.
Nu hoeven we alleen maar te eindigen met Squirtle het water.
Laten we gaan met u of anders eerst of de link veranderde de naam of de schildpad en drinken is water.
Alle juiste hoeveelheid van de kopie en er plakken.
Daar gaan we.
Zorg ervoor dat het allemaal werkt geweldig.
OK dus dat is alles wat we moeten doen om ervoor te zorgen dat ze overeenkomen.
Ziet er goed uit.
Grote.
Een kleine verandering die ik zou kunnen maken, terwijl ik hier ben.
Gewoon een goede les over dit.
Ik zal een commentaar toe te voegen alleen maar om te verduidelijken voor jullie dus dit eerste is wat was uw volgende.
Dit is alles over charme mandar.
En tenslotte is dit alles wat overeenkomt met Squirtle.
Een verandering maar zoals ik al zei is deze beelden zijn een soort van massief.
We konden behendig krimpen ze naar beneden en dat zou de grootte van een tafel naar beneden krimpen.
En dit is iets wat je zou doen met CSSA is stijl informatie.
Dus ideaal doen we het met s afstand van elk team.
We willen hen gescheiden te houden.
Elke keer dat ik structuur CSSA stijl.
Maar voor deze oefening wat we kunnen doen is het toevoegen van een attribuut met een afbeelding die u zet een getal als 50 en gewoon zien dat als een refresh.
Dit verandert tot 50 pixels veel kleiner, waar u overstapt op 500 en krijg een gigantische afbeelding.
Houd het op 50.
En een andere reden dat ik wil laten zien is dat in plaats van het kopiëren en plakken van dit drie keer dat werkt prima.
Een betere manier om dat te doen in verheven is om daadwerkelijk te creëren drie cursors, dus ik zal je laten zien wat ik bedoel.
We klikken hold command klik nogmaals sleutel trekken commando en klik opnieuw en dan kunnen we beginnen met typen.
En ik heb drie cursors in een keer met 50 gelijken.
Dus dit is wel cool.
Het is echt een handig een als u meerdere dingen te veranderen in een keer op exact dezelfde manier waarop je gewoon commando klikt all over the place en paait een heleboel vloeken.
En zoals je kunt zien hebben we een leuke beter leesbaar en verstandig sized tafel.