HTML - Tworzenie stron
Tutaj rozpocznij swoją przygodę z tworzeniem stron internetowych! HTML to język opisowy, w którym przy pomocy znaczników (tagów) określamy co zawiera dana podstrona - mogą to być hiperłącza, obrazki, pola edycyjne, przyciski, tabele, listy numerowane, pojemniki na zawartość, akapity tekstu, nagłówki itd. Oprócz zawartości strony, w HTML określamy także istotne parametry witryny – tytuł i opis w rezultatach wyszukiwania Google, język i zestaw znaków właściwy dla danego kraju, skrypty i arkusze stylów, których witryna używa etc. Uwaga: pełny opis przeznaczenia poszczególnych technologii webowych znajdziesz w tym filmie.
Odcinki video
- Przegląd technologii webowych
- 01. Tworzenie stron www - pierwszy projekt, wiedza podstawowa
- 02. Budowanie struktury strony www
- 03. Linkowanie podstron, przyjazne adresy, fontello
- 04. Listy, automatyczne przewijanie strony
- 05. Nowe znaczniki HTML5, semantyka
- 06. Klasyczne kontrolki formularzy
- 07. Pozostałe kontrolki formularzy
- 08. Flexbox - Układamy bloki na stronie
Artykuły
- Templatka witryny HTML5, polskie znaki, sekcja head
- Hiperłącza <a> (linki) w HTML
- Wstawienie obrazu <img> do witryny
- Paragrafy <p> czy podwójne <br>?
- Nagłówki (headings) <h1> do <h6>
- Listy nienumerowane <ul> i numerowane <ol>
- Tworzenie tabel w HTML
- Element <span>
- Znacznik <strong>
- Wyróżnienie - emfaza <em>
- Blok cytatu <blockquote>
- Zmiana postaci tekstu <b>, <i>, <u>
- Formularz - znacznik <form>
- Elementy formularza: input text, password, number oraz etykieta label
- Elementy formularza: pole checkbox oraz radio
- Elementy formularza: lista wyboru select
- Elementy formularza: pole wieloliniowe textarea
- Elementy formularza: rodzaje przycisków
- Struktura witryny: Dlaczego nie budować jej z użyciem tabel?
- Struktura witryny: Metoda float:left w połączeniu z clear:both
- Struktura witryny: Metoda display: inline-block
Komentarze
Czy macie jakieś pytania, sugestie, uwagi? A może zauważyliście literówkę albo błąd? Dajcie koniecznie znać: kontakt@pasja-informatyki.pl. Dziękujemy za poświęcony czas - to dzięki Wam serwis staje się coraz lepszy!