HTML cz.3 Tabele cd. oraz ramki

HTML cz.3Tabele cd. oraz ramki

Marcin Blachnik

Tabele przypomnienie

Atrybut Wartość Opis

align LeftCenterright

Położenie tabeli

bgcolor rgb(x,x,x)#xxxxxxcolorname

Tło tabeli

border pixels Grubość obramowania tabeli (border=„0” brak obramowania)

cellpadding

pixels%

Specifies the space between the cell walls and contents

cellspacing pixels%

Specifies the space between cells

width %pixels

Szerokość tabeli

<table> </table>

Tabele przypomnienie

<td> </td> - nowa kolumna

<tr> </tr> - nowy wiersz Przykład:

Żródło Wynik

<table border = "1"> <tr> <td>Cell A1</td> <td>Cell B1</td> </tr> <tr> <td>Cell A2</td> <td>Cell B2</td> </tr></table>

Cell A1 Cell B1

Cell A2 Cell B2

Scalanie komórek

Parametry

- colspan –

scalanie komórek w poziomie

- rowspan –

scalanie komórek w pionie

Przykład:

<table border = "1"> <tr> <td colspan=2> Cell A1 Cell B1</td> <td>Cell C1</td> </tr> <tr> <td>Cell A2</td> <td>Cell B2</td> <td rowspan=2> Cell C2 Cell C3</td> </tr> <tr> <td>Cell A3</td> <td>Cell B3</td> </tr></table>

Cell A1 Cell B1 Cell C1

Cell A2 Cell B2 Cell C2

Cell C3Cell A3 Cell B3

Ramki podstawy

Ramki pozwalają na podział okna przeglądarki, tak by móc w nim wyświetlić jednocześnie kilka niezależnych stron (pojedynczych plików html)

Ramki tworzy się w osobnym pliku, definiując sposób podziału okna na ramki. Powoduje to brak sekcji <body> </body>

W przypadku pliku definicji ramek mamy jedynie <html>

<head> </head>Tu definiujemy ramki

</html>

Znacznik <frameset>

Znacznik <frameset> używany jest do definicji podziału na ramki – określa parametry oraz liczbę ramek.

Atrybut Wartość Opis

cols pixels%*

Definiuje liczbę i rozmiar kolumn

rows pixels%*

Definuje liczbę i rozmiar wierszy

Znacznik <frame>

Określa parametry pojedynczej ramki:

Atrybut Wartość opis

frameborder 01

Określa czy wyświetlać granice wokół ramek

longdesc URL A URL to a long description of the frame contents. Use it for browsers that do not support frames

marginheight pixels Definiuje góry i dolny margines ramki

marginwidth pixels Definiuje lewy i prawy margines ramki

name name Definiuje nazwę ramki

noresize noresize Blokuje możliwość zmiany rozmiaru ramki

scrolling yesnoAuto

Definiuje czy mają być wyświetlane paski przewijania

src URL Określa adres URL strony wyświetlanej w ramce

Przykład użycia ramek

<html> <head> <title>Strona z ramkami</title> </head> <frameset cols="150,*"> <frame name="lewa" scrolling="no" noresize src="1.htm"> <frameset rows="20%,*"> <frame name="prawagórna" src="2.htm"> <frame name="prawadolna" marginwidth="0" scrolling="auto" src="3.htm"> </frameset> <noframes> <body> <p>Ta strona używa ramek, ale ta przeglądarka nie obsługuje ich.</p> </body> </noframes> </frameset></html>

parametr <a target=„?”>

_blank – otwarcie linku w nowym oknie _self – otwarcie linku w tej samej ramce w

której został kliknięty _parent – otwarcie linku w ramce rodzica ->

poziom wyżej _top - link będzie otwarty w tym samym oknie „nazwa” – nazwa ramki w której ostrona

będzie otwarta

Koniec

cz.3 Tabele i ramki

HTML cz.3 Tabele cd. oraz ramki

Documents

Transcript of HTML cz.3 Tabele cd. oraz ramki