Hypertext Markup Language (HTML) zapewnia możliwość podzielenia strony na kilka okien - "ramek". Każda z ramek może mieć własne źródło internetowe do wyświetlenia. Ten mechanizm może służyć do wstawiania stron z innych witryn do stron z Twojej witryny.
Czy to jest to konieczne
Edytor tekstu Notatnik
Instrukcje
Krok 1
Kod HTML strony to zestaw instrukcji dla przeglądarki mówiących, gdzie na stronie powinien być wyświetlany każdy z jej elementów i jak powinien wyglądać. Instrukcje te są nazywane „tagami” i aby utworzyć stronę zawierającą jeden lub więcej innych, musisz napisać odpowiedni zestaw tagów. Zaczynamy od tagów, które tworzą kontener dla wszystkich ramek na stronie:
Są to znaczniki otwierające i zamykające kontenera - znaczniki tworzące ramki będą musiały być umieszczone między nimi. W języku HTML znaczniki posiadają „atrybuty” – zawierają dodatkowe informacje o właściwościach elementu strony, których wyświetlanie określa ten znacznik. W otwierającym tagu kontenera musisz określić atrybut, który zawiera informacje o tym, jak przeglądarka powinna dzielić przestrzeń strony między swoje ramki:
Atrybut „cols” w tym przykładzie kodu określa, że strona powinna zostać podzielona w pionie na dwie ramki, przy czym lewa zajmuje 20% szerokości okna, a prawa 80%. Jeśli zamiast atrybutu „cols” podasz atrybut „rows”, strona zostanie podzielona poziomo:
Zamiast liczby możesz wpisać gwiazdkę (*):
Będzie to oznaczało, że druga ramka otrzyma całą pozostałą przestrzeń. Rozmiary ramek można określić nie w procentach, ale w jednostkach miary najczęściej używanych w układzie strony - w "pikselach":
Krok 2
Znacznik HTML samej ramki, który należy umieścić w kontenerze, jest zapisany w następujący sposób: Atrybut „src” znacznika „frame” zawiera adres strony internetowej, którą przeglądarka powinna załadować do tej ramki. Adres zapisany w ten sposób nazywany jest "absolutnym" - zaczyna się od protokołu https://. Ale jeśli jest to strona Twojej własnej witryny i znajduje się w tym samym (lub podfolderze) folderze, nie musisz określać adresu bezwzględnego, wystarczy tylko nazwa pliku i ścieżka do podfolderu. Taki adres będzie nazywany "względnym": - Krawędzie między ramkami na stronie domyślnie można przesuwać za pomocą myszy. Ta funkcja jest wyłączona przez atrybut noresize: - Istnieją dwa atrybuty, które określają rozmiar marginesów między ramkami - marginheight ustawia margines pionowy (górny i dolny) oraz szerokość marginesu - poziomo (prawy i lewy): - Korzystanie z innego atrybutu - "scrolling" - możesz poinformować przeglądarkę o regułach pasków przewijania ramki: Wartość "auto" określa, że paski przewijania powinny pojawiać się w razie potrzeby, to znaczy, gdy treść nie mieści się w ramce. Jeśli ustawisz wartość "tak", to ta ramka zawsze będzie miała paski przewijania, a wartość "nie" przeciwnie, uniemożliwi wyświetlanie pasków przewijania - Jeśli strony zawarte w kontenerze współpracują z dowolnymi skryptami JavaScript, które wykonać operacje na sąsiednich ramkach, może być konieczne rozróżnienie ramek według nazwy. Atrybut zawierający nazwę ramki nazywa się name:
Krok 3
Te definicje HTML wystarczą do stworzenia prostej strony z kilku stron z innych witryn. Aby to zrobić, potrzebujesz dowolnego edytora tekstu, na przykład standardowego Notatnika. W nim utwórz nowy dokument i napisz te tagi html:
Następnie zapisz ten kod z rozszerzeniem htm lub html - na przykład test.html. Wszystko gotowe, jeśli otworzysz ten dokument w przeglądarce, wynik będzie wyglądał tak:
Krok 4
Istnieje inny rodzaj ramy - "pływająca". Może znajdować się wewnątrz zwykłej strony, bez podziału na ramki. Taka ramka posiada dodatkowe atrybuty szerokości i wysokości, które określają jej wymiary. Kod tego tagu może wyglądać tak:
