Wiele nowy układ, po prostu dostać się do centrum tworzenia witryn, często zastanawiam się, jak html, aby obraz tła.A jeśli niektóre z nich mogą poradzić sobie z tym problemem, nadal masz problemy podczas odcinka na całej szerokości obrazu na monitorze.Jednocześnie chciałbym zobaczyć na stronie są wyświetlane na wszystkich przeglądarkach, więc musi on spełniać wymagania krossbrauzernosti.Możesz ustawić tło na dwa sposoby: za pomocą tagów HTML i style CSS.Każdy dla siebie wybiera najlepszą opcję.Oczywiście, style CSS jest o wiele bardziej wygodne, ponieważ kod jest zapisany w oddzielnym pliku i nie zajmuje dodatkowych głośników w głównych tagów miejscu, ale w pierwszej kolejności rozważyć prostą metodę ustawiania obrazu tła na stronie.
tagi podstawowym HTML do tworzenia tła
Tak, przejdź do pytania, jak zrobić obraz tła do html na ekranie.Aby wyglądać pięknie stronę, musisz zrozumieć, dość istotny szczegół: wystarczy po prostu zrobić gradient w tle lub jednolity kolor, aby go malować, ale jeśli chcesz wstawić obraz w tle, nie będzie rozciągać się na całą szerokość monitora.Obraz był pierwotnie konieczne, aby podnieść lub zrobić własny projekt z tym rozszerzeniem, w którym można wyświetlić stronę.Tylko wtedy, gdy obraz w tle jest gotowy, przenieść go do folderu o nazwie «Zdjęcia».W nim, będziemy przechowywać wszystkie używane obrazów, animacji i innych plików graficznych.Folder ten powinien znajdować się w katalogu głównym pliku z całą swoją html.Teraz można przejść do kodu.Istnieje kilka opcji dla kodu zapisu, w którym wzór zmieni obraz.
- tag atrybut Write.
- poprzez stylu CSS w kodzie HTML.
- Napisz stylu CSS w oddzielnym pliku.
Jak do HTML, aby obraz tła, aby podjąć decyzję, ale chciałbym powiedzieć kilka słów o tym, jak to będzie najbardziej optymalny.Pierwsza metoda jest pisanie przez tag od dawna nieaktualne.Druga opcja jest używana bardzo rzadko, bo okazuje się, że wiele z tego samego kodu.Trzecia opcja jest najbardziej popularna i skuteczna.Oto przykłady znaczników HTML:
- pierwsza metoda nagrywania przez tag (ciała) w plik index.htm.Jest napisane w tej formie: (ciała tle = "Nazvanie_papki / Nazvanie_kartinki.rasshirenie") (/ body).Oznacza to, że jeśli mamy zdjęcie z nazwą «Zdjęcia» i rozszerzenie JPG, a folder nazwaliśmy «Zdjęcia», a następnie zapis kodu HTML będzie wyglądać tak: (ciała tle = "images / picture.jpg") ... (/ korpus),Druga metoda polega nagrywania
- CSS stylizacji, ale jest napisana w tym samym pliku o nazwie index.htm.(ciało style = "background: url (" ../ images / picture.jpg ")").
- i trzeci sposób zapisu jest w dwóch plikach.Dokument z tagiem nazwę index.htm (głowa) jest napisane taką linię: (głowy) (link rel = "stylesheet" type = "text / css" href = "Put_k CSS_faylu") (/ głowy).Plik o nazwie style.css stylu już napisać: body {background: url (images / picture.jpg ')}.
Jak do HTML, aby obraz tła, dyskutowaliśmy.Teraz musisz dowiedzieć się, jak rozciągnąć obraz na całej szerokości całego ekranu.Metody
rozstępom tapetę na szerokości okna
wyobrazić nasz ekran w postaci procentowego.Okazuje się, że na całej długości i szerokości ekranu będzie w 100% x 100%.Musimy rozciągnąć obraz do tej szerokości.Dodaj do rejestrowania obrazów w linii pliku style.css, które rozciągnąć obraz na całej szerokości i długości monitora.Jak jest napisane w stylu CSS?To proste!
ciała
{
background: url (images / picture.jpg ")
background-size: 100%;/ * Ten post jest odpowiedni dla większości nowoczesnych przeglądarek * /
}
więc zorientowali się, jak sprawić, że tło obrazu do html na ekranie.Jest to metoda zapisu w index.htm pliku.Mimo tej metody i przestarzałe, ale dla początkujących jest to niezbędne, aby poznać i zrozumieć.Tag (głowa) (styl) div {background-size: cover;} (/ Style) (/ głowę), to oznacza, że rekord przydziela specjalnego urządzenia do tła, który jest umieszczony na całej szerokości okna.Rozważaliśmy dwa sposoby, aby w miejscu tła obrazu html, obraz jest rozciągnięty na całą szerokość ekranu w każdym z nowoczesnych przeglądarek.
Jak zrobić stałe tło
Jeśli zdecydujesz się użyć obrazka jako tła przyszłości zasobu sieciowego, a następnie po prostu trzeba wiedzieć, jak sprawić, by to naprawić, tak, że nie rozciąga się długość i nie psują estetyki.Po prostu za pomocą kodu HTML, aby zarejestrować mały dodatek.Musisz style.css plik, aby dodać jedno zdanie po background: url (images / picture.jpg ") stały;lub zamiast dodany po średnik osobnej linii - position: fixed.Tak więc, tapeta zostanie ustalona.Podczas przewijania zawartości witryny, zobaczysz, że linie tekstu są w ruchu, ale w tle pozostaje w miejscu.Więc nauczyłem się, jak html, aby obraz tła, na kilka sposobów.
pracy z tabel w HTML
Wielu niedoświadczonych twórców stron internetowych, do czynienia z tabel i jednostek często nie rozumieją, jak html, aby obraz tła tabeli.Podobnie jak wszystkie style zespoły HTML i CSS, język programowania WWW jest bardzo proste.A rozwiązanie tego problemu jest napisanie kilku linijek kodu.Już powinieneś wiedzieć, że pisanie tabeli wierszy i kolumn, odpowiednio, na co wskazują znaczniki (TR) i (TD).Aby tło tabeli w postaci obrazów, konieczne jest dodanie do znacznika (tabela), (TR) lub (TD) w prostym zdaniu, w odniesieniu do obrazu: tle = URL obrazu.Dla jasności, dajemy kilka przykładów.Stoły
z obrazu tła zamiast: przykłady HTML
narysować tabelę 2x3 i sprawiają, że obraz tła przechowywane w folderze "Obrazy": (tabela tle = "images / picture.jpg") (tr) (TD)1 (/ td) (td) 2 (/ td) (td) 3) (/ td) (/ tr) (tr) (td) 4 (/ td) (td) 5 (/ td) (td) 6 (/ td) (/ tr) (/ tabela).Więc nasza tabela zostanie sporządzony w tle obrazu.
Teraz wyciągnąć takie same rozmiary 2x3 płyty, ale wstawić obraz w szeregu kolumny 1, 4, 5 i 6. (tabela) (TR) (TD tle = "images / picture.jpg") 1 (/ td)(td) 2 (/ td) (td) 3 (/ td) (/ tr) (tr) (td background = "images / picture.jpg") 4 (/ td) (td background = "images / picture.jpg") 5 (/ td) (td background =" images / picture.jpg ") 6 (/ TD) (/ tr) (/ tabela).Po obejrzeniu widać, że w tle pojawia się tylko w tych komórkach, w których mamy zarejestrowanych, ale nie całą tabelę.
stronie Trasy przeglądarka
Istnieje coś takiego jak cross-browser zgodności internetowej zasobu.Oznacza to, że strony witryny będzie równie dobrze wyświetlane w różnych rodzajach i wersjach przeglądarek.Powinno być Kod HTML i CSS, aby dostosować styl wymagany przez przeglądarki.Co więcej, w epoce nowożytnej inteligentnych telefonów, wiele developerzy próbują tworzyć witryny, które są przystosowane i mobilną wersję komputera i wygląd.
