Podstawowy układ strony w HTML-4
Podstawowy układ strony w HTML-5
Używanie styli lokalnych, globalnych i zewnętrznych w HTML-u
Nagłówki HTML h1, h2, h3
Znacznik akapitu w HTML-u
Znacznik krótkiego cytatu q i znacznik długiego cytatu blockquote w HTML-u
Znacznik pre w HTML-u
Znacznik definicji dfn w HTML-u
Znacznik kodu programu code w HTML-u
Znacznik kodu wyniku działania programu samp w HTML-u
Znacznik danych wprowadzanych przez użytkownika w programie kbd używany w HTML-u
Znacznik zmiennej w kodzie programu var w HTML-u
Znaczniki wstawienia ins i usunięcia del tekstu w HTML-u
Wyróżnienie ważnych fragmentów tekstu znacznikami emfazy em i mocnego wyróżnienia strong w HTML-u
Znaczniki skrótu abbr i akronimu acronym w HTML-u
Znaczniki bezpośredniego formatowania tekstu w HTML-u
Wstawianie linków i kotwic na stronie za pomocą znacznika a w HTML-u
Wstawianie list wypunktowanych w HTML-u
Wstawianie list numerowanych w HTML-u
Wstawianie listy definicji w HTML-u
Wstawianie grafiki w HTML-u
Wstawianie tabelek w HTML-u
Znacznik div w HTML-u
Znacznik nagłówka (header) w HTML-5
Menu poziome z rozwijaną listą w HTML-u
Menu pionowe z pojawiającą się listą w HTML-u
Znacznik stopki strony footer w HTML-5
Znacznik artykułu article w HTML-5
Znacznik section w HTML-5
Znacznik aside w HTML-5
Znacznik script, czyli osadzanie kodu JavaScript na stronie
Znacznik canvas w HTML-u
Tworzenie formularza na stronie
Wstawianie wektorowej grafiki SVG w HTML-5
Style formatowania tekstu
Selektory pseudoklas w CSS
Animacje CSS
Ta strona należy do działu:
Programowanie poddziału
Podstawy HTML-a Autor podstrony: Krzysztof Zajączkowski
Stronę tą wyświetlono już: 10548 razy
Stopka jest elementem często spotykanym na różnych stronach. Jej celem jest umieszczenie w niej informacji ogólnych o prawach autorskich, możliwości kontraktu etc. etc. Miejsce tego elementu powinno być na samym dole strony i zazwyczaj podpięta jest pod ten element jakaś grafika tła. Oto przykład implementacji takiego elementu w HTML-5 za pomocą znacznika <footer> :
<footer>
<p>Leyout wykonany przez autora strony, wszelkie prawa zastrzeżone. Jakiekolwiek użycie części lub całości grafik znajdujących się na tej stronie bez pisemnej zgody jej autora surowo zabronione. </p>
</footer>
Kilka styli zazwyczaj przydatnych w tego typu elemencie:
footer {
height: 70px;
clear: both;
text-align: center;
padding: 30px 10px 0px 10px;
background: url("menu/stopka.png") repeat left top;
}
footer p{
text-align: center;
margin: 0px;
}
Wynik działania powyższego kodu:
W HTML-4 nie ma znacznika <footer> , zamiast niego należy skorzystać z elementu div .