HDTutorial
PL
jak dodać obraz tła w html

Odtwarzanie wczytuje osadzony odtwarzacz YouTube (tryb rozszerzonej prywatności).

jak dodać obraz tła w html

Wyświetlenia: 580 078 25 października 2016 4:36

Obejrzyj w YouTube
KanałCode Grammar

Rozdziały

Opis autora

W tym tutorialu HTML nauczymy się dodawać obrazy tła na stronę internetową za pomocą CSS. Dowiesz się, jak ustawić kolory, wstawiać grafiki, kontrolować powtarzanie i dopasowywać obraz do pełnego okna przeglądarki.

Ten tutorial CSS obejmuje:
Dodawanie kolorów tła za pomocą stylów inline
Używanie [background-image: url()] z obrazem z sieci
Kontrolowanie powtarzania za pomocą [no-repeat]
Skalowanie obrazów przy użyciu [background-size] (100%, 75% itd.)
Rozciąganie na całą szerokość i wysokość
Przenoszenie CSS z atrybutów inline [style] do tagu [style] dla czystszego kodu

Ten tutorial jest przeznaczony dla początkujących i krok po kroku pokazuje, jak nadać Twojej stronie internetowej profesjonalny wygląd tła za pomocą obrazów zamiast prostych kolorów.

⏱️ Zaznaczenia czasowe

00:00 – Wstęp: dodawanie tła w HTML
00:21 – Dwa sposoby: tag style vs atrybut inline style
00:30 – Dodawanie koloru tła (czarny, żółty itd.)
01:01 – Używanie [background-image: url()] z zewnętrznymi obrazami
01:19 – Przykład z powtarzającym się tłem
01:43 – Używanie [no-repeat] do wyświetlenia pojedynczego obrazu
02:12 – Rozszerzanie tła przy użyciu [background-size: 100%]
02:41 – Skalowanie X i Y niezależnie (100% 100%, 75% itd.)
03:26 – Dobra praktyka: przenoszenie CSS z inline style do tagu [style]
04:00 – Porządkowany kod vs szybkie zmiany inline
04:26 – Podsumowanie i zakończenie

🏷️ Tagi
tutorial html,obraz tła w html,tutorial css obraz tła,dodać obraz tła w html,tła w html i css,background-size cover,background no-repeat,początkujący tutorial html,tutorial css dla początkujących,tło...

O tym poradniku

Code Grammar opublikował ten poradnik wideo (4:36) 25 października 2016. Obejrzano go w YouTube 580 078 razy.

Kategoria
Edukacja
Czas trwania
4:36
Opublikowano
25 października 2016
Wyświetlenia
580 078
Polubienia
3 501

Udostępnij

Dalsza lektura

  • Lesson 3: Kolory i tłapoltutorial - HTML.net pl.html.net

    Lekcja 3: Kolory i tła. W tej lekcji nauczysz się stosowania CSS do zmiany kolorów oraz kolorów tła na swojej stronie internetowej. Popatrzymy także na zaawansowane metody pozycjonowania i kontroli obrazków w tle.

  • Kolor tła oraz tekstu - HTML dla zielonych - Kurs HTML kurshtml.edu.pl

    Wszystkie atrybuty które się do niego odnoszą (jak na przykład powyższy), wpisuje się do tego samego znacznika (otwierającego), a nie wstawia się nowego w innym miejscu strony. Kolor tła oraz tekstu całej strony powinni…

  • Jak ustawić obrazek jako tło w html? - Zapytaj.onet.pl zapytaj.onet.pl

    Jak ustawić obrazek jako tło w html? Wszędzie szukałem i nigdzie nie znalazłem To pytanie ma już najlepszą odpowiedź, jeśli znasz lepszą możesz ją dodać. 1 ocena Najlepsza odp: 100%. 0 0 Odpowiedz. Podobne pytania. Któr…

Ten poradnik w innych językach