HTML-kurs :P

Wysłany: Pon 16:12, 27 Mar 2006

No to są najbardziej podstawowe podstawy wspaniałego języka jakim jest HTML. Zamieściłem to tutaj, bo może się komuś przyda Razz

<HTML>

<HEAD>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-2"> (dzieki temu tagowi będziemy mieć polskie znaki)

<TITLE>Tytuł strony</TITLE>

</HEAD>

<BODY>

właściwa treść (ciało) dokumentu

</BODY>

</HTML>

bez tego stronki nie będzie, jest to szkielet który każda stronka posiadac musi

<BODY BGCOLOR="kolor"> kolor tła

<Hn> tytuł, nagłówek, gdzie n to liczba od 1 do 6

<P>akapit

<BR>przenosi tekst o jeden wiersz w dół, choć nie wprowadza dodatkowej interlinii.

Aby utworzyć szkielet wykazu wypunktowanego, należy użyć polecenia <UL> </UL> W ramach szkieletu znajdą się poszczególne punkty wykazu, które wprowadzamy za pomocą polecenia <LI> lub <OL>
<LI> punkty
<OL> liczby

<B>To jest tekst pogrubiony (bold)
<I>To jest tekst pochylony (italic, kursywa)
<U>To jest tekst podkreślony (underlined)

<A HREF="adres.strony.internetowej lub dokumentu">Jakaś nazwa tej strony</A> to jest hiperłącze

<FONT SIZE="x">Tekst objęty definicją</FONT>
x = 1...7 wielkosć czcionki

<FONT COLOR="kolor">Tekst objęty poleceniem</FONT> kolor czcionki

<IMG SRC="nazwa_pliku"> grafika pozwala wklejac na stronke obrazki

Wysłany: Pon 16:21, 27 Mar 2006

Teraz trochę więcej niż podstawy:

Wieej o <BODY>

<BODY BACKGROUND="URL albo ścieżka/nazwa_pliku.gif"> ten obrazek który wpiszemy w tagu wyświetli się nam jako tło dokumentu

<BODY BGCOLOR="kolor"> jak już pisałem kolor tła

<BODY TEXT="kolor"> kolor tekstu

<BODY LINK="kolor1" VLINK="kolor2" ALINK="kolor3"> kolory odsyłaczy (hiperłączy) VLINK w czasie wczytywania ALINK raz użyty

<BODY LEFTMARGIN="xx"> lewy margines strony Pozwala przesunąć dokument o xx pikseli w prawo

<BODY TOPMARGIN="xx">pozwala przesunąć dokument o yy pikseli w dół

Wysłany: Pon 16:32, 27 Mar 2006

<P> </P> ten tag pozwala stworzyć akapit

<P ALIGN=LEFT> </P> akapit do lewej

<P ALIGN=RIGHT> </P> akapit do prawej

<P ALIGN=CENTER> </P> akapit do środka

<HR> tworzy poziomą linie w dokumencie

<CENTER> </CENTER> wycentrowanie

Wykaz nieuporządkowany - służy do sporządzenia wykazu nienumerowanego

<UL>

<LI>Pierwszy punkt

<LI>Drugi punkt

<LI>Trzeci punkt

</UL>

Przykład:

* Pierwszy punkt
* Drugi punkt
* Trzeci punkt

<UL TYPE=disc> definiuje jak wygląda "kropka" w tym wypadku jest to taki przekręcony kwadrat
<UL TYPE=circle> puste kółeczko
<UL TYPE=square> kwadrat

Wykaz uporządkowany - służy do sporządzenia wykazu numerowanego

<OL>

<LI>Pierwszy punkt

<LI>Drugi punkt

<LI>Trzeci punkt

</OL>

Parametr TYPE=n pozwala określić typ numerowania listy

<OL TYPE=A> numerowanie według wielkich liter

<OL TYPE=a> numerowanie według małych liter

<OL TYPE=I> numerowanie według wielkich liczebników rzymskich

<OL TYPE=i> numerowanie według małych liczebników rzymskich

