W związku z tym, że na moim blogu powstało już wiele ciekawych wpisów dotyczących HTML i CSS postanowiłam zebrać je w coś w rodzaju małego kursu lub kompendium. Postaram się je aktualizować co pewien czas tak by osoby zaczynające naukę tych języków jak i te chcące się czegoś o nich dowiedzieć mogły w łatwy sposób znaleźć interesujące ich tematy.
Budujemy prostą stronę internetową z pomocą frameworka (Bootstrap 4)
- Zakładanie własnej strony internetowej – czyli zrób to sama
- Struktura strony w HTML? – Czyli jakie elementy występują w HTML
- Budujemy prostą stronę internetową cz. 1
- Budujemy prostą stronę internetową cz. 2
- Budujemy prostą stronę internetową cz. 3
- Budujemy prostą stronę internetową cz. 4
- Budujemy prostą stronę internetową cz. 5
- Budujemy prostą stronę internetową cz. 6 – dodajemy proste animacje JS
Podział / Formatowanie tekstu na stronie internetowej
- Nagłówki i podział tekstu w plikach stron WWW (H1, H2, H3)
- Akapity na stronie <p>, <br>
- Znacznik <span>
- Do czego służą znaczniki <i>,<b>,<u>
- Jak wykonać przekreślenie fragmentu tekstu na stronie <s>, <del>
- Jak zmienić rozmiar fontu na stronie internetowej <font>
- Indeksy Górny i Dolny w HTML i/lub CSS – <sup>, <sub>
- Wypunktowana lista – <ul> i numerowana <ol>
- Tworzenie tabel na stronach <table>
- Odsyłacze w treści HTML <a>
- Wstawianie grafiki <img>
- Blok cytatu <blockquote>
- Formularze <form>
- Elementy formularza
- Budujemy proste menu
Tabele na stronie internetowej
Grafika na stronie internetowej
- Podstawowe kolory na stronie
- Kolor tła oraz tekstu za pomocą HTML i CSS
- Jak dodać obraz w tle strony
- Wyśrodkowanie obrazka lub tekstu na stronie z pomocą HTML i CSS
Obramowania obiektów na stronie
Efekty i animacje na stronę
- Cień pod obrazkiem, tekstem z użyciem CSS
- Ciekawe efekty na tekście z użyciem cienia – CSS Text-Shadow
- Dodawanie cienia do elementu HTML – CSS3
- Niezwykłe efekty tekstowe z użyciem CSS3
- Element HTML z pionowym tekstem
- Gradient (różnokolorowy, ombre) tekst na stronie [CSS][HTML]
- Jakie stany może mieć obiekt na stronie
- Zmiana koloru linka po najechaniu kursorem – :hover [CSS]
- Odsyłacz pocztowy lub do telefonu HTML
- Kotwice na stronie HTML – odsyłacze i etykiety
