HTML + CSS3

Tworzenie stron internetowych

Wprowadzenie

Pozycjonowanie Div'ów

Formatowanie wyglądu za pomocą styli CSS

#nazwa - oznaczenie identyfikatora /każda nazwa może być użyta tylko raz/
.nazwa - oznaczenie klasy /może być wykorzystana wiele razy
width - szerokość obiektu
height - wysokość obiektu
margin a b c d - marines zewnętrzny /a-góra, b-prawo, c-dół, d-lewo/
padding - marines wewnętrzny /a-góra, b-prawo, c-dół, d-lewo/
background-color - kolor tła
color - kolor tekstu
float - element pływający
clear - czyszczenie elementów pływających
border a b c /a-grubość, b-rodzaj, c-kolor/
text-align - wyrównywanie tekstu /left, center, right/
font-familly - nazwa czcionki
font-size - wielkość czcionki

Podstawowe znaczniki

img

		<img class="klasa" src="nazwa.jpg" align="left/right">

IMG służy do umieszczania na stronie obrazka. Obrazek możemy oblać tekstem. W tym celu dodajemy parametr align z wartością left lub right. Formatowanie obrazka można wzbogacić dodając klasę.
Na stronie można umieszczać obrazki o rozszerzeniach jpg, png, gif. Format png oraz gif daje możliwość ustawienia przezroczystego tła. Gif pozwala na ustawienie animowanej grafiki.

ul ol li

		<ul>

		<li> tekst </li>

		</ul>

Znacznik ul uruchamia tzw. listę nienumerowaną; znacznik ol - numerowaną. Pozycje list dodajemy za pomocą znaczników li. W miejsce tekstu można wstawiać inne znaczniki. Mogą to być obrazki lub odnośniki (linki) do innych stron.

		<a> href="strona/adres" target="_blank">

Znacznik a służy do budowania odnośników do innych stron w naszym serwisie lub do innych serwisów. Uwaga: jeżeli dodajemy odnośniki do innych serwisów, to należy je poprzedzić nagłówkiem http://. Parametr target nie jest obowiązkowy. Opuszczenie go spowoduje, że nowa strona otworzy się w zakładce, w której jest już nasza strona. Dodanie target="_blank" otwiera link w nowej zakładce.

table

		<table>

		<tr>

		<td>

		treść

		</td>

		</tr>

		</table>

Znacznik table pozwala na dodawanie tabel. W każdej tabeli występują wiersze (dodawane przez znacznik tr) oraz w tamach każdego wiersza - komórki (znacznik td). W miejsce treści możemy dodawać zdjęcia lub linki.

Przydatne strony