Selektory CSS

W poprzednim poście dowiedzieliśmy się o istnieniu styli CSS. Dziś trochę więcej praktyki, czyli jak tworzyć selektory CSS aby dobrać się do wybranych elementów strony internetowej i zmieniać ich wygląd.

Style CSS - podstawowe podstawy

W jaki sposób zapanować nad wyglądem strony internetowej (nad czcionkami i kolorami, układem strony, tłem, wymiarami, odstępami, obramowaniami ...) zachowując przy tym jednocześnie przejrzystą i poprawną strukturę kodu HTML i gwarantując sobie (lub innym webmasterom) na przyszłość, że zmiana koloru wszystkich linków na naszej stronie z niebieskiego na czerwony zajmie dokładnie tyle czasu co zamiana miejscami znaku "0" ze znakiem "f" w jednym pliku?

html head body - struktura dokumentu strony internetowej

Aby nasza strona internetowa miała ręce i nogi należy zadbać, aby posiadała prawidłowy szkielet dokumentu HTML. Ten szkielet składa się z trzech podstawowych części:

URL co to jest? src obrazka, url strony

W świecie wirtualnym jest podobnie jak w rzeczywistym. Jeżeli chcemy odwiedzić ciotkę lub załatwić sprawę na mieście to potrzebny jest adres, pod który musimy się udać. Analogicznie jeżeli chcemy otworzyć stronę lub obejrzeć zdjęcie to musimy znać URL strony/zdjęcia.

Rozwijając skrót URL otrzymujemy Uniform Resource Locator
po naszemu to mniej więcej Ujednolicona RóżnychRzeczy Lokalizacja

Jak wstawić link?

Mamy już bloga lub stronę na temat jaków. Czasem warto dodać linki do stron internetowych, które często odwiedzamy. Dzięki temu zgromadzimy razem nasze ulubione miejsca w sieci. Jak to zrobić?

Jak wstawić obrazek?

Z pewnością każdy pragnął kiedyś wstawić na swoją stronę internetową zdjęcie przedstawiające ulubione zwierzę czyli jaka. Na popularnych blogach i forach wystarczy kliknąć przycisk 'wstaw obrazek' i gotowe. Jeżeli tworzymy stronę bez pomocy takich 'automagicznych ułatwień' to powinniśmy wykorzystywać html-owy znacznik IMG.

Język HTML - podstawowe podstawy

Jeżeli akurat zapragnąłeś stworzyć stronę internetową lub chciałbyś tylko zorientować się co to jest ten HTML to zapraszam do lektury tego wpisu i następnych. Krótko i konkretnie (trzymając się dobrych nawyków z XHTMLa) opiszę podstawy języka HTML: