Kategoria Temat: HTML

3.1. Live server

Pisanie kodu HTML w edytorach tekstowych takich jak Notatnik bądź Notepad++ może wydawać się wystarczające na samym początku nauki, jednak wiąże się to z brakiem kolorowania składni, automatycznego formatowania i koniecznością ciągłego odświeżania okna przeglądarki przy każdej zmianie w kodzie. Zamiast tego zaczniemy już oswajać się z bardzo dobrym edytorem jakim jest VS Code i …

3.1. Live server Read More »

3.6. Umieszczanie grafik na stronie

Umiejętne umieszczanie grafik na stronie to jedna z ważniejszych umiejętności każdego front end developera. Niewłaściwe użycie tagów graficznych może nieść za sobą wiele konsekwencji. Brak niektórych atrybutów opisujących grafikę może skutkować w pogorszeniu SEO. Ładowanie dużych grafik będzie powodowało wolne ładowanie się strony i stratę potencjalnych czytelników, którzy tak długo czekać nie zamierzają. Wyświetlanie tego …

3.6. Umieszczanie grafik na stronie Read More »

3.5. Listy

Listowanie elementów jest często spotykaną praktyką na stronach internetowych. Z tego też powodu nie umieszczałem tagów związanych z listami w lekcji dotyczącej wyświetlania tekstu, tylko zajmiemy się nimi teraz. Na szczęście tych tagów nie ma dużo, więc będziemy mogli przyswoić sobie je dość szybko. W HTML występują trzy rodzaje list: – numerowane (ang. ordered lists)– …

3.5. Listy Read More »

3.3. Tagi używane przy pracy z tekstem

Najłatwiejszą rzeczą do wyświetlenia na każdej stronie internetowej jest tekst. Możemy zrobić to wpisując go bezpośrednio wewnątrz znacznika <body> i już mamy w pełni działającą stronę z (minimalną, ale jednak) zawartością. W tej lekcji przyjrzymy się znacznikom, których możemy używać przy pracy z tekstem. Główną różnicą w przypadku używania różnych tagów będzie ich wygląd oraz …

3.3. Tagi używane przy pracy z tekstem Read More »

3.4. Dzielenie dokumentu na pojedyncze sekcje

Przeglądając strony internetowe bardzo często możemy zauważyć pewien schemat w umiejscowieniu elementów na stronie. Nagłówek, logo, nawigacja, artykuły, stopka – zazwyczaj znajdują się w tych samych miejscach. Otwierając różne blogi, czy też strony będące wizytówką firmy na pewno bez problemu odnajdziecie wspomniane przeze mnie elementy. Spójrzmy na przykład na fragment losowo wybranego bloga w Internecie …

3.4. Dzielenie dokumentu na pojedyncze sekcje Read More »

3.2. Struktura dokumentu

W poprzedniej lekcji podczas instalowania rozszerzenia Live Server widzieliśmy bardzo prosty plik HTML, który wyświetlał jedną linijkę tekstu w przeglądarce. Poza tym tekstem w edytorze znajdowało się jeszcze całkiem sporo innych znaczników HTML. Przypomnijmy sobie ten plik: To co widać na powyższym fragmencie jest bazową, podstawową strukturą każdego pliku HTML. Przyjrzyjmy się dokładnie poszczególnym elementom. …

3.2. Struktura dokumentu Read More »