Poczytaj sobie ;]
http://www.statom.pl/HTML/
http://www.gajdaw.pl/html/index.html
http://webmaster.helion.pl/kurshtml/ - taki sam tutorial jest dolaczony do pajaczka ;)
http://www.ibi.uni.wroc.pl/Technika...ML12/index.html
Ultra szybki kurs ;P
1. Struktura znacznika HTML
<ZNACZNIK PARAMETR=”wartość” INNYPARAMETR=5>
wnętrze znacznika
</ZNACZNIK>
(zakończenie nie przez wszystkie znaczniki wymagane)
2. Struktura dokumentu HTML
<HTML>
<HEAD>
</HEAD>
<BODY BGCOLOR=”black” TEXT=”white”>
… text of the page… whatever… blah blah…
</BODY>
</HTML>
3. Tytuł strony
<HEAD>
<TITLE>Tytuł strony</TITLE>
</HEAD>
4. Podstawowe znaczniki dotyczące formatowania tekstu
<P ALIGN=”center”> znacznik akapitu </P>
<DIV> znacznik sekcji </DIV> (podstawowo niemalże równoważny <P>)
<SPAN> znacznik fragmentu tekstu </SPAN>
<BR> - znacznik końca linii.
<FONT FACE=”Arial” SIZE=3 COLOR=”red”> czcionka Arial, rozmiar 3, czerwona </FONT>
tekst <B> pogrubiony </B>
tekst <U> podkreślony </U>
tekst <I> pochylony </I>
tekst <S> przekreślony </S>
indeks <SUP> górny</SUP>
indeks <SUB> dolny</SUB>
5. Etykiety i odnośniki
<A HREF=”http://www.adres.pl”> odnośnik (link) </A>
<A NAME=”rozdzial1”> - definicja etykiety wewnątrz dokumentu
<A HREF=”http://www.adres.pl/strona.html#rozdzial1”> do rozdziału 1 innej strony </A>
6. Grafika
<IMG SRC=”obrazek.gif” WIDTH=20 HEIGHT=30> (Standardowo obsługiwane są formaty: gif, jpg, png – wymiary opcjonalne, ale mile widziane)
7. Listy
<OL> lista numerowana – ordered list
<LI> 1. pierwszy element – list item
<LI> 2. drugi element
<LI> 3. trzeci element
</OL>
<UL> lista nienumerowana – unordered list
<LI> ● pierwszy element
<LI> ● drugi element
<LI> ● trzeci element
</UL>
8. Tabela
<TABLE> - definicja tabeli
<TR> - definicja wiersza tabeli
<TD> komórka tabeli </TD>
<TD COLSPAN=2 ROWSPAN=3> komórka o rozpiętości 2 kolumn i 3 wierszy </TD>
</TR>
</TABLE>
9. Inne przydatne znaczniki
<!-- komentarz -->
<H1> nagłówek pierwszego stopnia </H1> - aż do 6
<HR> - pozioma linia oddzielająca
- znacznik „niełamalnej” spacji: ten tekst się nie łamie
10. Definicja kodowania polskich znaków
w sekcji HEAD:
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-2">
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=windows-1250">
11. Formularze
<FORM ACTION="mailto:[email protected]">
<INPUT TYPE="text" NAME="nazwisko">
<TEXTAREA NAME="komentarz" ROWS=5 COLS=50> tekst początkowy </TEXTAREA>
<INPUT TYPE="submit" VALUE="Wyslij formularz">
</FORM>
12. Struktura definicji zestawu ramek
<HTML>
<HEAD>
<TITLE>Tytuł strony</TITLE>
</HEAD>
<FRAMESET COLS="100,20%,*"> (100 pikseli, 20% okna, reszta) - (COLS albo ROWS)
<FRAME SRC=”plik1.html” NAME=”lewa”>
<FRAME SRC=”plik2.html” NAME=”srodkowa”>
<FRAME SRC=”plik3.html” NAME=”prawa”>
</FRAMESET>
</HTML>
Odsyłacze pomiędzy ramkami:
<A HREF=”strona.html” TARGET=”prawa”> otworzy stronę strona.html w ‘prawej’ ramce </A>
Specjalne identyfikatory celów:
_blank = nowe okno
_top = całe bieżące okno
_parent = ramka macierzysta
13. Arkusze stylów CSS
Zastosowanie bezpośrednie:
Tekst <SPAN STYLE=”color:red; text-decoration:underline”>czerwony i podkreślony</SPAN>.
Zastosowanie ogólne dla dokumentu:
<HEAD>
<STYLE TYPE=”text/css”>
BODY { font-family: Impact; font-size:12px }
.klasa { color: red; }
B { color: navy; }
</STYLE>
</HEAD>
<BODY>
Ten tekst ma czcionkę Impact rozmiaru 12, a do tego <B>pogrubienia są granatowe</B>.
A to jest <SPAN CLASS=”klasa”>fragment z klasą</SPAN> wewnątrz tekstu.
</BODY>
Załączenie stylu z zewnętrznego pliku:
<HEAD>
<LINK REL=”stylesheet” HREF=”plik.css”>
</HEAD>
14. JavaScript
Zastosowanie w treści strony:
Tekst...
<SCRIPT LANGUAGE=”JavaScript”>
alert(”Witaj na mojej stronie!”);
</SCRIPT>
Zastosowanie w zdarzeniu znacznika:
<A HREF=”plik.html” onMOUSEOVER=”alert(’Zostaw ten link w spokoju.’)”>nie klikaj mnie</A>
__________________
Zgłoś post do moderatora | IP: Zalogowane
|
Stronka
(oczywiscie o csie ) : 
)
13-06-2003 16:52
... przyda sie... frontpage robi kupe śmieci 
ah