<OL TYPE=1> numerowanie według liczebników arabskich

Wysłany: Pon 16:37, 27 Mar 2006

Trochę o grafice:

<IMG SRC="plik_graficzny"> aby wstawić grafikę do dokumentu

Wielkość obrazka możemy regulować za pomocą parametrów HEIGHT (wysokość) i WIDTH (szerokość)

<IMG SRC="radziu.jpg" HEIGHT=xxx> wysokość
<IMG SRC="radziu.gif" WIDTH=xxx> szerokość

Parametr BORDER=x pozwala wyświetlić wokół obrazka ramkę o grubości równej x pikseli:

<IMG SRC="radziu.jpg" WIDTH=xxx HEIGHT=xxx BORDER=x>

Wysłany: Pon 16:42, 27 Mar 2006

Tabele:

Ogólne ramy tabeli

<TABLE> </TABLE>

Wiersz tabeli

<TR> </TR>

Wiersz tabeli jest jej konkretyzacją, a sam tworzy ramy dla komórek z danymi. W ramach <TABLE> </TABLE> można umieścić wiele kolejnych definicji wierszy <TR> </TR>, dla przykładu:

<TABLE>

<TR> </TR>

<TR> </TR>

<TR> </TR>

</TABLE>

Komórka w wierszu

<TD> </TD>

Komórka zawiera konkretne dane. Między jej znacznikami można umieszczać tekst i grafikę. Konkretne komórki są umieszczane między znacznikami wybranego rzędu, na przykład:

<TABLE>

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

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

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

</TABLE>

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>

Gdybyśmy podali szerokość obramowania w pikselach, zostanie ona odpowiednio zinterpretowana przez przeglądarkę, na przykład:

<TABLE BORDER=10> </TABLE>

Wysłany: Pon 16:53, 27 Mar 2006

Co do styli to sam zbytnio nie wiem za dużo. muszę się przyznać, że nie słuchałem wtedy pana profesora Borowicza i trochę żałuje dzisiaj. Postaram się coś sklecić.

Mam nadzieje że przyda się Wam powyższy "kurs" Razz

Oczywiście na tym nie kończy się język HTML. Gdybyście wykorzystali wszystkie powyższe tagi na swoich stronach to może było by to jakieś 40% możliwości tego języka.

Starałem się zebrać tutaj wszystkie tagi o jakich była mowa na lekcji. Raczej na pewno o czymś zapomniałem Razz

. No ale może się Wam przyda.
(A jakby coś to podziękujcie panu Profesorowi, bo to on mi podsunął dzisiaj pomysł )

Wysłany: Pon 21:47, 27 Mar 2006

W takim razie podziękowania dla pomysłodawcy i wykonawcy.

Gość

Całkiem niezły kurs heheheheh moze bys tak Radek pomyslal by zrobic na strone szkolna maly kurs HTML dla uczniow......

BO PAN PROFESOR BOROWICZ TOOOO..................... Cool

Profesorze Wychowawco - nie wiem, co Pan Profesor rozumie pod pojęciem "mały kurs", ale przypuszczam, że Radzio by go nie zdążył skończyć przed zakończeniem roku szkolnego... Rolling Eyes

No co ty Maja nie wierzysz we mnie??

Gość

BO PAN PROFESOR BOROWICZ TOOOO..................... Cool

a dokładniej ? Cool

ALERT! ALERT!
INVASION! INVASION!
sed /Boruta

Removing in progress...

FAILED! FAILED!
ERROR! ERROR! ERROR! ERROR! ERROR! ERROR! ERROR! ERROR! ERROR! ERROR!

Nie udało się usunąć wirusa "boruta".
Wybacz.

Gość

very funny

Panie profesorze zapraszamy do rejstracji Very Happy

Ludzie nie macie co liczyć na stopień wyżej niż "3+" u Pana Profesora Wychowacy to Jego ulubiona ocena, podobno chce nam wszystkim taką wystawić na koniec roku i pisze już petycję żeby taka ocena była w skali zachowania Razz

[/b]