Ramki w HTML

background image

Ramki w HTML

Paweł Dawidowicz

background image

Co to jest ramka?

Stosowanie ramek podczas tworzenia stron WWW jest kontrowersyjne -

jedni chętnie z nich korzystają, inni odradzają ich stosowanie. Ja osobiście

należę do tej drugiej grupy. Owszem, większość dzisiejszych przeglądarek

poradzi sobie z nimi bez problemów, więc to nie one tutaj stanowią

problem. Prawdziwym problemem są tutaj wyszukiwarki WWW. Część z

nich wogóle nie potrafi poradzić sobie z ramkami, inne zaś w lepszy czy

gorszy sposób są w stanie je obsłużyć. Jeżeli więc strona ostatecznie

zostanie zindeksowana przez wyszukiwarkę, to i tak nie będzie to dobrze

zrobione - wyszukiwarka widzi stronę z ramkami jako zbiór kilku osobnych

stron HTML, i w wynikach wyszukiwania one będą się zazwyczaj pojawiać.

background image

Przekład strony z ramkami - kolumny

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Strona z ramkami</title>
</head>
<frameset cols="25%,*">
<frame src="ramka1.html">
<frame src="ramka2.html">
<noframes>
<body>
Wersja strony dla przeglądarek nie obsługujących ramek
</body>
</noframes>
</frameset>
</html>

background image

Przekład strony z ramkami - wiersze

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Strona z ramkami</title>
</head>
<frameset rows="100,*">
<frame src="ramka1.html">
<frame src="ramka2.html">
<noframes>
<body>
Wersja strony dla przeglądarek nie obsługujących ramek
</body>
</noframes>
</frameset>
</html>

background image

Zagnieżdżanie ramek

background image

Dodatkowe atrybuty ramek - scrolling

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Strona z ramkami</title>
</head>
<frameset cols="33%,33%,*">
<frame src="ramka6.html" scrolling="yes">
<frame src="ramka6.html" scrolling="no">
<frame src="ramka6.html" scrolling="auto">
<noframes>
<body>
Wersja strony dla przeglądarek nie obsługujących ramek
</body>
</noframes>
</frameset>
</html>

background image

Dodatkowe atrybuty ramek - noresize

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd\">
<html>
<head>
<title>Strona z ramkami</title>
</head>
<frameset cols="25%,*">
<frame src="ramka1.html" noresize>
<frame src="ramka2.html" noresize>
<noframes>
<body>
Wersja strony dla przeglądarek nie obsługujących ramek
</body>
</noframes>
</frameset>
</html>

background image

Dodatkowe atrybuty ramek -

frameborder

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Strona z ramkami</title>
</head>
<frameset cols="25%,*">
<frame src="ramka1.html" frameborder="0">
<frame src="ramka2.html" frameborder="0">
<noframes>
<body>
Wersja strony dla przeglądarek nie obsługujących ramek
</body>
</noframes>
</frameset>
</html>

background image

Dodatkowe atrybuty ramek - marginwidth

i marginheight

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Strona z ramkami</title>
</head>
<frameset cols="25%,*">
<frame src="ramka1.html" marginwidth="10" marginheight="50">
<frame src="ramka2.html" marginwidth="50" marginheight="10">
<noframes>
<body>
Wersja strony dla przeglądarek nie obsługujących ramek
</body>
</noframes>
</frameset>
</html>

background image

Dodatkowe atrybuty ramek - name

background image

Dodatkowe atrybuty

Dla atrybutu target można przypisać także kilka specjalnych wartości:

_blank - strona zostanie otwarta w nowym oknie przeglądarki.
_top - strona zostanie otwarta bezpośrednio w oknie przeglądarki

(bieżąca struktura ramek zostanie usunięta).
_parent - strona zostanie otwarta w ramce która jest ramką

nadrzędną dla bieżącej ramki.
_self - strona zostanie otwarta bieżącej ramce (wartość domyślna).


Document Outline


Wyszukiwarka

Podobne podstrony:
ABC JĘZYKA HTML - Rozdział 8. - Ramki i układy ramek, ► Szkoła, HTML
język HTML tabele i ramki (19 str)
M Sokół ABC języka HTML Rozdział VIII Ramki i układy ramek
HTML
kurs html rozdział II
105 - Kod ramki, RAMKI NA CHOMIKA, Miłego dnia
54 - Kod ramki, RAMKI NA CHOMIKA, Gotowe kody do małych ramek
140 - Kod ramki
Magistrala CAN i zamrożone ramki, Diagnostyka dokumety
Ramka(115), MOJE RAMKI GOTOWE ZBIERANA Z INNYCH CHOMICZKOW
28 - Kod ramki(1), RAMKI NA CHOMIKA, Gotowe kody do średnich ramek
17 - Kod ramki, ❀KODY RAMEK I INNE, Ramki
179 - Kod ramki - szablon
265 - Kod ramki - szablon, ◕ ramki z kodami
504 - Kod ramki - szablon, RAMKI KOLOROWE DO WPISÓW

więcej podobnych podstron