Znaczniki poznane na lekcjach informatyki
linia

Kolor tła strony:
<body style="background-color:KOLOR">
w miejsce KOLOR należy wpisać kolor naszego tła



Tekst:
<b>Pogrubienie</b>
<i>Pochylenie</i>
<s>Skreślenie</s>



Kolor tekstu:
<span style="color:red;"> Tekst koloru czerwonego</span>
<span style="color:blue;"> Tekst koloru niebieskiego</span>
<span style="color:green;"> Tekst koloru zielonego</span>
Więcej kolorów



Wielkość czcionki:
<span style="font-size:13pt;"> Tekst napisany czcionką o rozmiarze 13pt</span>
<span style="font-size:15pt;"> Tekst napisany czcionką o rozmiarze 15pt</span>
<span style="font-size:17pt;"> Tekst napisany czcionką o rozmiarze 17pt</span>



Rodzaj czcionki:
<span style="font-family:verdana;"> Tekst napisany czcionką verdana</span>
<span style="font-family:calibri;"> Tekst napisany czcionką calibri</span>
<span style="font-family:times new roman;"> Tekst napisany czcionką times new roman</span>



Kolor wyróżnienia tekstu:
<span style="background-color:red;"> Tekst zakreślony na czerwonego</span>
<span style="background-color:blue;"> Tekst zakreślony na niebiesko</span>



Wyrównanie tekstu:

<p style="text-align:center;"> Tekst wyśrodkowany </p>


<p style="text-align:right;"> Tekst po prawej </p>




Obraz:
<img src="ścieżka dostępu" alt="Tekst alternatywny"/>

gdzie jako "ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek. Natomiast w miejsce "Tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie grafiki w swojej przeglądarce internetowej).

Obraz o określonych rozmiarach:
<img src="ścieżka dostępu" alt="Tekst alternatywny" width="x" height="y"/>

gdzie jako "x" oraz "y" należy wpisać odpowiednio: długość i wysokość obrazka w pikselach lub w procentach.

Obraz o określonym ustawieniu względem tekstu:
<img src="ścieżka dostępu" alt="Tekst alternatywny" align="rodzaj"/>

gdzie jako "rodzaj" należy wpisać:
"left" - obrazek ustawiony po lewej stronie względem otaczającego go tekstu
"right" - obrazek po prawej stronie względem tekstu
"top" - tekst ustawiony na górze obrazka
"middle" - tekst ustawiony na średniej wysokości względem obrazka
"bottom" - tekst ustawiony na dole obrazka (domyślnie)




Odsyłacz (link) do podstrony:
<a href="względna ścieżka dostępu">opis</a>

gdzie jako "względna ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się podstrona, do której chcemy się przenieść. W miejsce wyrazu "opis" wpisujemy krótki tekst, który pojawi się na ekranie i po kliknięciu którego nastąpi uruchomienie odsyłacza

Odsyłacz (link) do adresu internetowego:
<a href="http://adres strony">opis</a>

gdzie w miejsce "adres strony" należy podać pełny adres internetowy strony, do której chcemy się przenieść. W miejsce wyrazu "opis" wpisujemy krótki tekst, który pojawi się na ekranie i po kliknięciu którego nastąpi uruchomienie odsyłacza

Odsyłacz obrazkowy:
<a href="adres"><img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" /></a>



Punktowanie
<ul>
<li>jeden</li>
<li>dwa</li>
<li>trzy</li>
</ul>

Punktowanie - różne typy
<ul type="rodzaj">
<li>jeden</li>
<li>dwa</li>
<li>trzy</li>
</ul>

gdzie jako "rodzaj" należy podać:
"disc" - (domyślny) - koło
"circle" - okrąg
"square" - wypełniony kwadrat



Numerowanie
<ol>
<li>jeden</li>
<li>dwa</li>
<li>trzy</li>
</ol>

Wykaz numerowany - różne typy
<ol type="rodzaj numeracji">
<li>jeden</li>
<li>dwa</li>
<li>trzy</li>
</ol>

gdzie jako "rodzaj numeracji" należy podać:
"1" (domyślny) - numeracja według liczb arabskich
"I" - według dużych liczb rzymskich
"i" - według małych liczb rzymskich
"a" - według małych liter
"A" - według dużych liter