język html
Transkrypt
język html
STRUKTURA DOKUMENTU <HTML> - początek struktury <HEAD> - początek nagłówka <TITLE> </TITLE> - temat strony </HEAD> - koniec nagłówka <BODY> - początek zawartości strony </BODY> - koniec zawartości strony </HTML> - koniec struktury system kodowania znaków <META content=“text/html; charset=iso-8859-2” http-equiv=”Contenttype”> - kodowanie w ISO-8859-2 (niezbędne do wyświetlania polskich liter w przeglądarce). TŁO <BODY BGCOLOR= „red”>- kolor tła czerwony <BODY background = „samochod.jpg”> zastosowanie obrazu (zdjęcia) jako tła FORMATOWANIE TEKSTU <P>.......</P> - akapit <BR> - określa koniec wiersza, występuje pojedynczo, zaczyna nowy wiersz <H1>…</H1>,<H2>…</H2>,…………,<H6>…</H6> -określają wielkość nagłówka a) krój czcionki <FONT FACE = „ARIAL”>treść</FONT> b) wielkość czcionki <FONT SIZE=”xx”>…………</FONT> np. od 1 do 7 c) kolor czcionki <FONT COLOR=”nazwa_koloru”>…….</FONT> np. Green <FONT FACE = „ARIAL” SIZE=”1” COLOR= ”yellow”.>treść.</FONT> - określa krój czcionki, rozmiar i kolor dla wybranego fragmentu tekstu d) styl czcionki <B>……….</B> -pogrubienie <I>…………</I> -pochylenie <U>……….</U> -podkreślenie <S>…………</S> -przekreślenie <CODE>…………</CODE> -stała szerokość czcionki <BIG>…………</BIG> -powiększa <SMALL>…………</SMALL> -zmniejsza <BLINK>......</BLINK> -tekst miga <SUP>......</SUP> -indeks górny <SUB>......</SUB> indeks dolny <BLOCKQUOTE>.....</BLOCKQUOTE> -pokazuje tekst w cytatach e) wyrównywanie tekstu <Hx ALIGN=CENTER>…</Hx> -umieści na środku < P ALIGN=RIGHT >…</P> -wyrówna tekst do prawego marginesu < P ALIGN=LEFT>…</P > - wyrówna tekst do lewego marginesu < P ALIGN=JUSTIFY>…</P > - tekst wyjustowany TWORZENIE LISTY <OL>.....</OL> -lista uporządkowana (numerowana) np. <OL type =„A”> , <OL type =„1”> <UL>.....</UL> -lista nieuporządkowana (wypunktowana) np. <UL type =„square”> inne typy circle, disc> <LI> - poszczególne elementy listy rozpoczynają się tym znacznikiem ANIMACJA MARQUEE dla tekstu <MARQUEE>treść</MARQUEE> -przewija tekst w kierunku poziomym a) <MARQUEE behavior = „typ”>treść</MARQUEE> typy: scroll (od prawej do lewej), alternate (odbija sie), slide (raz i zatrzymuje się) b) <MARQUEE direction =”kierunek”>treść</MARQUEE> kierunki: left, right, up, down c) <MARQUEE bgcolor =”kolor”>treść</MARQUEE> - kolor tła na jakim sie przesuwa d) <MARQUEE width = “x” height=”y”>treść</MARQUEE> lub <MARQUEE width = “x%” height=”y%”>treść</MARQUEE> - rozmiar na ekranie Parametry i określenia przedstawione powyżej można łączyć LINIA POZIOMA <HR> - linia pozioma <HR width = “300” size = „5” color = „blue”> linia o długości 300, grubości 5 pikseli i kolorze niebieskim ODSYŁACZE <A HREF =”adres strony lub nazwa pliku”> tekst </A> - wykorzystaniem opisu słownego <A HREF =”adres strony lub nazwa pliku”> <IMG SRC =”rysunek1.gif”> </A>- z wykorzystaniem grafiki WSTAWIANIE GRAFIKI <IMG SRC =”rysunek1.jpg”> border =”0”- brak ramki dookoła rysunku <IMG SRC =”rysunek1.jpg” width = “x” height=”y”> - zmiana rozmiarów grafiki <IMG SRC =”rysunek1.jpg” width = “x” height=”y”alt = “tekst objaśnienia”> - wprowadzenie objaśnienia do prezentowanej grafiki <A HREF =”adres strony lub nazwa pliku” target= „newwindows”> <IMG SRC =”rysunek1.gif” width = “x” height=”y”> </A> - obrazek jako przycisk uruchamiajacy powiększenie tego samego obrazka na dodatkowej stronie WWW wzajemne położenie tekstu i obrazu <IMG SRC =”rysunek1.jpg” align =”top”> inne to middle (środek) lub bottom (dół) wyrównywanie grafiki <P ALIGN=CENTER><IMG SRC =”rysunek1.jpg”></P> -umieści na środku < P ALIGN=RIGHT ><IMG SRC =”rysunek1.jpg”></P> -wyrówna do prawego marginesu < P ALIGN=LEFT><IMG SRC =”rysunek1.jpg”></P > - wyrówna do lewego marginesu ANIMACJA MARQUEE dla grafiki <MARQUEE><IMG SRC =”rysunek1.jpg”></MARQUEE> -przewija tekst w kierunku poziomym a) <MARQUEE behavior = „typ”> <IMG SRC =”rysunek1.jpg”></MARQUEE> typy: scroll (od prawej do lewej), alternate (odbija sie), slide (raz i zatrzymuje się) b) <MARQUEE direction =”kierunek”> <IMG SRC =”rysunek1.jpg”></MARQUEE> kierunki: left, right, up, down c) <MARQUEE bgcolor =”kolor”> <IMG SRC =”rysunek1.jpg”></MARQUEE> - kolor tła na jakim sie przesuwa d) <MARQUEE width = “x” height=”y”> <IMG SRC =”rysunek1.jpg”></MARQUEE> lub <MARQUEE width = “x%” height=”y%”><IMG SRC =”rysunek1.jpg”></MARQUEE> - rozmiar na ekranie Parametry i określenia przedstawione powyżej można łączyć