Witamy! Jeżeli nie uważałeś zbytnio na informatyce, a zbliża się sprawdzian z HTML, to trafiłeś idealnie. Tu właśnie są podstawowe informacje o tym języku. Powodzenia w tworzeniu własnych stron!

W dziale "szblony" znajdują się linki, do ciekawych stron z szablonami. Możesz z nich bezpłatnie pobrać szablony stron www.

W dziale "skrypty" znajdują się linki, do ciekawych stron ze skryptami. Możesz z nich bezpłatnie pobrać ciekawe elementy na swoją stronkę.

Maciej i Kamil

Podstawy kursu HTML:

Czcionka:

Czcionka pogrubiona <B> </B>

Czcionka pochylona <I> </I>

Czcionka migająca <BLINK> </BLINK>

Czcionka podkreślon <U> </U>

Czcionka przekreślona <STRIKE> </STRIKE>

Superskrypt (indeks górny) <SUP> </SUP>

Subskrypt (indeks dolny) <SUB> </SUB>

Duża czcionka (+1 punkt) <BIG> </BIG>

Mała czcionka (-1 punkt) <SMALL> </SMALL>

Czcionka mocno wyróżniona <STRONG> </STRONG>

Kod (tekst programu) <CODE> </CODE>

Kolory czcionki:

Dowolnemu fragmentowi tekstu można nadać kolor, obejmując go znacznikami koloru. Przykładowa składnia, z użyciem starego znacznika FONT. (nazwa koloru musi być po angielsku np.: dla niebieskiego stosujemy "blue")

<FONT COLOR="nazwa_koloru"></FONT>

Wielkość czcionki:

Czcionka może mieć wielkość zależną od osoby redagującej dokument HTML. Używając starego znacznika FONT SIZE. (wielkość zazwyczaj w punktach tj. np.: 16pt)

<FONT SIZE="xx"></FONT>.

Zmiana kroju czcionki:

Jeszcze jedną możliwość urozmaicenia dokumentu daje polecenie. Pozwala ono zmienić krój czcionki dla danego dokumentu. <FONT FACE="nazwa_kroju"> </FONT>.

Wyśrodkowanie, od prawej i od lewej

<P ALIGN=”center lub right lub left”></P>

Odsyłacze, czyli linki:

Odsyłaczem jest konstrukcja, która wskazuje pewne miejsce w Internecie i pozwala skoczyć do niego za pomocą kliknięcia na niej myszką. Jej budowę można obrazowo przedstawić w postaci. (Link do stron, musi się zaczynać od http://)

<A HREF="miejsce_docelowe">Tekst, na którym należy kliknąć</A>

E-mail np.: <A HREF="mailto:jan@vp.pl">e-mail do jana</A>

Strona www np.: <A HREF="http://www.onet.pl ">onet.pl</A>

 Grafika:

Wklejanie obrazka

<IMG SRC=”obrazek.jpg”>

Wysokość i  szerkość definiyjeny znacznikami <HIGHT> i <WIDTH>

 Animacja marquee (bardzo fajny efekt):

Efektownym elementem graficznym, akceptowanym przez Internet Explorer, a wprowadzonym przez Microsoft w ramach tzw. Microsoft Extensions, jest animacja marquee. Jest to "pływający" w poprzek ekranu napis.

<MARQUEE></MARQUEE>

 Tabele, czyli jednen z najważniejszych elenentów HTML:

<TABLE>

 <TR> <TD> </TD><TD> </TD><TD> </TD></TR>

 <TR> <TD> </TD><TD> </TD><TD> </TD></TR>

</TABLE>

<TABLE></TABLE>- po miedzy tymi znacznikami umieszczamy definicje rzędów, definicje komórek w rzędach.

<TR></TR>- definicje rzędów

<TD> </TD>- definicje komórek

 Obramowanie tabeli:

Aby tabela zawierała naokoło obramowanie, wystarczy rozszerzyć definicję o parametr BORDER. Jeśli nie podamy szerokości obramowania, przyjmowana jest jej domyślna wartość.

<TABLE BORDER> </TABLE>

 Obramowanie komórek:

<TABLE BORDER CELLSPACING=”8”> </TABLE>

 Szerokość i wysokość tabeli:

<TABLE BORDER WIDTH=”600” HIGHT=”400”> </TABLE>

 Wyrównanie tabeli:

<TABLE BORDER ALIGN=”right”> </TABLE>

 Poziome wyrównanie danych w komórkach:

<TD ALIGN=”center”></TD>

<TD ALIGN=”left”> </TD>

<TD ALIGN=”right”> </TD>.

 Pionowe wyrównanie danych w komórkach:

<TD VALIGN=”top”> </TD>

<TD VALIGN=”middle”> </TD>

<TD VALIGN=”bottom”> </TD>.

 Kolor tła tabeli:

<TABLE BORDER HEIGHT=200 BGCOLOR=”yellow”>

 <TABLE BACKGROUND="nazwa_obrazka">

 Kolor obramowania tabeli:

<TABLE  BORDER=5  BORDERCOLOR=”red”>

 Odcień obramowania tabeli:

<TABLE BORDER=5 BORDERCOLORDARK=”black” BORDERCOLORLIGHT=”white”>