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ć

Podobne dokumenty