Ułożenie znaczników w podstawowej strukturze strony:
Ułożenie znaczników w podstawowej strukturze strony:
<HTML> - początek struktury <HEAD> - początek nagłówka
<TITLE> Tytuł, który pojawi się w pasku u góry </TITLE> - tytuł strony </HEAD> - koniec nagłówka
<BODY> - początek zawartości strony
treść strony (tekst, grafika, hiperłącza) . . .
</BODY> - koniec zawartości strony
</HTML> - koniec struktury
NP.
<HTML>
<HEAD>
<TITLE> Moja pierwsza strona </TITLE>
</HEAD>
<BODY>
Treść mojej pierwszej strony </BODY>
</HTML>
Akapity
Akapity tworzymy otaczając tekst odpowiednimi znacznikami: <P> i </P>:
<P> Tekst akapitu 1 </P>
<P> Tekst akapitu 2 </P>
NP.
<HTML>
<HEAD>
<TITLE> Moja pierwsza strona </TITLE>
</HEAD>
<BODY>
<P> Pierwszy akapit na mojej stronie </P>
<P> Drugi akapit na mojej stronie </P>
</BODY>
</HTML>
Nowa linia (odpowiednik Enter)
Tekst piszemy od nowej linii za pomocą znacznika <BR>. Znacznik ten nie posiada znacznika zamykającego.
<P> Linia1 <BR>
Linia 2 </P>
NP.
<HTML>
<HEAD>
<TITLE> Moja pierwsza strona </TITLE>
</HEAD>
<BODY>
<P> Pierwszy linia w pierwszym akapicie <BR>
Druga linia w pierwszym akapicie</P>
<P> Drugi akapit na mojej stronie </P>
</BODY>
</HTML>
Formatowanie tekstu - pogrubienia, podkreślenia, kursywa, zmiana rozmiaru czcionki, centrowanie
Formatowanie cech czcionki tekstu:
<B> ten tekst będzie wytłuszczony </B>
<I> ten tekst będzie pochylony </I>
<U> ten tekst będzie podkreślony </U>
Zmiana rozmiaru czcionki:
<FONT SIZE="+1"> rozmiar czcionki większy o jeden </FONT>
Centrowanie tekstu:
<P ALIGN="center"> tekst wyśrodkowany </P>
<P ALIGN="left"> tekst przesunięty do lewej </P>
<P ALIGN="right"> tekst przesunięty do prawej </P>
Np.
<HTML>
<HEAD>
<TITLE> Moja pierwsza strona </TITLE>
</HEAD>
<BODY>
<U> To jest mój pierwszy podkreślony tekst </U>
</BODY>
</HTML>
Lista wypunktowana i lista numerowana
Lista wypunktowana:
<UL>
<LI> lista 1
<LI> lista 2
<LI> . . . .
</UL>
Lista numerowana:
<OL>
<LI> punkt 1
<LI> punkt 2
<LI> . . . .
</OL>
NP.
<HTML>
<HEAD>
<TITLE> Moja pierwsza strona </TITLE>
</HEAD>
<BODY>
<UL>
<LI>lista 1
<LI>lista 2
<LI> . . . .
</UL>
</BODY>
</HTML>
Tabele
<TABLE border = n > ... </TABLE>
gdzie n - szerokość linii siatki opis wiersz: <TR> ... </TR>
opis komórki danych w wierszu: <TD> ... </TD>
NP.
<HTML>
<HEAD>
<TITLE> Moja pierwsza strona </TITLE>
</HEAD>
<BODY>
<TABLE BORDER=1>
<TR>
<TD> lewa kolumna </TD>
<TD> prawa kolumna </TD>
</TR>
</TABLE>
</BODY>
</HTML>
Odsyłacze do innych stron
<A HREF=”adres strony”> tekst </A>
NP.
<HTML>
<HEAD>
<TITLE> Moja pierwsza strona </TITLE>
</HEAD>
<BODY>
<A HREF="http://www.onet.pl"> To jest odsyłacz do strony portalu onet </A>
</BODY>
</HTML>
Wstawianie obrazków:
<img src=”nazwa_pliku_z_obrazkiem">
NP.
<HTML>
<HEAD>
<TITLE> Moja pierwsza strona </TITLE>
</HEAD>
<BODY>
<img src=”kwiatek.gif">
</BODY>
</HTML>
Kolor tła
<BODY BGCOLOR="kolor">
gdzie kolor - może być podany:
• imiennie (np. red, green, black, white)
• lub za pomocą wartości heksadecymalnych (np. #FF0000, #008000, #000000, #FFFFFF) wartości kolorów możesz znaleźć np. na stronie: http://www.statom.pl/HTML/kolory.html NP.
<HTML>
<HEAD>
<TITLE> Moja pierwsza strona </TITLE>
</HEAD>
<BODY BGCOLOR="#FFA07A">
Strona na której tło ma kolor łososiowy.
</BODY>
</HTML>