![Dodawanie linków (hiperłączy) w treści strony [HTML]](https://aurainweb.pl/wp-content/uploads/2016/05/a5.jpg)
Dodawanie linków (hiperłączy) w treści strony [HTML]
Linki (inaczej hiperłącza, łącza hipertekstowe, odnośniki, odsyłacze) stanowią najbardziej charakterystyczny element Internetu, bez nich praktycznie sieć by nie istniała.
HTML i CSS to podstawowe technologie wykorzystywane do budowania i formatowania stron internetowych. HTML odpowiada za strukturę i znaczenie elementów strony, natomiast CSS pozwala określać ich wygląd, rozmieszczenie oraz zachowanie w różnych sytuacjach.
W tej kategorii znajdziesz poradniki i przykłady kodu, które pomogą Ci poznać te technologie i wykorzystać je w praktyce. Omawiam między innymi znaczniki HTML, selektory i właściwości CSS, formatowanie tekstu, listy, tabele, formularze, menu nawigacyjne oraz efekty wizualne.
Materiały mogą być przydatne osobom rozpoczynającym naukę tworzenia stron WWW, a także tym, którzy znają już podstawy i chcą przypomnieć sobie konkretne rozwiązania lub znaleźć sposób na wykonanie wybranego elementu strony.
Jeśli wolisz uczyć się według uporządkowanego planu, zajrzyj również na stronę kursu HTML i CSS, gdzie znajdziesz materiały pogrupowane według zagadnień.
Odsyłacze i etykiety na stronie internetowej – kotwice na stronie HTML
Kotwice ang. anchor (etykiety, zakładki) służą do oznaczenia specjalnych obszarów podobnie jak zakładka w książce. Odsyłacz (nazywane również odnośnikami, hiperłączami) prowadzi do kotwicy (konkretnego fragmentu tekstu, strony).
Dopasowanie tekstu do kształtu obrazka, ale nie tylko – CSS
Jak sam tytuł mówi tym razem zajmę się dopasowaniem układu tekstu do kształtu obrazka.
Efekty na tekście z użyciem cienia – Text-Shadow
Text-Shadow – czyli cień umieszczony pod tekstem stanowi jedną z ciekawszych właściwości CSS .
![Jak zmienić kształt kursora (wskaźnika) myszy na stronie? [CSS]](https://aurainweb.pl/wp-content/uploads/2016/05/a2_11zon.png)
Jak zmienić kształt kursora (wskaźnika) myszy na stronie? [CSS]
Czasami w celu uatrakcyjnienia lub usprawnienia działania witryny internetowej chcemy zmienić kształty kursora (wskaźnika) myszy.
Proste rozwijane poziome menu w CSS
W tym tygodniu pokażę wam jak zbudować proste poziome rozwijane menu (ang. top dropdown) korzystając z CSS i HTML. Dla nie wtajemniczonych chodzi o takie zwykłe górne menu na stronę internetową.
Efekt zoom hover po najechaniu kursorem na zdjęcie, obrazek
Podczas tworzenia stron internetowych często najważniejszą kwestią jest dobranie odpowiednich efektów aktywowanych np. po najechaniu kursorem myszy lub podczas przewijania strony (scroll). Powinny być one nie tylko ciekawe, ale i wykorzystywane z umiarem.
Animacja w CSS – Transitions, czyli efekty przejścia w CSS
Witam w kolejnym wpisie poświęconym tematyce animacji na stronach internetowych. Temat ten jest dość szeroki więc więc na pewno nie dam rady tutaj omówić wszystkich jego aspektów.
Prosta animacja z użyciem CSS3
Zapewne każdy z was widział różne animacje na stronach internetowych. Obracające się czy wjeżdżające zdjęcia. Większość z tych animacji stworzona jest za pomocą JavaScript (lub z jego biblioteką jQuery).
![Proste zdjęcia z efektem Polaroid RWD [CSS3]](https://aurainweb.pl/wp-content/uploads/2016/06/polaroid.png)
Proste zdjęcia z efektem Polaroid RWD [CSS3]
W jednym z wcześniejszych wpisów pisałam jak z pomocą PHP można uzyskać efekt zdjęć Polaroid.
Tworzenie gradientu na stronie z pomocą CSS3
Słowo gradient zwykle kojarzy się nam się zwykle z obrazkiem posiadającym bardzo ciekawą kolorystykę np. przechodzącym z jednej barwy w drugą.
box-sizing – wyjaśnienie działania właściwości CSS
Model pudełkowy jest jednym z najpopularniejszych sposobów budowania stron. Jak sama nazwa mówi składa się on z pudełek czyli mamy np. jeden duży kontener a w nim umieszczone elementy w kolejnych mniejszych kontenerach.