Więc chodźmy na rozwiązanie tego ćwiczenia.
Jak zawsze można spojrzeć na kod od razu, jeśli chcemy podążać.
Zacznij od podstaw ze mną.
Nie krępuj się zrobić.
Więc bardzo Pierwszą rzeczą, którą musisz zrobić to zrobić nowy plik Zadzwonię go Pokemon, że każdy zespół stworzy naszą boilerplate i niech wypełnić w tytule dopasować gdzie powinien być.
Daj spokój wykresie.
Więc wiemy, to będzie mieć H-1 do góry i że każdy z nich jest po prostu pierwszy gen hokum na wykresie.
I wiemy, że będzie stolik w tej tabeli i mają głowicę T i T, które tylko ciało, aby odświeżyć swoją pamięć, nie wpływa nic o tym, jak tabela wygląda lub zachowuje.
To wyłącznie o zarabianie naszą znaczników semantycznych, jak to możliwe, jak czyni to tak, że wyszukiwarki lub WebCrawler wie, że jest to kapelusznik prawda pojawiają się i to jest ciało.
Więc po prostu dobrym pomysłem jest to praktyka.
Więc następnym mamy zamiar dodać w naszych bardzo najlepszych czterech pozycjach więc dla nastolatków mamy Nazwa obrazu typu i ewoluuje.
Więc śmiało i po prostu sprawdzić, jak wygląda to wszystko w porządku.
Jest nasz stół do tej pory.
Pierwszą rzeczą, którą prawdopodobnie chcesz zrobić, to po prostu sprawiają, że pasuje do tego, co mieliśmy damy mu granicę.
Pamiętaj jednak, że tak naprawdę nie chcą tego robić później w klasie więc gdy mówimy o C S s zrobimy wszystko stylizacji do C S S.
To jest po prostu czysto zrobić rzeczy wizualne teraz.
To nie jest zły pomysł, aby wiedzieć o tym, ale jest to lepszy pomysł, aby to zrobić naprawdę profesjonalnie.
OK, więc chodźmy trochę z tymi danymi.
Kiedy skopiować go po prostu na dno tutaj i komentować to wszystko i wtedy wszystko będzie zrobić, to stworzyć swój pierwszy wiersz tak rozpocznie Bulbasaur.
Więc zamiast ciała potrzebne do Zamiast tego TR Potrzebujemy 40.
Nazwa ta będzie odpowiadać naszym drugim Th.
Więc mam zamiar umieścić go w drugim T D tam.
Obraz pierwszy.
Więc mam zamiar skopiować obraz, rl, a potem mam zamiar stworzyć tag obrazu i ustawić źródło równą że jesteś prawdziwym wewnątrz tej tiddy jeśli chcesz możesz go rozstawione trochę jak ten ,
Więc trzeba wiedzieć to nie ma wpływu na nic, że to tylko czysto estetyczne w naszym kodzie, dzięki czemu możemy zobaczyć relacje, że ten obraz jest zagnieżdżona wewnątrz telewizora, że ​​jeśli mamy nazwę Następnie mamy typ, który jest trawa i trucizną.
A potem wreszcie mamy inny bardziej skomplikowana gdzie mamy tag AI.
Pamiętaj, że musi wyglądać jak ten znacznik, który mówi Ivey lub tak, że e-tag niech skopiować link, że musi iść do, a następnie niech skopiować nazwę dla tej zawartości, a potem mam zamiar iść do przodu i pozbyć tego się pozbyć komentarzach.
Dobrze się pozbyć, że tak, że to posprzątać trochę.
Załóżmy, odświeżyć i tam jest nasz pierwszy wpis.
Sprawdź dwa razy, że to działa.
Albo mogę być bolesne.
Wspaniały.
OK.
Więc jesteśmy w zasadzie będzie powtórzyć dokładnie ten sam proces.
I ze względu na czas jestem po prostu skopiować to.
Więc cały ten wiersz i zapamiętać można zrobić Control-C i wklej go ze sterowaniem V i poleceń C w poleceniu możemy również dostarczyć ma ten piękny skrót, gdzie można wybrać i uderzył polecenie przesunięcia polecenia shifty dwa razy, jeśli chcesz.
I że będzie go powielić dwukrotnie.
Więc teraz mamy podwojona automatycznie i po prostu trzeba przejść i że niektóre z tych zmian.
Więc pierwsza nazwa jest char Mandar obraz jesteś Sowa i musimy Tamilian.
Jest to rodzaj ognia i wszyscy jesteście tutaj wklejone.
Sprawdźmy na ten temat.
Więc trzeba by open source, ponieważ możemy skopiować i wkleić link jest prawidłowy.
Wspaniały.
Teraz musimy tylko skończyć z Squirtle obrazu wody.
Chodźmy z wami albo pierwsza, jeśli link zmieniła nazwę lub żółwia i picia jest woda.
Dobra ilość kopii i wklejenie tam.
No to jedziemy.
Upewnij się, że wszystko działa świetnie.
OK, więc to wszystko, co trzeba zrobić, aby upewnić się, że pasują do siebie.
Wygląda dobrze.
Wspaniały.
Jedna mała zmiana może robię, a ja jestem tutaj.
Wystarczy dobra lekcja na ten temat.
dodam komentarz tutaj tylko po to, aby wyjaśnić za wami tak ten pierwszy z nich jest to, co było następnym.
To wszystko o uroku Mandar.
I wreszcie jest to wszystko, co odpowiada Squirtle.
Jedną ze zmian, choć jak już wspomniałem jest te obrazy są rodzajem masywny.
Mogliśmy je zręcznie kurczą i że będzie zmniejszyć rozmiar tabeli w dół.
I to jest coś, czego można zrobić z CSSA to styl informacje.
Dlatego najlepiej zrobimy go s od każdej drużyny.
Chcemy, aby utrzymać je oddzielnie.
Za każdym razem będę struktura styl CSSA.
Ale do tego ćwiczenia, co możemy zrobić, to dodać w atrybucie do obrazu można umieścić numer 50, jak i po prostu zobaczyć, że w odświeżaniu.
To zmienia się gdzie można zmienić do 500 i dostać gigantyczną obrazu 50 pikseli znacznie mniejsze.
Przechowywać je w temperaturze 50 °.
I kolejny powód, chcę pokazać, to zamiast kopiowania i wklejania to trzy razy, co działa dobrze.
Lepszym sposobem na osiągnięcie tego w wzniosłości jest rzeczywiście stworzyć trzy kursory, więc pokażę wam, co mam na myśli.
Klikamy wstrzymania polecenia kliknij ponownie klawisz Command ciągnąc i kliknij ponownie i wtedy możemy zacząć pisać.
I mam trzy kursory jednocześnie z równymi 50.
Więc to jest całkiem fajne.
Jest to bardzo przydatne, jeden, jeśli trzeba zmienić wiele rzeczy na raz, w dokładnie taki sam sposób po prostu rozkazuję kliknij w każdym miejscu i to ikra kilka przekleństw.
I jak widać mamy ładne bardziej czytelny i rozsądnie wielkości stołu.