Elementy graficzne <HR> linia pozioma

Prezentacja na temat: "Elementy graficzne <HR> linia pozioma"— Zapis prezentacji:

1 Elementy graficzne <HR> linia pozioma
<HR NOSHADE> bez cieniowania <HR SIZE="y"> y – grubość w pikselach <HR WIDTH="x"> lub <HR WIDTH="x%"> szerokość <HR COLOR="kolor"> kolor linii <HR ALIGN="center"> ustawienie linii <FIELDSET>...</FIELDSET> obramowanie tekstu

2 Kolory "RGB(0,255,0) " "#426B9C" black (czarny) white (biały) silver
(srebrny) gray (szary) maroon (kasztanowy) red (czerwony) purple (purpurowy) fuchsia (fuksja) green (zielony) lime (limonowy) olive (oliwkowy) yellow (żółty) navy (granatowy) blue (niebieski) teal (zielonomodry) aqua (akwamaryna) "RGB(0,255,0) " "#426B9C"

3 Linki <A HREF="względna ścieżka dostępu">opis</A>
<A HREF="plik.pdf">opis</A> <A TARGET="_blank" HREF="adres">opis</A> nowe okno <A HREF="1.html" TITLE="Do strony głównej">Opis</A> dymek <A HREF="#nazwa etykiety">opis odsyłacza</A> (...) <A NAME="nazwa etykiety">(opis etykiety)</A> do etykiety <A HREF=" strony">opis</A> do strony <A HREF="mailto:adres ">opis</A> do poczty

4 Multimedia <IMG SRC="ścieżka dostępu">
<IMG SRC="ścieżka dostępu" WIDTH="x" HEIGHT="y"> <IMG SRC="ścieżka dostępu" BORDER="x"> oramowanie <IMG SRC="ścieżka dostępu" ALT="Tu wpisz informację"> dymek <IMG DYNSRC="ścieżka dostępu do pliku *.avi" START="sposób"> <BGSOUND SRC="ścieżka dostępu do pliku dźwiękowego"> <MARQUEE>Tu wpisz tekst</MARQUEE> animacje <MARQUEE BEHAVIOR="typ">Tu wpisz tekst</MARQUEE BEHAVIOR = scrol DIRECTION = left alternate right slide up down SCROLLAMOUNT szybkość przesuwania

5 Tabele Struktura tabeli
<TABLE> <TR>      <TD>...</TD>     <TD>...</TD> </TR> <TR>      <TD>...</TD>     <TD>...</TD> </TR> </TABLE> <TABLE>...</TABLE> znacznik tabeli <TR>...</TR> znacznik wiersza <TD>...</TD> znacznikiem komórki

6 Tabele <TABLE WIDTH="x" HEIGHT="y">...</TABLE> rozmiary
<TABLE BORDER="x">...</TABLE> obramowanie <TR ALIGN="rodzaj" VALIGN="ustawienie">...</TR> wewnątrz <TD BGCOLOR="kolor">...</TD> <TD BACKGROUND="ścieżka dostępu">...</TD> <TABLE BORDERCOLOR="kolor">...</TABLE>

7 Przykład <TABLE BORDER="5" BORDERCOLOR= "yellow" > <TR>
<TD BGCOLOR="red"><H1>komórka1</H1></TD> <TD BGCOLOR="#426B9C"><H1>komórka2<H1></TD> </TR> <TD BGCOLOR="#00FF00"><H1>komórka3</H1></TD > <TD><H1>komórka4<H1></TD> </TABLE>

8 Tabele Łączenie komórek Pion Poziom
<TABLE> <TR>      <TD ROWSPAN="y">...</TD> </TR> </TABLE> Pion <TABLE> <TR>      <TD COLSPAN="x">...</TD> </TR> </TABLE> Poziom x, y - oznaczają liczbę komórek do połączenia

9 Ramki <FRAMESET COLS="180,*" FRAMEBORDER="0" FRAMESPACING="0">   <FRAME NAME="spis" FRAMEBORDER="0" SRC="spis.html">   <FRAME NAME="strona" FRAMEBORDER="0" SRC="home.html">   <NOFRAMES><A HREF="spis.html">Spis treści</A></NOFRAMES> </FRAMESET> <FRAMESET>...</FRAMESET> znaczniki ramek za </HEAD> <FRAMESET COLS="x1,x2,...">...</FRAMESET> pion <FRAMESET ROWS="y1%,y2%,...">...</FRAMESET> poziom <FRAMESET BORDERCOLOR="kolor">...</FRAMESET> kolor ramki <FRAMESET BORDER="x">...</FRAMESET> szerokość obramowania <FRAME SCROLLING="typ"> przewijanie ramki <IFRAME SRC="ścieżka" WIDTH="x" HEIGHT="y">...</IFRAME> Ramka lokalna (pływająca)

10 Przykład <frameset rows="150,*">
<frame name="gorna" scrolling="no" src="gora.html"> <frameset cols="30%,*"> <frame bordercolor="red" scrolling="no" name="lewa„ src="lewa.html"> <frame name="lewa" scrolling="no"src="prawa.html"> </frameset>